写在前面

这是第一次写微信小程序前端代码的编写,业务需求是一个简易的答题小程序,项目不是很复杂,再加上公司的设计很不错,不用找素材。所有我可以有一个很好的机会练手。(以下均为个人理解,有误望指出)

个人理解小程序的开发过程:
1. 注册并获取APPID

这个步骤,只在第一次的时候必要,一般APPID由客户提供,自己使用的仅供开发用

2. 分页面

在这小程序中,页面分成,

  • 个人信息界面
  • 匹配界面
  • 答题界面
  • 结算界面
  • 登录界面

pages内建立相应的wxml、js、wxss、json。接下来的文章记录多是每一个页面的内容

3. 写静态页面

小程序自带的开发者工具为我提供了很好的调试平台,真机调试和左侧的模拟器提供了许多方便,小程序页面展示使用的chrome内核兼容性和rpx的定位使得兼容性和分辨率适应工作变的简单

4.根据文档建立测试数据(如果接口已完成则不需要这一步)
5.根据业务需求写js

js语法和之前开发过的WEB页面大致相同,在这个项目中接触到的感觉最大不一样的地方在于

  1. 全局变量data:可以在wxml内{{data}}方式直接引用,变化时页面也可以实时的变化,十分方便,{{}}内也支持简单的运算
  2. DOM无法使用,表现为无法使用jQuery、js原生的选择方法也无法使用。

但是在本次开发中,我感觉第一点的优势很明显,最多只需要在wxml中加入一些运算(多是三目运算)即可完全忽略掉第二点的劣势。

6.测试上线
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 近期准备花时间把spring的知识认真贯彻一遍,以前对spring只是存在应用层面,对很多东西都是知其然而不知其所...
    yakun0622阅读 342评论 0 0
  •   认识一个事物应当从该事物的各个方面下手,以多视角的方式去看待一个事物,构建起对该事物的认知体系。本文从Adob...
    7e1928c398e2阅读 2,177评论 0 4
  • 廖雪峰的JS教程学习 在Web世界里,只有JavaScript能跨平台、跨浏览器驱动网页,与用户交互,新兴的Nod...
    宇辰星君阅读 468评论 0 0
  • 组件化:搭建系统、智慧活动目的:内聚性、耦合性、避免因业务引起重复劳动、协同合作、提高可维护性组件化前提:制定标准...
    大前端之路阅读 111评论 0 0
  • 大丽花 每一座城市 都有一朵大丽花 它不是 我童年时代 见到的 那朵花 它只是 我在花园里 偶然见到的花 它让我想...
    毛辣丁阅读 285评论 5 6