当前位置： 首页 > news >正文

uni-app的学习【第三节】

news 2026/5/21 6:53:37

五 运行环境判断与跨端兼容

uniapp为开发者提供了一系列基础组件，类似HTML里的基础标签元素，但uni-app的组件与HTML不同，而是与小程序相同，更适合手机端使用。

虽然不推荐使用 HTML 标签，但实际上如果开发者写了`div`等标签，在编译到非H5平台时也会被编译器转换为 `view` 标签，类似的还有 `span` 转 `text`、`a` 转`navigator`等，包括 css 里的元素选择器也会转，但为了管理方便、策略统一，新写代码时仍然建议使用view等组件。

开发者可以通过组合这些基础组件进行快速开发，基于内置的基础组件，可以开发各种扩展组件，组件规范与vue组件相同。

下面会练习一个案例  

此时在分包里面新建的页面，会在pages分包目录下自动生成

然后在首页实现跳转

此时运行出来的首页就会显示，并且可以跳转

现在在chat页面简单实现一下

这就是运行的效果图了

方便适配各端，所以尽量使用flex布局

源代码：

<template><view class="container"><!-- 聊天列表 --><view class="chat-body"><block v-for="(item, index) in chatList" :key="index"><view cl

相关文章：

uni-app的学习【第三节】

五 运行环境判断与跨端兼容 uniapp为开发者提供了一系列基础组件，类似HTML里的基础标签元素，但uni-app的组件与HTML不同，而是与小程序相同，更适合手机端使用。 虽然不推荐使用 HTML 标签，但实际上如果开发者写了`div`等标签，在编译到非H5平台时也会被编译器转换为 `view`…...

编程日记 2024/1/21 2:15:26

全自动网页制作系统流星全自动网页生成系统重构版输入网页信息即可制作

源码优点: 所有模板经过精心审核与修改&#xff0c;完美兼容小屏手机大屏手机&#xff0c;以及各种平板端、电脑端和360浏览器、谷歌浏览器、火狐浏览器等等各大浏览器显示。 免费制作 为用户使用方便考虑&#xff0c;全自动网页制作系统无需繁琐的注册与登入&#xff0c;直接…...

编程日记 2024/1/21 2:12:23

云轴科技ZStack位列IDC云系统软件市场教育行业TOP2

近日&#xff0c;全球IT市场研究和咨询公司IDC发布 《中国云系统软件市场跟踪报告2023H1》 ZStack作为产品化的云基础软件提供商 位居云系统软件市场第一梯队 市场份额位列独立云厂商*第一 增速最快 教育行业TOP2 在教育行业&#xff0c;云计算已成为教育行业信息化的重要基础…...

编程日记 2024/1/21 2:11:20

从技术大会到面试舞台：程序猿的蜕变之旅！

在这个技术日新月异的时代&#xff0c;程序员们需要不断地学习和提升自己的技能。 参加技术大会&#xff0c;无疑是程序员们拓宽视野、提升技能的重要途径之一。然而&#xff0c;技术大会只是程序员成长的一部分&#xff0c;掌握面试技巧同样至关重要。只有将这两者完美结合&a…...

编程日记 2024/1/21 2:08:17

VS2019+QT5.12.12+opencv+pcl1.12.1 显示点云，运行程序报错-无法定位程序输入点于链接库 如何解决？

之前配置好VS2019QTopencv&#xff0c;做了简单视觉软件&#xff0c;实现了部分功能。昨天下载PCL1.12.1&#xff0c;并参考很多博友的文档配置pcl,编写点云显示代码&#xff0c;程序编译成功&#xff0c;但执行一直报错。 VC目录配置&#xff1a; 添加PCL各个目录下的Lib名…...

编程日记 2024/1/21 2:06:15

Oracle-java下载、开源/商业许可证（收费、免费说明）、版本发布日志

Oracle-java下载、开源/商业许可证&#xff08;收费、免费说明&#xff09;、版本发布日志 下载开源/商业许可证&#xff08;收费、免费说明&#xff09;java8版本发布日志以上是一般情况&#xff0c;具体的以官网发布信息为准例如&#xff1a; JDK17某些特定版本是免费的&…...

编程日记 2024/1/21 2:03:11

docker安装 mysql 8.0.32

首先下载 mysql 其次如果虚拟机以前安过mysql 需要把mysql关闭 命令 永久关闭mysql 但是当前不生效 需要重启虚拟机 systemctl enable mysqld 如果不想重启虚拟机 可以执行 systemctl stop mysqld //指定版本 docker pull mysql:8.0.32 // 拉取最新的…...

编程日记 2024/1/21 2:00:09

OPC UA 开源库编译方法及通过OPC UA连接西门S7-1200 PLC通信并进行数据交换

前言 在现代工业自动化领域&#xff0c;OPC UA&#xff08;开放性生产控制和统一架构&#xff09;是一种广泛应用的通信协议。本文将以通俗易懂的方式解释OPC UA的含义和作用&#xff0c;帮助读者更好地理解这一概念。 一、OPC UA的定义 OPC UA全称为“开放性生产控制和统一…...

编程日记 2024/1/21 1:55:03

【数据库学习】ClickHouse(ck）

1&#xff0c;ClickHouse&#xff08;CK&#xff09; 是一个用于联机分析(OLAP)的列式数据库管理系统(DBMS)。 1&#xff09;特性 按列存储&#xff0c;列越多速度越慢&#xff1b; 按列存储&#xff0c;数据更容易压缩&#xff08;类型相同、区分度&#xff09;&#xff1b…...

编程日记 2024/1/21 1:54:02

Springboot之策略模式

Springboot之策略模式 策略模式的几种方式1 简单实现1.1 创建策略接口1.2 实现付款方式1.2.1 微信付款1.2.2 支付宝付款 1.3 创建策略调度器1.4 创建配置类 策略模式的几种方式 1 简单实现 场景&#xff1a;策略模式实现不同类型的付款动作 1.1 创建策略接口 package com.p…...

编程日记 2024/1/21 1:50:59

HTTP 协议和 TCP/IP 协议之间有什么区别？

HTTP&#xff08;超文本传输协议&#xff09;和TCP/IP&#xff08;传输控制协议/互联网协议&#xff09;是两种在互联网通信中广泛使用的协议&#xff0c;它们之间的区别和联系对许多人来说可能还不是很清晰&#xff0c;今天我们就带大家来一起了解一下HTTP和TCP/IP协议这2者之…...

编程日记 2024/1/21 1:49:58

【Effective C++】让自己习惯C++

Item01 视C为一个语言联邦 C由四个次语言组成&#xff1a; C&#xff1a;过程形式&#xff0c;没有模板、没有异常、没有重载Object-Oriented C&#xff1a;面向对象形式&#xff0c;类&#xff08;构造函数和析构函数&#xff09;、封装、继承、多态Template&#xff1a;泛型…...

编程日记 2024/1/21 1:46:56

第十一章 请求响应

第十一章 请求响应 1.概述2.请求-postman工具3.请求-简单参数&实体参数4.请求-数组集合参数5.请求-日期参数&JSON参数6.请求-路径参数7.响应-ResponseBody&统一响应结果8.响应-案例 1.概述 将前端发送的请求封装为HttpServletRequest对象 在通过HttpServletRespo…...

编程日记 2024/1/21 1:45:55

【React】脚手架创建项目

文章目录 创建React项目目录结构分析了解PWA脚手架中的webpack 创建React项目 ◼ 创建React项目的命令如下&#xff1a; ​  注意&#xff1a;项目名称不能包含大写字母 ​  另外还有更多创建项目的方式&#xff0c;可以参考GitHub的readme 命令&#xff1a; create-rea…...

编程日记 2024/1/21 1:44:54

力扣70. 爬楼梯（动态规划 Java，C++解法）

Problem: 70. 爬楼梯 文章目录 题目描述思路解题方法复杂度Code 题目描述 思路 由于本题目中第i层台阶只能由于第i- 1层台阶和第i-2层台阶走来&#xff0c;所以可以联想到动态规划&#xff0c;具体如下&#xff1a; 1.定义多阶段决策模型&#xff1a;对于每一上台阶看作一种状…...

编程日记 2024/1/21 1:42:53

Wpf 使用 Prism 实战开发Day13

配置 AutoMapper 关系映射 在上一节 ToDoController 控制器&#xff0c;或 IToDoService 服务接口中&#xff0c;方法的传参都是直接传的实体类。但在实际开发过程中&#xff0c;这样是不允许的。标准且规范的做法是&#xff0c;定义一个数据传输层&#xff0c;即Dto层。 一.在…...

编程日记 2024/1/21 1:41:52

62 C++ 多线程 -- mutex互斥量只能使用一次的问题分析-----以及解决方案递归mutex：recursive_mutex。

一 前提 以及问题 我们注意到&#xff0c;如果mutex.lock()两次&#xff0c;就会有问题 如下的代码有runtime exception mutex mymutex;mymutex.lock();mymutex.lock();//共享数据访问处理代码mymutex.unlock();mymutex.unlock(); 但是有这样的case存在 class Teacher183 …...

编程日记 2024/1/21 1:38:46

Chrome Devtools 调试指南

Chrome DevTools 是一套内置于 Google Chrome 浏览器的开发者工具&#xff0c;可以帮助开发者进行网页和应用的调试、优化和测试。以下是一些基本的调试指南&#xff1a; 打开 Chrome DevTools&#xff1a; 你可以通过以下方式之一打开 DevTools&#xff1a; 右键点击页面上的任…...

编程日记 2024/1/21 1:37:45

【Qt5】QString的成员函数chop

2024年1月19日&#xff0c;周五下午 QString 的 chop 方法用于从字符串的末尾移除指定数量的字符。这个方法会修改原始字符串&#xff0c;并返回 void。 下面是一个简单的示例&#xff1a; #include <QString> #include <QDebug>int main() {QString originalStr…...

编程日记 2024/1/21 1:34:42

Spring中的注解

Spring的配置 spring 2.5前xml spring 2.5后xmlannotation spring 3.0后annotationJavaConfig配置类 注解&#xff1a; 1.注入类 替换&#xff1a;<bean id"" class""></bean> 位置&#xff1a;类 语法:Component(value"注入容器中的…...

编程日记 2024/1/21 1:32:40

人工智能学习之归一化和标准化的区别

归一化与标准化&#xff08;机器学习核心预处理笔记&#xff09; 核心前提&#xff1a;机器学习中&#xff0c;特征的量纲&#xff08;单位&#xff09;可能差异极大&#xff08;如&#xff1a;身高cm、体重kg、收入万元&#xff09;&#xff0c;会导致模型&#xff08;如KNN、…...

编程新知 2026/5/21 6:45:01

产品工程师（Product Engineer）角色为何在创业公司成为最稀缺的竞争力？

在科技招聘市场&#xff0c;一位能力顶尖的工程师投递了上百份简历&#xff0c;却始终卡在“技术面试过关、产品讨论却露怯”的阶段。团队明明需要能快速交付价值的人&#xff0c;可最终录用的往往是那些“既懂代码又能自己做产品决策”的少数派。大多数候选人把精力全放在刷 L…...

编程新知 2026/5/21 5:53:43

你的打印机“糊”了？可能是半色调没调好！详解HP/佳能/Epson的驱动设置与图像预处理

你的打印机“糊”了&#xff1f;可能是半色调没调好&#xff01;详解HP/佳能/Epson的驱动设置与图像预处理 当精心修图的照片在打印机上输出后出现奇怪的网格纹路&#xff0c;或是设计稿的渐变区域出现明显色阶断层时&#xff0c;多数用户的第一反应往往是怀疑打印机硬件故障。…...

编程新知 2026/5/21 5:10:17

Delphi二进制迷宫破解：IDR交互式重构器的逆向工程革命

Delphi二进制迷宫破解&#xff1a;IDR交互式重构器的逆向工程革命 【免费下载链接】IDR Interactive Delphi Reconstructor 项目地址: https://gitcode.com/gh_mirrors/id/IDR 在逆向工程的世界里&#xff0c;Delphi编译的程序犹如一座座精心设计的迷宫——结构复杂、入…...

编程新知 2026/5/21 3:52:43

Codesys ST语言实战：手把手教你读写XML配置文件（附完整工程源码）

Codesys ST语言实战&#xff1a;工业级XML配置文件读写全解析 在工业自动化领域&#xff0c;设备参数配置与数据交换一直是工程师们面临的日常挑战。想象一下这样的场景&#xff1a;深夜的生产线上&#xff0c;一台关键设备突然需要更新200多个工艺参数&#xff0c;而传统的HMI…...

编程新知 2026/5/21 2:22:32

【限时解密】Perplexity未公开的历史资料检索协议v2.3：仅开放给前500名深度用户的私有搜索语法手册

更多请点击&#xff1a; https://codechina.net 第一章&#xff1a;Perplexity历史资料搜索的起源与协议演进脉络 Perplexity 作为面向知识密集型任务的下一代搜索代理&#xff0c;并非起源于传统搜索引擎架构&#xff0c;而是植根于大语言模型&#xff08;LLM&#xff09;推理…...

编程新知 2026/5/21 1:42:06

基于哪吒D1与Node-RED的机械臂视觉控制边缘计算方案

1. 项目概述与核心价值最近在折腾一个挺有意思的项目&#xff0c;核心是把一块搭载了全志D1芯片的哪吒开发板&#xff0c;变成一个能同时控制机械臂和拍照的智能边缘节点。这个想法的源头&#xff0c;其实挺实际的&#xff1a;在很多自动化测试、小型分拣或者教育演示的场景里&…...

编程新知 2026/5/21 1:14:11

Inter字体终极指南：从零开始掌握现代界面设计的免费开源字体方案

Inter字体终极指南&#xff1a;从零开始掌握现代界面设计的免费开源字体方案 【免费下载链接】inter The Inter font family 项目地址: https://gitcode.com/gh_mirrors/in/inter Inter字体是一款专为计算机屏幕精心设计的开源无衬线字体系统&#xff0c;凭借其卓越的可…...

编程新知 2026/5/21 1:00:41

为你的企业构建第一个 AI Agent Harness Engineering 的步骤

为你的企业构建第一个 AI Agent Harness Engineering 的步骤 1. 引入与连接：为什么你的Agent上线就“闯祸”？ 1.1 真实场景：一个价值12万的Agent事故 2024年3月，国内某SaaS创业公司的客户成功团队上线了第一款AI Agent：原本的目标是让Agent自动回答80%的客户常见问题，自…...

编程新知 2026/5/20 22:59:19

辽宁传媒学院学生宿舍与生活服务情况梳理

校园住宿条件是了解高校生活服务的重要方面。本文对辽宁传媒学院学生宿舍房型、设施配置、日常服务和新生入住流程进行梳理&#xff0c;供读者了解校园生活环境时参考。由于宿舍分配、设施配置和报到流程可能随年份调整&#xff0c;具体安排应以学校当年发布的通知为准。一、宿…...

编程新知 2026/5/20 22:49:02