小程序的深层了解

news2024/11/24 7:43:33

一:wxss的全局样式和局部样式

写在文件上,第一个路径会执行全局和局部自带的wxss给wxml,会执行wxml,会执行json和js.

无论那个文件都会执行文件夹内的和外部的app.wxss,但是如果有一样的属性,则看属性的权重,权重一样,则设置局部样式.

二:全局配置

wx:key="写的是data内的呢

可以,{{item.id}},

style不设置,则用默认样式.

app.json是对小程序整体的一个设置,设置页面路径,设置是否页面外观.

window下的配置

project.config.json是对项目的一个名称这种.

1.window

注意点:navigationBarTitleText属性设置颜色只能是16进制的.(6位).enablepulldownrefresh是是否允许向下拉出现下拉的形式,不允许则下拉无效果.我们这里设置的是全局样式,但是局部也有json可以修改.外部的app.json都是对所有页面其作用.backgroundColor是下拉的页面的颜色

onreachbottomdistance写这个,给根组件绑定onReachBottom="loadMoreData"事件,当整个页面划到相应距离,触发根组件的这个事件,以及不似html有html和body等标签,放置的时候就是第一个开始放到页面上.页面容器.

2.tabBar

        

tabbar属性值写对象可以写以下.

backgroundColor似乎只能16进制

list数组内的对象可以写

配置应该底层会遍历获得值,然后判断值,是否是16进制/特定的字符串"black"内部底层使得变化.iconpath需要/开始,是路径.

三:页面配置

页面文件夹内也有json文件,json文件和app.json一样也有window,可以设置外观.

但是文件夹内json写的时候{}对象不用写window知道只能设置的是window.

总结:页面设置高于全局设置的.在显示页面的时候,会寻找json和外部的json一起设置当前页面.但是页面内中心的部分只由wxml文件决定.

执行一个页面,会先执行wxml,然后wxss,然后json,一起为页面显示.寻找json文件的时候,看到文件内根据属性名是window,再遍历对内部的是background-color等为页面设置颜色.能根据wxml标签去显示页面,也可以根据标志去设置.设置都一样,只是条件不同.

当执行app.json的时候,遍历有tabbar属性,则遍历list,则将list传到哪里,然后显示底部/顶部导航.加到DOM树上.

我们app.json内的配置项pages不用写/,直接写名字开始会从根目录开始带上这个去查,而且找的时候会认为后面的是不包括后缀名的整个文件名查找四个.以及tabbar的list上的pagePath,执行会去看是否包括,包括则加路径进行跳转.pages能是所有可以进行跳转的页面路径.无论跳页面都要来看有没有这里是允许跳转的页面.

四:请求

注意点:1)只允许HTTPS的协议

             2)接口的域名写到列表内

             3)所写的域名必须经过ICP备案

原因:https所写的安全,一个域名只能被写到一个用户内,因此写到信任列表内的不允许其他用户写,保证一个人使用.安全.在后台配置1登录开发工具的时候内部有的.

wx对象相当于window对象,内部的全局对象,js内可以执行.

执行wx.request方法,会先对参数进行分解,辨别然后请求内部发送请求.内部有发送请求的命令.

success就是请求成功,内部命令等待执行完毕然后执行success,的值.失败一样.执行这个异步会等其他完再执行.如果业务失败请求成功也是执行success.

注意:请求的时候我们可以在开发工具内勾选这个,则模拟编译的时候,会去访问.但是一旦提交的时候,审核上线,不允许的.我们在还没有时间改http的时候/多个人用域名,可以勾选.

跨域是:浏览器和服务器,不是客户端和服务器.

也不是ajax,ajax内的请求发送是实现浏览器发送到服务器.客户端没有跨域问题.

五:页面跳转

tabbar会实现使得只要是在list所在页面就会有下面的导航.只要跳到tabbar的页面就会有这个.应该是会去查找是不是在tabbar内.以及tabbar可以跳转.

1.声明式导肮

1)跳到tab页面.

这个组件内部自带了触摸事件,触摸事件会跳转页面且会获得open-type和url,根据open-type的值先判断如果都不是就不跳. 是上述则寻找tabbar内的列表.且去寻找pages内的是否包含.都满足.

2)跳到非tab页面

不写open-type的时候,undefined的时候,也访问非tabbar页面.

3)后退

当触摸事件,根据open-type进行不同的操作.触摸事件的回调函数,根据open-type,取到delta进行返回.内部执行的是编程式导航.

这个后退只能在非tabbar页面,触发事件,会知道这个页面.非tabar页面自动有返回的按钮.

2.编程式导航

一样的,不似navigator需要类别.

不能同时有url和delta..

上述两个知道可以执行就可以.内部做了什么.像vue的this.$router.push为什么调用方法就能跳转呢.

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1690017.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

实操专区-第13周-课堂练习专区-折线图和阶梯图

实操专区-第13周-课堂练习专区-折线图和阶梯图 下载安装ECharts,完成如下样式图形。 代码和截图上传 基本要求:下图2选1,完成代码和截图 完成 3.1.3.12 折线图和阶梯图中的任务点 基本要求:2个选一个完成,多做1个加2分…

Linux网络——TCP协议详细讲解

目录 前言 一、TCP报头格式 1.首部长度 2.窗口大小 3.序号与确认序号 4.标志位 4.1 PSH 4.2 RST 5.紧急指针 6.TCP检验和 二、超时重传 三、连接管理机制 四、滑动窗口 五、拥塞控制 六、延迟应答 七、为什么TCP这么复杂? 前言 前面我们学习了TCP协议套接字的…

DFS:解决二叉树问题

文章目录 了解DFS1.计算布尔二叉树的值思路代码展示 2.求根节点到叶节点数字之和思路代码展示 3.二叉树剪枝思路代码展示 4.验证二叉搜索树思路分析代码展示 5.二叉搜索树中第k小元素思路:代码展示 6.二叉树的所有路径思路分析代码展示 总结 了解DFS 所谓DFS就是就…

编译qt5.15.2(mac/windows)的mysql驱动(附带编译好的文件)

文章目录 0 背景1 编译过程2 福利 0 背景 因为需要连接到mysql数据库,所以需要连mysql驱动。 1 编译过程 1,打开文件/Users/mac/Qt5.14.2/5.14.2/Src/qtbase/src/plugins/sqldrivers/sqldrivers.pro,注释掉QMAKE_USE mysql; 如…

宝藏网站推荐-封面图片生成器

封面图片生成器:封面图生成器 | 太空编程 (spacexcode.com)[https://spacexcode.com/coverview] 由来 最近爱上了写文案,在网上冲浪的时候发现一个宝藏网站。Spacecode,一个大神维护的个人网站,含有前端知识库、个人博客及他做…

【设计模式】JAVA Design Patterns——Commander(指挥官模式)

🔍目的 用于处理执行分布式事务时可能遇到的所有问题。 🔍解释 处理分布式事务很棘手,但如果我们不仔细处理,可能会带来不想要的后果。假设我们有一个电子商务网站,它有一个支付微服务和一个运输微服务。如果当前运输…

基于jeecgboot-vue3的Flowable增加表单功能(三)

因为这个项目license问题无法开源,更多技术支持与服务请加入我的知识星球。 接上一节 10、新建表单,打开VForm3编辑页面 /*** 新增事件*/function handleAdd() {designer.open true;nextTick(() > {reset();vfDesignerRef.value.clearDesigner();}…

R实验 基础(四)

实验目的: 掌握R对数据文件的读、写操作;了解R基础包中的数据集及相关的操作。 实验内容: 读取纯文本文件。在R语言基础包中,有两个函数可以使用: read.table()函数(包括read.csv()函数) 只…

【html】网页布局模板01---简谱风

模板效果: 这是一种最简单,最干净的一种网页布局。 模板介绍: 模板概述: 这个模板是一个基础的网页布局模板,包括一个头部区域(header),其中包含网站标题(logo)和导航菜单(nav),以及一个页脚区域(copy),用于显示版权信息。整体布局简洁明了,适合作为各种类…

TypeScript-搭建编译环境

搭建编译环境 TypeScript 编写的代码是无法直接在js引擎( 浏览器 / Nodejs )中运行的,最终还需要经过编译成js代码才可以正常运行 搭建手动编译环境 1️⃣ 全局安装 typescript 包(编译引擎) -> 注册 tsc 命令 npm i -g typescript 2…

Julia编程01:Julia语言介绍

在2020上半年,因为疫情无法返校,所以在家待了半年,期间学习一点了R语言、Python、Julia、linux和C语言,只是学习基础语法并没有项目练习,因此返校半年后差不多都不记得了,现在重新捡起Julia丰富下当时写的笔…

MyBatis实用方案,如何使项目兼容多种数据库

系列文章目录 MyBatis缓存原理 Mybatis plugin 的使用及原理 MyBatisSpringboot 启动到SQL执行全流程 数据库操作不再困难,MyBatis动态Sql标签解析 Mybatis的CachingExecutor与二级缓存 使用MybatisPlus还是MyBaits ,开发者应该如何选择? 巧…

民国漫画杂志《时代漫画》第21期.PDF

时代漫画21.PDF: https://url03.ctfile.com/f/1779803-1248634754-017e2b?p9586 (访问密码: 9586) 《时代漫画》的杂志在1934年诞生了,截止1937年6月战争来临被迫停刊共发行了39期。 ps: 资源来源网络!

YOLOv8改进 | 图像去噪篇 | 单阶段盲真实图像去噪网络RIDNet辅助YOLOv8图像去噪(全网独家首发)

一、本文介绍 本文给大家带来的改进机制是单阶段盲真实图像去噪网络RIDNet,RIDNet(Real Image Denoising with Feature Attention)是一个用于真实图像去噪的卷积神经网络(CNN),旨在解决现有去噪方法在处理真实噪声图像时性能受限的问题。通过单阶段结构和特征注意机制,…

SpringBoot入门教程:Word模板生成docx文件

一:处理docx 自己写一个docx文档,然后另存为选择格式 Word XML 文档(*.xml),然后使用thymeleaf语法将实际值使用表达式代替。 二:pom <dependency><groupId>org.springframework.boot</groupId>

基于EBAZ4205矿板的图像处理:07sobel边缘检测算法

基于EBAZ4205矿板的图像处理&#xff1a;07sobel边缘检测算法 项目文件 随后会上传项目全部文件&#xff0c;和之前一样免费下载 先看效果 如上所见&#xff0c;能够提取图像的边缘&#xff0c;这个sobel边缘检测算法的阈值&#xff08;认定是否为边缘的阈值&#xff09;一样…

AWPortrait1.4更新,人物的生成更加趋近真实感,将SD1.5人像的真实感提升到了一个新的高度

AWPortrait1.4更新&#xff0c;人物的生成更加趋近真实感&#xff0c;将SD1.5人像的真实感提升到了一个新的高度 经过5个月&#xff0c;AWPortrait终于迎来了1.4。 本次更新基于1.3训练&#xff0c;使得人物的生成更加趋近真实感&#xff0c;将SD1.5人像的真实感提升到了一个新…

【Qt 学习笔记】Qt窗口 | 状态栏 | QStatusBar的使用及说明

博客主页&#xff1a;Duck Bro 博客主页系列专栏&#xff1a;Qt 专栏关注博主&#xff0c;后期持续更新系列文章如果有错误感谢请大家批评指出&#xff0c;及时修改感谢大家点赞&#x1f44d;收藏⭐评论✍ Qt窗口 | 状态栏 | QStatusBar的使用及说明 文章编号&#xff1a;Qt 学…

【学习笔记】Windows GDI绘图(六)图形路径GraphicsPath详解(中)

上一篇【学习笔记】Windows GDI绘图(五)图形路径GraphicsPath详解(上)介绍了GraphicsPath类的构造函数、属性和方法AddArc添加椭圆弧、AddBezier添加贝赛尔曲线、AddClosedCurve添加封闭基数样条曲线、AddCurve添加开放基数样条曲线、基数样条如何转Bezier、AddEllipse添加椭圆…

营销短信XML接口对接发送示例

在现代社会中&#xff0c;通信技术日新月异&#xff0c;其中&#xff0c;短信作为一种快速、简便的通信方式&#xff0c;仍然在日常生活中占据着重要的地位。为了满足各种应用场景的需求&#xff0c;短信接口应运而生&#xff0c;成为了实现高能有效通信的关键。 短信接口是一种…