开发微信小程序实战经验总结
发表时间：2023-09-26 17:35:36
文章来源：炫佑科技
浏览次数：184
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
开发微信小程序实战经验总结
1、开发微信小程序之前，首先要知道什么是小程序，它的优点是什么。
我在知乎上看到的一个回复：//
2.开始阅读小程序的开发文档。 网上有很多教程，但是看官方文档更全面。
附官方文档地址：/debug//dev//basic/-.html
安装步骤之类的都在官方文档中。
3、看完小程序文档，我们开始使用wxml wxs wxss来构建一个简单的界面。
我发现微信小程序其实和html+css+js有很多相似之处。 除了标签不同之外，它们看起来很相似。
4、简单搭建了几个界面，发现代码并没有达到微信小程序的目的：逻辑和渲染分离。
例如一个简单的模块：
充值10元
充值10元
充值10元
充值10元
如果你用纯HTML编写，你可能要多次复制这行代码。
如果你把它写在小程序中，你只需要：
{{ 物品 }}
您可以循环出同样的几行代码。
小程序实践经验总结：
1、小程序图片标签中选择大图片时，图片会变形。
原因是小程序的图片标签会有更高的带宽320*240
需要设置mode = ""来改变原图的宽度和高度。
2、当文本需要换行\n或者需要占位符时，必须使用text标签，否则无效。
要使用<等符号开发微信小程序实战经验总结，需要在文本标签中设置=“{{ture}}”
3、小程序做嵌套循环时，不方便将数据放入data中。
解决方案：将需要循环的模块制作成模板，并将模板中的数据设置为变量。
调用模板时的数据中，将变量替换为需要调用的数组或字符串。
4.微信小程序不支持图片。
解决办法：直接使用image标签，并将src设置为网络图片。 如果需要将其设为背景，请在图像标签中添加子标签并在其中设置绝对定位。
该行设置相对于图像的绝对定位，以达到背景图像的效果。
5.设置全局变量属性
在小程序中，变量一般都放在各个文件夹的js中。 有时候当所有页面都使用某些数据时，一一声明太麻烦，所以定义了一个全局变量。
首先，将需要的数据放入*外层的app.js中。
喜欢： ： {
： 无效的，
网址：“/”，
然后在需要调用的页面文件夹下的js文件中。
在**行添加const app = ()；
然后定义一个变量，将数据放入这个变量中
喜欢：
数据： {
//获取官网地址
：应用程序..url个人开发微信小程序，
*后就可以在页面上使用了。
6、小程序列表渲染wx:key问题
