前端html微信小程序开发,前端开发微信小程序的个人经验总结–持续更新【原创】...

1.开发微信小程序之前，先要知道小程序是什么，优势是什么。

2.开始看小程序的开发文档，网上很多教程，但还是看官方的文档比较全面。

安装步骤之类的，都在官方文档里。

3.小程序文档看完一遍了，开始用wxml wxs wxss 搭一个简单的界面吧。

发现其实微信小程序与html +css +js有很多的相似之处，除了标签不太一样，貌似都差不多。

4.简单的搭了几个界面，发现代码并没有达到微信小程序的宗旨 ： 逻辑与渲染分离 。

比如一个简单的模块：

充值10元

充值10元

充值10元

充值10元

如果纯HTML写 可能你这行代码要复制好几遍 。

如果你用小程序写 你只需要 ：

{ { item }}

就可以循环出 同样的几行代码 。

小程序实战经验总结：

1、小程序image标签选择大图片的时候，图片会变形

原因是 小程序的image标签会自带宽高 320 * 240

需要设置一下 mode = “widthFix” 就可以 变成原图片的宽高了

2、文字需要换行\n 或者需要 占位符 &nbsp时， 必须要使用 text 标签 否则无效 。

要使用&nbsp &lt这一类的 符号时 需要在text标签内设置 decode =“{ {ture}}”

3、小程序 做嵌套循环时 数据不方便放在data 里

解决方案 ： 把需要循环的模块做成模板 ，模板里的data设置成变量。

在调用