微信小程序：开发以前要知道的三件事

微信之父张小龙在年初的那次演讲中曾表示：“我本身是不少年的程序员，我以为咱们应该为开发的团队作一些事情”。几个月后，微信正式推出微信应用号（即微信小程序），在互联网中掀起了又一波热潮。  因而，不少人准备要开发微信的小程序，若是你真的想要开发小程序，就要先学会一套微信特制的“开发语言”。为了更好地上手这门开发语言，下面这三件事你必定要知道： 语言与文件 微信小程序来发与其余平台开发的最大差别在于：微信使用的开发语言和文件很“个性”。  小程序所使用的程序文件类型大体分为如下几种： ·        WXML（WeiXin Mark Language， 微信标记语言） ·        WXSS（WeiXin Style Sheet，微信样式表） ·        JS（JavaScript， 小游戏的主体） 在语言方面，下程序看似从新定义了一套标准。但实际上，他们与“前端三件套”（HTML、CSS和JavaScript）差不太多。来来来，看一下微信小程序开发语言和“前端三件套”的异同点。  界面搭建 一、基本逻辑 WXML和WXSS两种文件是小程序界面元素声明及样式描述文件。 WXML最大的特色是以视图（View）的方式串联界面元素，并经过程序逻辑（AppService）将信息更新实时传递至视图层。 View相似于HTML中的div元素，在构建的时候，View能够被多级嵌套，View内能够放置任意视觉元素。 须要注意的是，元素一旦超出屏幕以外，用户就没法看到了，这是与HTML哟较大的不一样。小程序哟专门用于滚动的视图。若是但愿界面是一个能够自由滚动的界面（例如列表等），可使用scroll-view视图，在WXSS中将其大小调整为整个屏幕，并设置scroll-y（上下滚动）或scroll-x（左右滚动）为true， 注意，小程序中不能直接使用DOM控制WXML元素。若是须要进行数据更新，就要使用WXML提供的数据绑定及元素渲染方法，还有一点，小程序的栅格排版系统使用的是Flex布局，它是W3C在2009年提出的一种排版标准。 二、绑定数据 对于单个字段，开发者可使用数据绑定的方法进行信息更新。绑定的数据除了在加载的时候能够更新，也能够在JS主程序中以函数形式进行更新，更新一样能够反应到界面上被绑定的数据中。 三、条件渲染与列表（循环）渲染 条件渲染适用于有意外状况提示的页面（如没法加载列表或详情时，作出提示等等）。它的渲染带有触发条件，即符合条件时渲染这个页面，不然忽略或渲染另外一端代码。两个花括号所包含的判断条件中的变量于主程序JS代码中的data中声明。将同一元素渲染代码进行集合。循环的数据能够经过数组的方式写入data中供WXML访问。渲染完毕后，渲染判断条件的变更能够影响界面变更。 四、模板与引用 WXML支持使用模板与引用减小代码体积。模板是在WXML代码中对相同的代码进行复用的方式。能够将多个模板写入至同一个文件，并使用import在其余文件中进行引用。若是须要整个页面引用，须要使用include。 五、样式 经过WXSS样式表，开发者能够定义WXML中的元素样式。WXSS与CSS代码同样，能够直接使用选择器选择元素，在WXML中也能够直接定义元素的id和class以便于在WXSS文件中进行样式定义。 六、用户操做与事件响应 因为微信使用的不是HTML，因此也不能经过添加超连接（a元素）的方式来检测用户的点击事件。对于须要监听点击事件的元素，应该在WXML中使用bindtap属性或catchtap属性进行绑定。除了点击一次，微信也提供按住、开始触摸、松手等事件响应。在WXML中绑定好一个事件以后，就能在主程序中使用。其余的API中也有相应的事件，这些事件乐意在微信小程序的官方文档中查阅到。当须要在小程序的页面间进行跳转时，应该使用wx.navigateTo()方式。  注意，有关于页面层级跳转，微信将层级跳转限制在5层。在开发时必定注意不要超过了相应限制。 网络请求方式 网络访问小程序支持三种请求方式：HTTP链接、WebSocket、文件收发链接。 ·        HTTP链接：请求后直接返回结果，链接结束； ·        Socket链接：持续性链接，当一方主动关闭链接时，链接结束； ·        文件收发链接：顾名思义，发生在文件传输时的链接。（录制的语音和选择的照片都须要这个链接完成）。 注意，经过小程序访问网络须要服务器必须支持HTTPS链接，且端口必须为443。同时，小程序只能访问开发者在登记小程序时设定的服务器地址。 开发语言和“前端三件套”的异同点 ·        HTML与WXML：二者差别比较大，若是以前没有接触过Android开发，可能会以为有些头疼。事实上，WXML更像是Android开发中的界面XML描述文件，适合于程序界面的构建；而HTML则倾向于文章的展现（这与HTML的历史有关），以及互联网页面的构建。 ·        WXSS与CSS：二者在语言上几乎没有差异，能够直接通用。 ·        JS文件：小程序的JS文件与前端开发使用的JS几乎没有区别，只是小程序的JS新增了微信的一些API接口，并去除了一些没必要要的功能（如DOM）。 在有眼上，小程序彻底向学习成本最低的前端开发看齐，但这不表明全部开发者都能无缝迁移。若是你是从前端开发转向小程序，就要注意这两点： ·        1、HTML与WXML两种文件的构建思想差别较大，若是以前只接触过前端开发，须要一点时间才能适应WXML的编写方法。 ·        2、虽然小程序使用的是前端语言，但不表明能够继续沿用的开发思想进行开发。小程序对前端开发的要求从【构建界面】升级成【开发完整应用】，前端开发须要在乎识上进行转变。 更多精彩内容，加群434623999