小程序入门

• 目录结构
• 页面结构

正文

业务开发需要用到小程序，上次开发也是3年前，这期间小程序也有一定程度的迭代。

ok的，我们可以做进一步的理解。

小程序与网页端和服务端的区别

(1) 小程序: 逻辑层和渲染层是分开的，分别运行在不同的线程中，逻辑层运行在 JSCore 中，并没有一个完整浏览器对象，因而缺少相关的 DOM API和 BOM API。所以基于 DOM 的操作库 例如 jQuery、 Zepto 等，在小程序中是无法运行的。

​ (2) 网页：网页开发渲染线程和脚本线程是互斥的，这也是为什么长时间的脚本运行可能会导致页面失去响应，网页开发者可以使用到各种浏览器暴露出来的 DOM API，进行 DOM 选中和操作。

(3) 与服务端相比： JSCore 的环境同 NodeJS 环境也是不尽相同，所以一些 NPM 的包在小程序中也是无法运行的。

---

代码构成：

• 1.wxml:
  • 常用标签略微有点不一样，web开发常用的div，换成它的view标签。span换成它的text标签。
    图片标签换成image标签，属性一样，用法一样。
  • 谈下cover-view这个标签，它是可以在map、video、canvas、camera、live-player、live-pusher等等之上的渲染的标签。这时候view标签表示无能为力的。
• 2.wxss:
  • 单位：px单位换成rpx,适配设备的单位，这个是真香，不用再换算。
  • flex布局支持。
• 3.js:
  • 页面组件的js结构：

     // import utils
      Page({
       data: { // 页面所需变量
     	},
       onShow: function() {
       
       },
       onLoad: function() {
        // fetch data
       },
       customEvent: function () { // 自己定义的触发函数
       
       },
    })    

    官方API