首页 > 代码库 > 小程序笔记
小程序笔记
本文纯属总结笔记,均来源于网络
官方文档:https://mp.weixin.qq.com/debug/wxadoc/dev/index.html
一、常用知识点
1、框架包含配置(json)、逻辑层(js、API)、视图层(wxml,WXSS,组件)组成
2、冒泡事件:touchstart touchmove touchcancel touchend tap longtap ;bind
事件绑定不会阻止冒泡事件向上冒泡,catch
事件绑定可以阻止冒泡事件向上冒泡。
3、事件对象:type:代表事件的类型;timeStamp:页面打开到触发事件所经过的毫秒数;target:触发事件的源组件[id,tagName,dataset{书写方式: 以data-
开头,多个单词由连字符-
链接,不能有大写(大写会自动转成小写)如data-element-type
,最终在 event.target.dataset 中会将连字符转成驼峰elementType}];
currentTarget:事件绑定的当前组件;touches:[Touch {pageX, pageY,clientX, clientY}];detail:自定义事件所携带的数据
4、wx:key
的值以两种形式提供:字符串(代表在 for 循环的 array 中 item 的某个 property)、 *this
(代表在 for 循环中的 item 本身)
二、细节整理
1、常用快捷键:代码格式化:Shift+Alt+F 代码行缩进:Ctrl+[ 上移动一行:Alt+Up 向上复制一行:Shift+Alt+Down 选中光标当前行:Ctrl+i 选择从光标到行尾:Shift+End 选中所有匹配:Ctrl+Shift+L 打开或者隐藏模拟器:Ctrl + m 关闭当前文件:Ctrl + m
2、小程序默认首页:app.json中pages的第一个页面
3、自动生成默认page:在app.json中pages中添加新page的路径元素后点击Ctrl + S保存后自动生成相应的目录及文件
4、<block/>
并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性
5、
三、填坑之路
1、
小程序笔记