小程序开发遇到的一些问题

模拟器字体和真实机器字体大小不一致

导致原因是所有字体单位使用的是rpx，小程序框架提供了rpx（responsive pixel），可以根据屏幕宽度进行自适应。

在移动端日常开发，多使用rem单位，因为它能够很好的解决屏幕适应问题。

注意：不是所有单位都适合rpx，有一些比如字体标题不需要自调整就不实用rpx。(写成px是多大就是多大，rpx的话会根据屏幕大小进行换算)

编辑器不好用

官网提供的开发工具；咋眼一看感觉还蛮不错的 一使用才发现真的是让人崩溃，快捷键不够丰富就连基本的快捷键都没有满足，可视性就别说了，智能提示也是 都是一团麻；

官网开发工具的一些优缺点

优点

• 编译、 调试
• 预览、手机预览、真机调试
• 代码基础编辑
• 项目管理
• 上传提交上传
• 官方的

缺点

• 编辑器可视性太差
• 基本快捷键不全
• 跨文件提示太弱
• API提示不全

然后想找一个第三方的工具来代替，目前来看第三方工具都不满足，真机预览 、调试及有好的模拟器预览

找到了一个叫 Egret Wing 类似vscode，但是我还是使用的vscode作为编辑器

使用vscode开发的话推荐几个插件：

1.vscode weapp api

2.vscode wxml

3. vscode-wechat

按下Ctr + F8预览

可以实施预览但是适配机型不如官网丰富，样式有一点点偏差（我是使用的小程序开发工具自带的预览）

4. Easy WXLESS

对于习惯了sass、less的人来说使用css感觉一下回到了解放前，Easy WXLESS可以帮我们快速的将less编译为css

目前我是使用vscode + 小程序开发工具 暂时没有找到更好的；如果你有更好的方式麻烦留言分享

代码大小限制

目前小程序分包大小有以下限制：

• 整个小程序所有分包大小不超过 8M
• 单个分包/主包大小不能超过 2M
  

由于也是刚开始接触小程序不久，一次预览发现小程序有代码大小限制 2M 分包 8M (分包优化可以参考官网)
https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html

1.最后不要引用本地图片，将图片放于服务器；有的图片一张就有几兆，图标的话建议使用矢量图 阿里巴巴的就很好

2.减少代码的逻辑，尽量去除重复的代码 能使用一个view达到的效果就不要使用两个减少嵌套

3.尽量的复用代码，能少些一个页面就少些一个

4.使用压缩工具对代码进行打包压缩(这个在优化vue代码的时候感触很深 最后能减小20%-40%)

哪里不对或者你有更好的方法希望帮忙指正，不吝赐教

上线流程准备

配置https服务器，小程序为了安全考虑 真机预览、线上必须使用https

1.上传代码（开发工具）

2.提交审核（小程序管理后台）