微信小程序 - 小技巧

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、待更新...

微信小程序 - 小技巧相关推荐

微信小程序小技巧分享
微信小程序小技巧分享微信小程序相关编程技巧分享,内容来源是经验总结以及论坛啊,博客上收集,后续还会分享更多技巧,欢迎大家讨论. 1. 滚动加载数据方式在滚动分页加载数据的时候,通常做法是定义一个数 ...
微信生鲜小程序运营技巧临沂修齐网络专业开发生鲜水果商城小程序
生鲜小程序运营技巧 1.线上线下会员沉淀生鲜水果店可以通过微信小程序实现会员功能,包括会员积分,会员充值.会员等级,借助微信的用户数据,为用户加上会员标签.特征分组.从而实现精准营销. 2.新鲜到家 ...
微信小程序布局技巧（三）
微信小程序布局技巧(三) 前言小程序适配物理像素小程序中的px px和rpx转换应用尾巴前言本文是微信小程序(本文后面统称小程序)布局技巧系列最后一篇文章,主要说明小程序的屏幕适配问题. ...
微信小程序推广技巧、营销方案
微信小程序推广技巧.营销方案小程序已经成功上线了!那么,小程序线下如何推广?线下门店如何玩转小程序呢? 1.附近的小程序,让商家曝光率更高小程序自带"附近的小程序"功能,利用 ...
微信小程序开发教程||微信小程序小程序简介||微信小程序开始||微信小程序小程序代码构成
微信小程序小程序简介小程序简介小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验. 小程序技术发展史小程序并非凭空冒出来的一个概念.当微信中的 ...
微信小程序小Demo
微信小程序小Demo 调用API,轮播图,排行榜,底部BabTar的使用... board // board/board.js Page({/*** 页面的初始数据*/// 可以是网络路径图片,也可以 ...
计算机毕业设计Python+uniapp校园服务微信小程序(小程序+源码+LW)
计算机毕业设计Python+uniapp校园服务微信小程序(小程序+源码+LW) 该项目含有源码.文档.程序.数据库.配套开发软件.软件安装教程项目运行环境配置: Pychram社区版+ pyth ...
小程序文章怎么导出来_微店小程序—小程序怎么搜索微信店铺
微店小程序/微店铺/下单/下单助手/微商城就在新零售时代到来之时,智慧门店备受广大商家的关注,因为它可以有效实现引流客户进店消费. 为了帮助商家在微信内快速开店,方便商家和用户之间沟通,点击下方图片 ...
计算机毕业设计Python+uniapp扫码点餐微信小程序(小程序+源码+LW)
计算机毕业设计Python+uniapp扫码点餐微信小程序(小程序+源码+LW) 该项目含有源码.文档.程序.数据库.配套开发软件.软件安装教程项目运行环境配置: Pychram社区版+ pyth ...
微信小程序动态点赞php,微信小程序小组件基于Canvas实现直播点赞气泡效果
这篇文章主要为大家详细介绍了微信小程序小组件,基于Canvas实现直播点赞气泡效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下先发Canvas实现直播点赞气泡效果图: 实现细节: 1.JS:d ...

微信小程序 - 小技巧

微信小程序 - 小技巧相关推荐

最新文章

热门文章