AI动态
AI基础
AI大模型
AI智能体
AI应用
AI编程
AI安全
AI学院
网安动态
安全运维
网站防护
软件安全
渗透测试
拒绝服务
漏洞挖掘
安全学院
区块动态
区块基础
智能合约
DeFi金融
区块开发
区块安全
区块学院
最新发表
最新回复
我的帖子
资讯
电脑
手机
运维
编程
教程
导读
设计中心
2018-3-30 13:00 |来自: 互联网 409 0
在前端方面：
就配置来说，无疑是前端的工作。 这里的配置一般指小程序的全局配置，如页面配置、tab导航栏配置、页面标题风格配置等。而在目录结构配置中，需要在app.json这个文件中对引入的相应页面等进行配置。 讲到这里，不得不说微信小程序目录配置的一个小坑。当我们写html页面跳转时，只需指明文件的路径即可，但是在微信小程序中，二级页面配置要在对应一级页面以下，直接上图。（左图为错，右图正确），除此之外，在文件夹中，二级页面的文件也必须在一级页面的目录中。
就配置来说，无疑是前端的工作。
这里的配置一般指小程序的全局配置，如页面配置、tab导航栏配置、页面标题风格配置等。而在目录结构配置中，需要在app.json这个文件中对引入的相应页面等进行配置。
讲到这里，不得不说微信小程序目录配置的一个小坑。当我们写html页面跳转时，只需指明文件的路径即可，但是在微信小程序中，二级页面配置要在对应一级页面以下，直接上图。（左图为错，右图正确），除此之外，在文件夹中，二级页面的文件也必须在一级页面的目录中。
所以说，微信小程序开发时会发现很多报错都无厘头，在其他开发中的习惯在这都被规定得死死的。
就数据渲染来说，这或许是微信小程序在开发方面最大的特点了，由数据来渲染页面。其实这也是因为微信小程序已经封装好了很多框架和API，只需要按照官方文档给的“套路”来“填充”好我们的各个页面。 说到数据绑定，小软在开发时需要一个这样的功能：给出一列图片，当点击某一张时切换至另一种状态以表示被选中，好吧，其实就是实现类似tab导航的功能，但是那是已经被官方封装好的，只需要填写图片路径即可（如下图，以官方小程序demo为例）。
就数据渲染来说，这或许是微信小程序在开发方面最大的特点了，由数据来渲染页面。其实这也是因为微信小程序已经封装好了很多框架和API，只需要按照官方文档给的“套路”来“填充”好我们的各个页面。
说到数据绑定，小软在开发时需要一个这样的功能：给出一列图片，当点击某一张时切换至另一种状态以表示被选中，好吧，其实就是实现类似tab导航的功能，但是那是已经被官方封装好的，只需要填写图片路径即可（如下图，以官方小程序demo为例）。
而在我没有想到这个共同点时，作为程序员小白的我开始瞎倒腾，首先想到列两个数组，所有图片绑定同一事件，当点击发生时，判断触发源是哪一个，然后再改变其状态。听起来貌似很合理，用数组也是一个很省力的方法，但又跳进了一个小坑，在小程序的js中，改变数据this.setData方法（一个js中改变数据绑定的方法）中引用的key值不能带下标，比如我写个i，它就真会把i当做字符串而非变量。 最终这个想法以失败告终。马上联想到Android开发中的viewPager切换，（其实就是小程序的tab切换）。于是最终用三元运算符解决了问题。在整个过程中，从前端UI的事件到js中的数据传值返值过程，文件之间的联系可谓紧密。 当然，我后来也尝试将wxss（微信层叠样式表）样式做为改变态也能成功。总之就是，三元运算使用的特别6。 而小程序开发框架中的列表渲染和条件渲染也是比较常用的。列表渲染是微信小程序提供的一种循环写法，即在前端用一个
而在我没有想到这个共同点时，作为程序员小白的我开始瞎倒腾，首先想到列两个数组，所有图片绑定同一事件，当点击发生时，判断触发源是哪一个，然后再改变其状态。听起来貌似很合理，用数组也是一个很省力的方法，但又跳进了一个小坑，在小程序的js中，改变数据this.setData方法（一个js中改变数据绑定的方法）中引用的key值不能带下标，比如我写个i，它就真会把i当做字符串而非变量。
最终这个想法以失败告终。马上联想到Android开发中的viewPager切换，（其实就是小程序的tab切换）。于是最终用三元运算符解决了问题。在整个过程中，从前端UI的事件到js中的数据传值返值过程，文件之间的联系可谓紧密。
当然，我后来也尝试将wxss（微信层叠样式表）样式做为改变态也能成功。总之就是，三元运算使用的特别6。
而小程序开发框架中的列表渲染和条件渲染也是比较常用的。列表渲染是微信小程序提供的一种循环写法，即在前端用一个
黑名单|存档|手机版|网站地图|免责条款|法律声明|隐私保护|HACKBASE
GMT+8, 2026-6-9 17:24
Powered by Discuz!
注册
登录
