前端开发微信小程序的个人经验总结前端开发微信小程序的个人经验总结–持续更新【原创】持续更新【原创】
1.开发微信小程序之前，先要知道小程序是什么，优势是什么。
知乎上看到的一个回复 ： https://www.zhihu.com/question/50880960
2.开始看小程序的开发文档，网上很多教程，但还是看官方的文档比较全面。
附官方文档地址：https://mp.weixin.qq.com/debug/wxadoc/dev/quickstart/basic/getting-started.html
安装步骤之类的，都在官方文档里。
3.小程序文档看完一遍了，开始用wxml wxs wxss 搭一个简单的界面吧。
发现其实微信小程序与html +css +js有很多的相似之处，除了标签不太一样，貌似都差不多。
4.简单的搭了几个界面，发现代码并没有达到微信小程序的宗旨 ： 逻辑与渲染分离 。
比如一个简单的模块：
<view>充值10元</view>
<view>充值10元</view>
<view>充值10元</view>
<view>充值10元</view>
如果纯HTML写 可能你这行代码要复制好几遍 。
如果你用小程序写 你只需要 ：
<block wx:for=”item”>
<view >{{ item }}<view>
</block>
就可以循环出 同样的几行代码 。
小程序实战经验总结：小程序实战经验总结：
1. 小程序image标签选择大图片的时候，图片会变形
原因是 小程序的image标签会自带宽高 320 * 240
需要设置一下 mode = “widthFix” 就可以 变成原图片的宽高了
2. 文字需要换行或者需要 占位符  时， 必须要使用 text 标签 否则无效 。
要使用  <这一类的 符号时 需要在text标签内设置 decode =“{{ture}}”
3. 小程序 做嵌套循环时 数据不方便放在data 里
解决方案 ： 把需要循环的模块做成模板 ，模板里的data设置成变量。
在调用模板时 调用时的data 里再把变量换成需要调用的数组 或者 字符串等。
4. 微信小程序里 是不支持 background 为图片的。
解决方法 : 直接使用 image 标签 ，src 设置成网络图片，如果需要做成背景， 在image标签里 加一个子标签 ，里面设置绝对
定位就可以了 。
<image>
<view> 这行设置相对于image 绝对定位 ，就可以实现背景图效果 </view>
</image>
5. 设置全局变量属性
小程序里，变量一般是放在每个文件夹的js里的 ，有时候所有页面都用到 某个数据时 ，一个个申明 太麻烦 ，所以定义一个全
评论0