【小程序入门】小程序初体验

结合最近看的微信小程序知识点,记录点小体验吧,主要是跟其它语言开发不同的地方,大部分都能在开发文档上找到。

1.小程序的开发语言为JavaScript,但有些JavaScript的语法和特性小程序不支持,甚至会报错。开发需要AppID,这个要到官网https://mp.weixin.qq.com/申请注册才行。

2.小程序配置代码JSON文件、模板代码 WXML 文件、样式代码 WXSS文件以及逻辑代码 JavaScript文件组成。需要注意的是 JSON 文件中无法使用注释,JavaScript文件中的执行代码末尾不用添加“;”号。

3.WXML大小写敏感,通过 {{变量名}} 来绑定 WXML 文件和对应的 JavaScript 文件中的 data 对象属性,里面还可以进行简单的逻辑运算。属性值也可以动态的去改变,不同的是,属性值必须被包裹在双引号中。还需要注意,未被定义的变量的或者是被设置为 undefined 的变量不会被同步到 wxml 中,视图层显示上会将其忽略。

4.编写「wxml」时,根据微信应用号提供的接口编码即可,大部分就是以前的「div」,而我们现在就用「view」即可。需要用其它子集时,可以根据微信提供的接口酌情选择。使用「class」名来设置样式,「id」名在这里基本没有什么用处,这里主要操作数据,不操作「dom」。

5.修改「wxml」和「wxss」下的内容后,直接 F5 刷新就能直接看到效果,修改「js」则需点击重启按钮才能看到效果。rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。

6.WXML 提供两种文件引用方式import和include。 import 有作用域的概念,不具有递归的特性。include 可以将目标文件中除了 <template/> <wxs/> 外的整个代码引入,相当于是拷贝到 include 位置。

7.小程序使用的服务器接口应该走HTTPS协议,在调试模式下,微信不会校验域名合法性。

8.Page的函数 setData() 用于页面初始数据data的修改。如果该数据绑定到了视图层wxml中展示,那么无须刷新,视图层就会反映出修改。对于data的修改,只能使用 setData() ,不能直接通过 this.data 进行修改。数据量限制在 1024 kb以内。

9.优化的基本方向:精简代码,降低WXML结构和JS代码的复杂性;合理使用setData调用,减少setData次数和数据量;必要时使用分包优化。

发布了120 篇原创文章 · 获赞 50 · 访问量 15万+

猜你喜欢

转载自blog.csdn.net/u014650759/article/details/90518194