1 概述

微信小程序上线2周多了，我注册了开发者，了解了一下，感觉跟手机版的理念差不多，我自己也是开发者，所以想从微信的角度学习一下

2.Web前端编程方法

不可否认，微信小程序的架构是BS架构，写好代码，上传之后，就可以使用了。

使用的编程语言也是解释型语言js，

界面布局是扩展的XML布局（微信称之为wxml），这个跟布局方式很像

界面元素样式采用改良的CSS（微信称之为wxss）。

使用json的配置文件

如果有人想把微信小程序当成限制版的h5来用，也是可以的。

唯一的区别是布局不再采用 HTML，而是采用更简洁的 XML。

3. 思维方式

微信小程序虽然原理上是基于Bs架构的，但是对于开发者来说，采用的是CS架构思维。

服务端不能直接渲染界面，必须用js发送请求，处理请求返回的数据，渲染数据，也可以把数据存储在本地，虽然有大小限制——这是典型的客户端思维。

4.生命周期的概念

微信小程序的接口是有生命周期的，这个跟手机APP的开发是一致的，也是被认为非常相似的一个重要点。

// 创建页面实例对象 Page({ /** * 页面名称 */ name: "WeUI_Panel", /** * 页面的初始数据 */ data: { }, /** * 生命周期函数--监听页面加载 */ onLoad () { // 注册coolsite360交互模块 coolsite360.register(this); }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady () { }, /** * 生命周期函数--监听页面显示 */ onShow () { }, /** * 生命周期函数--监听页面隐藏 */ onHide () { }, /** * 生命周期函数--监听页面卸载 */ onUnload () { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh () { }, //以下为自定义点击事件 })

5. 所需知识储备

样式表

思维方式