小程序的深层了解

一: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为什么调用方法就能跳转呢.

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Golang | Leetcode Golang题解之第109题有序链表转换二叉搜索树

题目: 题解: var globalHead *ListNodefunc sortedListToBST(head *ListNode) *TreeNode {globalHead headlength : getLength(head)return buildTree(0, length - 1) }func getLength(head *ListNode) int {ret : 0for ; head ! nil; head head.Next…

EPIC免费领取《骑士精神2》 IGN9分神作骑士精神2限时免费领

EPIC免费领取《骑士精神2》 IGN9分神作骑士精神2限时免费领 最近Epic一直为玩家们送出各种游戏,从《龙腾世纪审判》到《模拟农场22》,而就在今天,epic又为玩家们送出了IGN评分9分高分的骑士精神2.这款游戏,该游戏是一款由Tripwir…

顺序表及其应用

掌握顺序表的初始化,初始化、查找、插入、删除、遍历、查看实际长度等操作 内容 从键盘输入n个整数,创建顺序表。【创建长度为n的顺序表】从键盘输入1个整数x,在顺序表中查找x所在的位置。若找到,输出该元素所在的位置(即数组下标…

2024年5月25日 十二生肖 今日运势

小运播报:2024年5月25日,星期六,农历四月十八 (甲辰年己巳月己丑日),法定节假日。 红榜生肖:鸡、鼠、猴 需要注意:马、狗、羊 喜神方位:东北方 财神方位:…

C# 文件清理

/// <summary>/// 定期清除文件/// </summary>/// <param name"fileDirect">文件夹</param>/// <param name"postFix">文件后缀</param>/// <param name"saveDay">保存天数</param>private voi…

用WPS将多张图片生成一个pdf文档,注意参数设置

目录 1 新建一个docx格式的文档 2 向文档中插入图片 3 设置页边距 4 设置图片大小 5 导出为pdf格式 需要把十几张图片合并为一个pdf文件&#xff0c;本以为很简单&#xff0c;迅速从网上找到两个号称免费的在线工具&#xff0c;结果浪费了好几分钟时间&#xff0c;发现需要…

拼多多:电商卷王

618大促将至&#xff0c;你还在天天算怎么用券吗&#xff1f;各电商卷来卷去&#xff0c;但可能都卷不过“天天618”的——拼多多。 5月22日&#xff0c;拼多多公布Q1财报&#xff0c; 营收同比增长131%至868.1亿人民币&#xff0c;调整后净利润同比增长202%至306.0亿元人民币…

HLS入门

一. HLS是什么&#xff1f;与VHDL/Verilog编程技术有什么关系? 高层次综合 (HLS) 抽象级别更高&#xff1a;HLS允许设计者在更高的抽象级别上工作&#xff0c;使用高级编程语言来描述硬件的功能。这种方法减少了设计者需要处理的底层细节&#xff0c;使得设计过程更加高效。…

遥感和ENVI技术检测食物污染

对于生产者和消费者来说食物污染都是个问题。家禽污染会引发严重的健康问题&#xff0c;导致严重的危害。美国农业部需要一种方法&#xff0c;使用遥感影像在离开生产线之前探测出受污染的家禽。 解决方案 提起遥感&#xff0c;人们想到的大多是那些太空船和轨道卫星。然而在美…

标准化软件实施方案(直接套用即可)

软件实施方案 二、 项目介绍 三、 项目实施 四、 项目实施计划 五、 人员培训 六、 项目验收 七、 售后服务 八、 项目保障措施 软件开发全套资料获取&#xff1a;&#xff08;本文末个人名片也可直接获取&#xff09;软件开发全套资料_数字中台建设指南-CSDN博客 软件产品&am…

Python | Leetcode Python题解之第101题对称二叉树

题目&#xff1a; 题解&#xff1a; class Solution:# 在【100. 相同的树】的基础上稍加改动def isSameTree(self, p: Optional[TreeNode], q: Optional[TreeNode]) -> bool:if p is None or q is None:return p is qreturn p.val q.val and self.isSameTree(p.left, q.ri…

[Linux] 进程概念

目录 1.冯诺依曼硬件体系结构 2.操作系统&#xff08;OS&#xff09; 3.系统接口 4.进程的概念 5.进程状态 6.四个其他概念 7.环境变量 8.进程地址空间 1.冯诺依曼硬件体系结构 在冯诺依曼体系结构中&#xff0c;计算机是由输入、输出、存储设备和中央处理器cpu组成的。图中体结…

代码随想录训练营打卡第36天:动态规划解决子序列问题

1.300最长递增子序列 1.问题描述 找到其中最长严格递增子序列的长度。 子序列 是由数组派生而来的序列&#xff0c;删除&#xff08;或不删除&#xff09;数组中的元素而不改变其余元素的顺序。 2.问题转换 从nums[0...i]的最长的递增的子序列 3.解题思路 每一个位置的n…

WebRTC | 网络传输协议 RTP 和 RTCP

WebRTC | 网络传输协议 RTP 和 RTCP WebRTC | 网络传输协议 RTP 和 RTCP如何选择 TCP 与 UDPRTP概述工作机制报文结构RTP 的使用RTP 拓展头RTP 中的填充数据翻译器和混合器同步控制报文大小wireshark 抓取 RTP 报文 RTCP概述工作机制分组类型报文结构WebRTC 的反馈报文RTPFBPSF…

鸿蒙系统和安卓系统通过termux搭建Linux系统—Centos

目录 1. 前言 2. 效果图展示 3. 安装termux 4. 安装Centos系统 4.1 更换源 4.2 拉取镜像 4.3 启动centos 5.结尾 1. 前言 大家好&#xff0c;我是jiaoxingk 今天这篇文章让你能够在手机或者平板上使用Linux-Centos系统 让你随时随地都能操作命令行进行装13 2. 效果图展示…

【电子学会】2023年09月图形化一级 -- 保护环境

保护环境 1. 准备工作 &#xff08;1&#xff09;删除角色小猫&#xff0c;添加角色Wizard&#xff0c;Bear-walking&#xff1b; &#xff08;2&#xff09;添加背景Desert和Forest。 2. 功能实现 &#xff08;1&#xff09;调整魔法师和熊的大小为50&#xff1b; &…

docker搭建gitlab及默认密码修改及配置修改

推荐官方文档 https://docs.gitlab.com/17.0/ee/install/docker.html 我使用的是docker run的方式&#xff0c;官方文档后面有docker-compose、swarm、k8s的部署文档 版本说明 1&#xff1a;可以部署gitlab-ce社区版和gitlab-ee企业版&#xff0c;然后&#xff0c;鉴于是个人…

交叉编译程序,提示 incomplete type “struct sigaction“ is not allowed

问题描述 incomplete type "struct sigaction" is not allowed解决办法 在代码的最顶端添加如下代码即可 #define _XOPEN_SOURCE此定义不是简单的宏定义&#xff0c;是使程序符合系统环境的不可缺少的部分 _XOPEN_SOURCE为了实现XPG&#xff1a;The X/Open Porta…

SpringIOCDI—第一讲

文章目录 什么是IOC什么是控制&#xff0c;谁控制谁什么是反转&#xff0c;从什么反转到什么了 IOC的注解五大类注解Controller注解&#xff08;控制器存储&#xff09;Service&#xff08;服务存储&#xff09;Repository&#xff08;仓库存储&#xff09;Componet(组件存储)C…

大语言模型实战——最小化agent

1. agent是什么 大模型拥有语言理解和推理能力后&#xff0c;就相当于拥有了大脑&#xff0c;要让模型发挥更大的潜力&#xff0c;就需要给它安装上手臂&#xff0c;让它拥有行动的能力。 而Agent就是一个将语言模型和外部工具结合起来的智能体&#xff0c;它使用语言模型的推…