微信小程序技术初体验

微信小程序说到引爆2017的前端话题，“微信小程序”当之无愧。微信小程序有着可以不需要下载安装、可以快捷传播和获取、出色使用体验的特点，被腾讯寄于连接用户与服务，实现应用“触手可及”的梦想的希望。

从技术的角度看，其本质是一款基于微信的web离线包，微信开放平台提供了各式各样的动画和API，使得小程序的界面和过渡动画也更加美观、原生。用户在小程序里即用即走，不用考虑内存，硬件容量等问题，适合广大低频APP。沈阳汇海网络带大家走进小程序。

第一、小程序的技术栈

xxxx 我们已经了解了小程序的产品定位，再看看小程序技术层面的问题。为了开发小程序，小程序对广大开发者提供了WXML，WXSS和高度封装的WXAPI.WXML（伟新标记语言）是框架设计的一套标签语言，结合基础组件，事件系统，可以构建出页面的结构.WXSS（WeiXin Style Sheets）是一套样式语言，用于描述WXML的组件样式.WXSS用来决定WXML的组件应该怎么显示.WXAPI是微信原生API，可以方便的调起微信提供的能力，如获取用户信息，本地存储，支付功能等。同时，框架为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发

什么是基础组件？组件是视图层的基本组成单元。组件自带一些功能与微信风格的样式。一个组件通常包括开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之内。

比如说微信提供了视图容器，可滚动视图区域，滑块视图容器，将原本开发者熟悉的HTML标签做了封装，直接用标签可以实现以前需要引入插件才能实现的滚动或滑块功能。这类高度封装的标签还有滚动选择器，可以用一个标签实现普通选择器，时间选择器，日期选择器。可谓是十分的方便快捷。

在JS封装方面，由于框架并非运行在浏览器中，所以JavaScript在web中一些能力都无法使用，如文档，窗口等.微信的技术架构让我们不再需要直接调用这些习以为常的浏览器对象，用他们的一套OA系统

XX

该技术方案可以方便快捷地实现原有的复杂逻辑。它们隐藏了所有浏览器对象，只为开发人员提供了一个名为wx的对象，它提供了全面的信息，如网络，媒体播放，文件上传，数据缓存，位置，设备信息，界面交互，登录，支付，模板。能够发送消息。如果不使用cookie，本地缓存只能使用诸如wx.setStorage（wx.setStorageSync）之类的api来设置，获取和清理本地缓存。本地缓存高达10MB。 localStorage永久存储。

二，微信小程序开发设置

对于小程序开发人员，首先要做的是获取管理员帐户并添加开发人员白名单。然后在“开发设置”页面上查看AppID和AppSecret以配置服务器域名。第三步是下载开发人员工具以进行代码开发和上传。 微信小程序开发工具，严格规范开发人员，每一步都需要扫描码验证。同时小程序仅支持https请求。