成都小程序开发技巧,小程序开发工作收获,基础知识篇
###【承-接-小-程-序-开-发，咨-询-请-联-系-站-长】###
====================================
在开发小程序的过程中，我们会遇到很多问题。前端是用户的图形界面。下面讨论一下前端开发的实践总结。
自从微信发布小程序后，各大公司纷纷跟进，想从微信这个流量池中分一杯羹。我也不例外。我们整个前端团队这半年基本都在开发小程序。来回开发了四五个小程序。总觉得要留下点什么，不仅记录下那些年我们踩过的坑，也希望大家不要掉进坑里。
那些年我们踩过的坑
this.setData({
价格： this . format price(this . data . price)
})
价格：{{tools.format price (price)}}视图
//wxs模块
var formatPrice=函数(价格){
价格=价格0；
退货数量(价格/100)。toFixed(2)；
}
模块.导出={
格式价格
}
和(设备宽度： 375像素)
和(设备高度： 812像素)
和(-WebKit-device-pixel-ratio : 3){ }
微信小程序主流框架比较
wepy
Wepy应该算是最早的小程序开发框架，它提供了类似vue.js的语法风格和特性，也应该是现阶段应用最广泛的框架。我开发的几个小程序也采用了wepy的框架。我先说说当初选择这个框架的原因。
wepy早期使用期间，wepy自带bug。好在开发者反应及时，基本覆盖了大部分场景。
但是最大的缺陷是wepy组件的实现。组件是静态编译的，即组件在编译阶段被编译到页面中，每个组件都是一个唯一的实例。多个组件共享相同的数据。并静态编译这些组件。因此，页面A和页面B中引用的组件A会将两个代码复制到页面A和页面B中。因此，拆分组件不会减少封装的体积。微信官方API后期支持组件编程后，我们逐渐用原生API重构了一些核心的、更大的组件。
没朋友
由美团团队开发，mpvue和wepy一样，在小程序上也提供了类似vue.js的开发体验。作为后来者，它抢占了wepy不少的市场份额(ps:我们团队最近也在考虑从wepy迁移到mpvue)。这个框架的原理比wepy的稍微复杂一点。mpvue修改了Vue.js的运行时和编译器实现，提供了更接近Vue.js的开发体验。
芋
http://xcx.duoxiang.net
我看小程序。
我想从技术角度谈谈我对微信小程序的理解。我觉得小程序本身就是一个非常优秀的混合App的技术解决方案。有很多值得学习的地方，可以应用到我们混合App的技术方案设计中。了解和学习小程序技术的原理，也可以更好的优化我们的代码。
呈现层与逻辑层是分离的。
http://xcx.duoxiang.net
相比之前常见的混合方案，小程序采用了双线程模式：小程序的渲染层和逻辑层分离，逻辑层由JSCore解析执行，渲染层由webview渲染。之前常见的混合离线包解决方案大多使用webview同时实现页面渲染和js解析。这样一来，js的运行时就被隔离了，webview中的DOM对象和BOM对象都无法在js代码中操作。Js做不了任何与页面渲染相关的事情。您只能通过setData将数据从JsCore传输到webview。
与同时处理页面渲染和JS执行的webview相比，独立的JS运行时环境带来了一些优势：
缺点是：
离线包装装载
包加载离线，常见的混合App通过webview加载H5页面，前端页面都放在服务器端。虽然保证了灵活性。但是加载性能受网络速度的影响很大。页面切换到白屏需要很长时间。如何在小程序中加载钱包？本地一次性加载所有前端资源，然后解压。极大地改善了用户体验。但为了防止下载离线包的时间过程，微信官方也严格限制了小包的体积。(在分包加载的情况下，分包大小不能超过2M，即第一次打开加载的资源不能超过2M)
多网络视图架构
多webview页面架构，每次在小程序中打开一个新页面，都会用一个新的webview渲染。以防止webview消耗内存。子视图的限制级别不能超过10级。
预加载webview
预加载webview，微信会多预加载一个wkwebview(ios平台)放在后台，节省了用户打开小程序初始化wkwebview的时间。
以上就是成都小程序开发的全部内容——前端开发实践。
相关问答：
个人感觉哈华尚科技就挺不错的。不过如果你自己想要找开发公司，你可以多挑选几家来做对比，自己感觉那家好就选择哪家吧。比较被人给你推荐的也只是别人的感觉而已，自己感觉好，才是真的好。相关问答：开发一个app，口碑比较好的开发公司都有哪家？
第一种：外包开发。
首先最好选一线城市的开发公司，实力保障；其次选择本地的头牌，方便联系。如何分辨开发公司的实力？
1、技术团队，实地考察公司的规模。
2、看公司案例。
3、对接沟通的专业度。
4、网络搜索看自然排名（非广告），如果网络优化做的不错，侧目也反应技术不错，不是壳公司。
第二种：不用技术自己制作。
免编程平台口碑最好就是——应用公园，让你自己就能拼图式制作App，还有上百百套成熟的模板可直接使用。
1、App在线制作行业开创者
2、荣获中国（深圳）科技创投创新大赛一等奖
3、广东省义务教育教材《信息技术》收率，中学生课程之一。
4、被清华大学高校教材收率。
