小程序发布以来出现了多种开发形式，有原生的小程序语法、基于框架的 wepy /mpvue / taro、号称一套代码发布多端的uni-app。
怎么说呢，各有优劣吧，原生语法性能较好，少去大量打包编译的工作和代码体积；框架优势在于快速开发，在熟悉vue不熟悉小程序语法的基础上也能较快上手；uni-app优势在节省成本，毕竟能打包多端呢。
我喜欢用小程序原生的语法开发，下面以个人愚见总结一下开发的心得。
1.在page中自定义data
在开发中常见到小伙伴将变量统一定义在data中，有些变量根本不与视图层产生联系，只是在js中使用，而改变这些变量时还调用this.setData方法，这样会有不必要的性能损耗。对于此类变量可以定义在自定义的data 中，这样可以减少调用this.setData的次数
关于this.setData的使用注意，详见https://developers.weixin.qq.com/miniprogram/dev/framework/performance/tips.html
2.关于alias的使用
在vue项目中常见使用"@"来指向项目根目录，引入图片、css等资源时也比较方便，不用费尽心思的顺着“../../”一遍又一遍的寻找和确认文件夹
在小程序中可以使用“/”指向项目目录,下面示例为引入css、图片、组件
3.错误监控
错误监控是查找bug的有力武器，可以使用以下方式
①在app.js中定义onError函数，在捕捉到错误时，将错误信息发送给后端，后端存入日志即可；
②使用fundebug工具
详细信息见官网：https://www.fundebug.com/，不仅仅适用于小程序
③小程序后台的监控日志系统
4.wxs
wxs主要用于扩展wxml页面中处理js的能力。wxml中的“{{}}”只能计算简单的js表达式(加减乘除、三目运算符、逻辑运算符等)，并不能调用字符串、数字类型的方法。虽然小程序推荐所有的数据改变都在js中操作，但这并不完全合理。
例如金额类型数据保留两位小数，从后端请求到数据后，在json格式化过程中，会将“xx.00”之类的数据统一切除小数部分。少部分此类还可调用js处理，但是多了就得不偿失了。
5.less插件
对于使用css预处理器习惯的小伙伴来说，突然抛弃也很不习惯。个人喜欢使用vscode编写代码，使用微信开发工具预览和调错。在vscode中安装插件“easy-less”，并配置json设置，插件会在同级目录下生成同名wxss文件，就可以愉快的使用less预处理写样式了
"less.compile": {"outExt": ".wxss"}
个人总结，有误请指出，望不吝赐教。
网友评论