微信小程序开发(一)基础知识学习
1.特点:
①无DOM对象(虚拟DOM),一切基于组件化(复用、解耦)
②四个重要文件: *.js、*.wxml --> html、.wxss --> css、*.json
③无需下载,同app互补,刚发布压缩包小于2M(2017年4月公布)
2.移动端适配:
物理像素:屏幕的分辨率。设备能控制显示的最小单元,可以看成是对应的像素点。
CSS像素(在Android中叫设备独立像素):可以认为是计算机坐标系统中的一个点,这个点代表一个可以由程序使用并控制的虚拟像素,然后由相关系统转换为物理像素。
DPR:设备像素比,物理像素/设备独立像素。一般以iPhone 6 的DPR为准,等于2(人类肉眼极限)。
PPI(pixels per inch):一英寸的显示屏上的像素点个数。
DPI(dots per inch):每英寸墨点,多用于打印机,但也可用与显示器。一般情况下,1 DPI = 1 PPI。
适配方案:①rem ②viewport(width = device-width) ③百分比(不常用)
小程序采用rpx,为iphone6的物理像素,是css像素的两倍。即1rpx = 0.5px(底层已经做了viewport适配处理,即实现了理想视口)。
3.页面结构:
4.数据绑定和事件分类
数据绑定:同Vue一样,可以初始化在当前页面的管理内存data中,页面中使用数据会自动去data中找。
Page({
data:{
mag:"哈哈"
} ,
})
事件分类:冒泡事件和非冒泡事件 事件绑定使用key+value的形式,key分为bind(普通绑定)、catch(非冒泡绑定)、mut-bind(互斥事件绑定),如bindtap、catchtap、mut-bindtap事件。
5.生命周期函数
两个线程,一个页面(相当于wxml和wxss),一个服务(相对于js)
6.模板template
定义:template属性 name(标识模板)
使用:template属性 is(模板的name)
引入:<import src='path'> 引入模板结构 @import 'path' 引入模板样式
传参:data = ‘{{...item}}’
7.列表渲染
wx:for
wx:key标记每个个体元素
遍历的个体:item 遍历的下标:index
最新文章
- js中使用new Date(str)创建时间对象不兼容firefox和ie的解决方式
- Unity2D 之 Sprite点击事件
- NET中的规范标准注释(二) -- 创建帮助文档入门篇
- 0428—Scrum团队成立及《构建之法》第六、七章读后感
- 25个CSS3 渐变和动画效果教程
- Android原理揭秘系列之一动态墙纸
- gdb调试相关
- python包
- 浅谈vertical-align
- 第四次作业 四则运算器在C++层面上的进一步思考
- Ceph编译安装教程
- scrapy_移除内容中html标签
- Cisco 关闭命令同步提示信息
- Lintcode400 Maximum Gap solution 题解
- c# List列表数据转换成树形结构
- 利用jQuery实现用户名片小动画
- ABAP 在被访问的程序中获取访问程序的全局变量
- 吴裕雄 15-MySQL LIKE 子句
- 在Android中使用Protocol Buffers(上篇)
- [转]VS2010 常用插件