组件,就是iOS开发中的UI控件,属于WXML里面的内容
各种组件有公共属性与特殊属性
属性的类型:基本是是变量类型与一些特殊类型,如:事件类型
属性只写名称,默认是布尔值true
组件分为7大类,共21个小组件和1个webview
突然发现框架里面很多知识点还没有看完,重新回去看了
框架---逻辑层
1.注册程序
2.场景值
3.注册页面
4.路由
5.模块化 引入模块化的js文件
框架——视图层
两大块 WXML 与WXSS
WXML中有个WXS脚本语言,不同于JavaScript,有自己的语法,可以构建出页面的结构。wxs 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。
WXML
1.数据绑定
2.列表渲染
3.条件渲染
4.使用模板
5.事件
6.引用 引用是指引入已经写好的wxml文件,一种引用模板,一种复制代码
#######WXS
1.模块
WXS 代码可以编写在 wxml 文件中的 <wxs> 标签内,或以 .wxs 为后缀名的文件
每一个 .wxs 文件和 <wxs> 标签都是一个单独的模块。
每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数,默认为私有的,对其他模块不可见。
一个模块要想对外暴露其内部的私有变量与函数,只能通过 module.exports 实现。
2.变量
3.注释
4.运算符
5.语句
6.数据类型
7.基础类库
WXSS(学习一下CSS)
自定义组件(略,可以先不看)
小程序分包加载技术
整个小程序所有分包大小不超过 4M
单个分包/主包大小不能超过 2M
对小程序进行分包,可以优化小程序首次启动的下载时间,以及在多团队共同开发时可以更好的解耦协作
在app.json里面配置分包字段,并进行声明
{
"pages":[
"pages/index",
"pages/logs"
],
"subPackages": [
{
"root": "packageA",
"pages": [
"pages/cat",
"pages/dog"
]
}, {
"root": "packageB",
"pages": [
"pages/apple",
"pages/banana"
]
}
]
}
微信客户端小程序的基础库(每一个微信版本都附带基础库)
兼容问题 (新接口、新功能与废弃接口、废弃功能)版本号与函数 wx.canIUse
运行机制 启动、更新、再次打开
性能
1.setData 切忌频繁(毫秒级)使用
2.setData 切忌传递大量新数据 当数据量过大时会增加脚本的编译执行时间,占用 WebView JS 线程,
3.后台态页面不应该进行 setData
4.图片资源
少用大图片
避免太多长列表图片
5.去除不用的资源库,减少代码包的大小
及时清理没有使用到的代码和资源
6.控制代码包内图片资源
网友评论