微信小程序 - 小技巧

简介: 微信小程序 - 小技巧

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


目录
相关文章
APP - 通过微信支付联系到收款方的小技巧
APP - 通过微信支付联系到收款方的小技巧
441 0
APP - 通过微信支付联系到收款方的小技巧
|
小程序 前端开发 JavaScript
强烈推介的几个微信小程序开发小技巧,简单又实用
前段时间在下开发了个微信小程序,开发过程中总结了一些我觉得对我有用的小技巧,提炼出来,相当于一个总结复盘,也希望可以帮助到大家。如果对大家确实有帮助,别忘了点赞哦 🌟 ~ 微信开发者工具版本:1.03.2006090(2020-06-19) 基础库版本: v2.12.1 (2020-08-04)
强烈推介的几个微信小程序开发小技巧,简单又实用
你不可不知的微信小技巧
微信是我们日常生活中最常用的软件之一。但是对于微信的很多实用功能,你是否又有所了解呢? 下面介绍一些我发现的微信实用小技巧:(#安卓v6.5.7下亲测可用#) 批量删除会话 对于很多人来说,微信是经常使用的软件之一。
1134 0
微信公众平台两个推广小技巧
最近很多朋友都会来问我,微信公众平台有没有什么更好的推广技巧。  以我和木头兄弟运营的男装,女装,儿童服装三个公众号来看,其实最重要的就是公众号的内容。
906 0
|
2月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
552 7
|
2月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
676 1
|
2月前
|
小程序 前端开发 测试技术
微信小程序的开发完整流程是什么?
微信小程序的开发完整流程是什么?
118 7
ly~
|
3月前
|
存储 供应链 小程序
除了微信小程序,PHP 还可以用于开发哪些类型的小程序?
除了微信小程序,PHP 还可用于开发多种类型的小程序,包括支付宝小程序、百度智能小程序、抖音小程序、企业内部小程序及行业特定小程序。在电商、生活服务、资讯、工具、娱乐、营销等领域,PHP 能有效管理商品信息、订单处理、支付接口、内容抓取、复杂计算、游戏数据、活动规则等多种业务。同时,在企业内部,PHP 可提升工作效率,实现审批流程、文件共享、生产计划等功能;在医疗和教育等行业,PHP 能管理患者信息、在线问诊、课程资源、成绩查询等重要数据。
ly~
81 6
|
2月前
|
缓存 小程序 索引
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
215 1
|
2月前
|
小程序 前端开发 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制
【10月更文挑战第3天】随着移动互联网的发展,微信小程序凭借便捷的用户体验和强大的社交传播能力,成为企业拓展业务的新渠道。本文探讨了小程序全栈开发中的身份认证与授权机制,包括手机号码验证、微信登录、第三方登录及角色权限控制等方法,并强调了安全性、用户体验和合规性的重要性,帮助开发者更好地理解和应用这一关键技术。
74 5