1、新建page 自动创建js、json、wxml、wxss文件。
2、配置app.json文件,若没有对应路径的目录或文件,则自动创建目录、js、json、wxml、wxss文件。
3、rpx响应式:是该物体本身的一半大小,并且会随着设备的不一样而响应式变化。但像圆角这种wxss还是要用px比较好,因为这种是微固定的,还有部分文字为了就是要突出放大,就不要使用rpx来设置,甚至一些间距也推荐px,还有一种情况是:宽度方面推荐rpx(因为有限),高度方面推荐px(无限可滚动)。
4、app.json中设置好路径后,路径中的最后一个文件名并不是指其中某个文件,而是指整个整体,小程序会自动关联其中的WXSS/WXML/JS/JSON;甚至在WXML中的样式都不需要导入,因为还是小程序会自动关联的原因。
5、WXSS和CSS几乎(很少语法不同)都一样,只是名字不一样而已。
6、flex布局:使用flex布局:display:flex;垂直对齐:flex-direction:colum;中插入水平对齐flex-direction:row。
vertical-align是传统的布局方式,控制垂直方向布局的。align-items是flex布局里特有的,需要设置display:flex后才有效果。
用了flex的话,vertical-align和float会失效。
7、小程序的字体一般是根据小程序所运行的环境决定的。就是说,它运行的手机的操作系统的字体决定的。
8、在小程序的指定文件夹位置创建目录和文件,在开发工具中也会对应的创建。
9、“/”的小程序的根目录,这一点和Linux很像。
10、如果小程序显示异常,但也没报错,可能是一些文件没有按照规定语法,导致整个小程序出问题。
11、/images/avatar/1.png:绝对路径;../../images/icon/view.png:相对路径(相对当前位置)。
12、自定义组件:模块化编程、复用js;简单的可以使用 template,复杂的使用自定义组件。
13、大写的后缀可能无法在小程序里预览,虽然可以用,改成小写的后缀即可。
14、AppData可以实时查看所有数据绑定的情况。
15、只有在onLoad()里面对data赋值才可以直接用this.data.xxx=true等操作,涉及到数据绑定的,如果是在别的除了onLoad()以外的函数里,必须使用this.setData()进行更新变量数据。
16、如果需要使用和小程序生命周期相同的变量保存状态的话可以在app.js文件里声明全局变量,然后再在页面脚本文件中去获取。
17、公共模板中的图片引用,建议用绝对路径,防止相对路径在其他页面找不到。
18、小程序无法在真机上清除缓存,只能通过写入一个清除缓存的事件(小程序API有提供)来实现手动清除。
19、Requeat Headers:
referer
user-agent
Ps:这两个字段是不能够自己及更改的。
20、有时不知道参数怎么获取,在调试的时候可以看到该对象的参数在哪里。
21、页面周期执行顺序:onLoad(页面初始化,不应该出现与页面UI相关的东西,页面还未正式生成)-> onShow -> onReady(页面已经渲染完成)对UI的操作尽量在onReady之内进行。
22、在小程序中加载更多的思路,获取的最新20条后,使用 concat 来合并之前的数据。
23、一般先写好wxml和wxss之后,在js里面先编写一些假数据,然后成功运行之后,再绑定数据。
24、对于scroll-view中横向滚动展示图片,最好加上css white-space:nowrap (不换行),否则图片换行。注意这里用的是scroll-view,而不是swiper。
25、待更新...