分享不同模式的小程序开发技巧

随着小程序越来越受欢迎,企业和商家也都纷纷看到了小程序的发展前景,纷纷开始着手开发自己的小程序。那现在开发一个小程序并不难,wechat提供了非常详细的官方文档,在网络上也可以使用很多组件,整体上比web网页和手机软件的开发简单,大大降低了知道技术的人有想法、想要尝试的难度。那现在为了开发小程序,首先需要了解微信中的小程序如何工作,生命周期是怎样的,以及页面的加载和路由等。下面月白网络就来分享一下小程序开发的两种不同的模式。
有两种开发模式:简单型和多样型。
一、简单型开发
像字面的意思一样,在比较简单、直接的开发方式中,没有复杂功能。
每一个小程序开发的页面,都由4个文件协同以完成功能:
.像wxml文件,html一样,该文件主要用于构建页面的结构,包括哪些组件,如何相互关联?例如,包含按钮。
像.wxss文件,css那样,这个文件是为了记述页面表示的模式,决定了wxml内的组件和构造是如何表示的。例如,按钮是什么颜色,.js文件和web页面开发的js有用,点击按钮会发生什么等,用于处理事件的.json文件,几个窗口小部件特有的内容的表示,例如定义了各页面的名称。除此之外,app.js和app.json处理整个窗口小部件的一些配置和事件。
简单型开发是有问题的,每次开发一个页面时,都要创建这四个文件,在这几个文件之间切换更改是很麻烦的。例如,要修改一个按钮,首先去wxml调整页面的结构位置,去wxss调整颜色,然后修正js后点击会发生什么。1个网页还可以,但是网页多的话,文件超多,很麻烦,所以豪华式有用的地方很多。更多关于小程序开发的要点,还可以看看《开发微信小程序需要哪些技术》,了解更多小程序开发的技巧。
二、多样型开发
weepy是微信开发的一个小型程序开发框架,它很大程度上解决了简单性的问题,并具有其他一些优点:
wepy参考vue,所以在开发模型中基本上与vue相同。每个页面都需要一个定义。wpy文件、vue的第1页、html、css、js均在此文件中,简化了开发。开发后,wepy使用wpy文件自动生成每页的朴素的4页面。wepy便于开发应用程序。
月白网络认为对于一个基于vue或react的朋友,基本上可以无缝地工作。开发效率也比朴素的快得多。
在学习的过程中,用wepy模仿他人的实现,简单地实现了一个服装的商城fashion-mall,配备了可以在本地运行的测试后端。有兴趣的朋友可以参考github。小应用程序大幅度地削减了应用程序的开发和维护的成本,将想法的试行错误控制在最小限度。

Intel、Arduino及myDevices加入快速扩展的Arm Pelion物联网平台生态系统
西门子变频器电抗器选择标准及应用
新唐科技W584A035介绍
解析为何我们想要使用固态电动汽车电池
三星Galaxy S10被曝出一张疑似渲染图,前置摄像头设计在屏幕底下
分享不同模式的小程序开发技巧
英洛华发布公告:联宜电机新增总投资25418万 年产85万台
厂家供应空压式点焊机 五金制品焊接设备碰焊机 足踏式焊接机
DC/DC电路电感啸叫的原因以及解决办法
电动汽车锂电池需要进行哪些安全性能测试
为何光纤不能过度弯曲
华为P10原型机现身!拥有媲美华为mate9的能力?
印制电路板基板材料的发展
华为P30系列EMUI11正式版升级
电机控制、PI控制器的特点作用介绍
5G建设加速跑,6G开启新航道
坚果新机的背部渲染图和真机谍照疑似曝光,采用与顶部对称的圆角设计
从FPGA的角度看AMD收购Xilinx事件
华为Mate 60和华为芯片重要信息梳理!
十四五规划解读 工业互联网是重头戏 IP化先行