小程序开发知识点
小程序开发
浏览：781 次
目录
1、 常见知识点
2、 开发坑
3、 展开
1、 常见知识点
1.浏览器、服务器和小程序之间的模块组成
（1） 浏览器
ES、DOM、BOM
（2） 服务器
ES、原生、npm
（3） 小程序
ES、小程序框架、特殊api
2.小程序运行环境
（1） 开发环境
IDE—nwjs
（2） 生产环境
Android-X5内核
Ios——JSC内核
PS：兼容性因不同平台和环境而异。因此，尝试进行更多的真实机器测试。
3.基本组成
（1） 结构
WXML语言
（2） 样式
wxs软件
（3） 数据逻辑
WXS、JS
4、 Label--将外部/内部wxs代码打包到组件对象中
用法
在标签中添加module=“xxx”。xxx是一个组件对象，代码块公开的变量将用作对象的属性或方法。
不要使用除module.exports之外的其他ES6语法
5.在wxs代码块中，/*是结束注释，不会执行以下代码
6.小程序框架-MINA框架
特征
（1） 双螺纹
（2） WXML、WXSS和WXS都在ui线程中运行
（3） 逻辑层通过页面将要更新的数据传输到视图层。setData（obj）方法
7.启动模式
（1） 冷启动
首次启动，5分钟后重启，两次警告后重启（被微信破坏）
（2） 热启动
5分钟内开始
如果小程序在启动时有新版本，它将异步加载内容。默认情况下，它将在下次启动时替换为新版本。但是，可以使用api函数立即将其替换为新版本。
8.资源加载过程
特征
（1） 本地缓存
（2） CDN内容分发网络
（3） 半开
9.生命周期事件——程序生命周期、页面生命周期
程序生命周期
（1） OnLaunch:初始化已完成
（2） OnHide：将小程序关闭到后台
（3） OnShow：将小程序扩展到前台（热启动）
（4） OnError:程序错误
GlobalData--全局数据
页面生命周期
（1） OnLoad：冷启动后首次加载页面（仅一次）
（2） OnShow：每次切换页面时在以下页面中触发
（3） OnReady：页面第一次切换到（每页只切换一次）
（4） OnHide：每次切换页面时在上一页中触发
（5） OnUnload：关闭当前页面
数据--页面数据
10.指令呈现方法（如wx:if或wx:for）
（1） 单一渲染
直接写在标签内
（2） 多个
用块包装并写入块
11.Wxml文件导入
（1） <导入/>
将只导入目标文件中的模板，而不会导入间接模板
（2） <包含/>
导入目标文件时，除了导入模板的所有内容外，还将导入间接模板
12、 支持转义字符
13、 <富文本>
wxml和wxss的内容通过html和css呈现。
14.在app的页面数组中。json，当写入页面路径时，相应的一系列文件将在此位置自动生成。
15.存储数据
查看图层
数据集，自定义属性
逻辑层
数据对象
16.其他内容
（1） 项目配置.json
保存环境配置以防止项目从计算机中运行。
（2） 其他json
应用时保存页面配置。json负责整个applet（操作员）的配置。
（3） js语言
app级JS和页面级JS分别具有app级和页面级生命周期事件。
（4） Utils文件夹
存储常用工具类，如常用函数。
17.就页面而言，除了基本的生命周期事件，还有丰富的交互事件，如下拉、滚动、共享和标签切换
如果未设置共享功能，菜单右上角的按钮将不具有转发功能。此外，共享函数可以返回一个对象，并提供用户定义的标题、描述和转发路径以及共享窗口的参数。
18.页面路由
概念
以堆栈的形式管理页面历史记录。
注意事项
（1） 重定向：上一页不在堆栈中。
（2） 选项卡切换和重新加载：所有以前的页面都被推出堆栈。
（3） 堆栈onLoad和堆栈onUnload。
（4） 堆栈中存储的页数不能超过5。
19.请注意，“this”方向将在回调期间改变。
解决
（1） 私有变量保存此。
（2） ES6语法。
20.逻辑层数据
（1） 此数据.xxx
只关注逻辑层，数据不会传输到视图层。
（2） this.setData（对象）
更改逻辑层时，数据将传输到视图层，但单个设置不应超过1M。
21.插值表达式（双花括号）
（1） ｛｛｝｝是可以放入数据或任何表达式中的变量
（2） 放置位置
在特性值和标签之间。
