小程序模板化开发 第1篇
什么是 WXSS？
WXSS（WeiXin Style Sheets）是一套样式语言，用于描述WXML的组件样式。WXSS用于决定WXML的组件应该怎么显示，类似于网页开发中的CSS。为了适应广大的前端开发者，WXSS具有CSS大部分特性。同时，为了更适合开发微信小程序，WXSS对CSS进行了扩充以及修改。与CSS相比，WXSS扩展的特性有尺寸单位和样式导入等。
与 CSS 相比，WXSS 扩展的特性有：
rpx是微信小程序独有的、解决屏幕自适应的尺寸单位，可以根据屏幕宽度进行自适应，不论屏幕大小，规定屏幕宽为750rpx。通过rpx设置元素和字体的大小，小程序在不同尺寸的屏幕上，可以实现自动适配。
rpx与px之间的换算以iPhone6为例，iPhone6的屏幕宽度为375px，共有750个物理像素，则750rpx=375px=750物理像素，也就是1rpx=物理像素，因为设计师的图一般是二倍图，所以在iPhone6下直接使用测量出来的值来设置rpx就可以了。
正是因为这，官方建议：开发微信小程序时，设计师可以用 iPhone6 作为视觉稿的标准。
在微信小程序开发中，样式导入是一种使用WXSS提供的@import语法来导入外部样式表的方法。通过样式导入，可以将样式代码分离到单独的样式表中，以便更好地组织和管理代码。
使用@import语法，可以在WXSS文件中导入其他WXSS文件的样式。例如，可以在文件中导入文件中的样式，以便在整个小程序_享和重用这些样式。
在样式导入时，需要指定需要导入的样式表的相对路径。例如，如果文件位于与文件同一目录下，可以使用@import __来导入该文件中的样式。
通过样式导入，可以提高代码的可维护性和可重用性，同时也有助于减少代码冗余和降低样式冲突的可能性。
全局样式：微信小程序中的全局样式是指在文件中定义的样式。这些样式对小程序中的每个页面都有效，可以用来设置全局的样式风格，例如字体、颜色、布局等。通过在文件中定义样式，可以让整个小程序的样式风格保持一致，提高了用户体验。
局部样式：微信小程序中的局部样式是指在页面级别的WXSS文件中定义的样式。这些样式只作用于对应的页面，不会影响其他页面。通过在页面级别的WXSS文件中定义样式，可以实现页面的个性化定制，使每个页面的样式都符合特定的需求和设计风格。
我们将鼠标放在对应的 CSS 样式中就会显示出权重。
全局配置文件的常用配置项：
小程序窗口组成部分：
注意：上拉触底默认距离为50px，如果没有特殊需求，建议使用默认值即可。
小程序模板化开发 第2篇
将电商行业和智能名片相结合，在展示公司形象的同时提高销售额。
注册账号
注册“微信小程序”账号并完成基本信息设置。
选择模板
注册「上线了」账号，选择需要的小程序模板。
添加内容、设置基本信息与高级风格布局。
发布小程序
立即提交微信团队审核，审核通过后即可正式上线！
-多套行业模板 -
多行业解决方案
小程序模板化开发 第3篇
数据绑定用于将逻辑层的数据呈现到界面上，在微信小程序中，页面分别由四个文件组成，其中之一就是逻辑处理文件（.js文件），负责页面逻辑内容的处理。数据绑定将逻辑层的数据与视觉层进行通信，实现数据的动态更新和双向传递。
数据绑定是单向的，从逻辑层到视觉层。在微信小程序中，数据必须要放在一个固定的地方，即该页面的逻辑层的data属性中。页面的逻辑层就是该页面的 .js 文件中的data对象，该对象中的所有属性都可以在界面中访问到。
在微信小程序中实现数据绑定，首先需要在 .js 文件的 data 中定义数据，然后在 WXML 中通过 Mustache 语法获取到 .js 中的数据。
在 .js 文件的 data 中定义数据：
在 .WXML 文件中使用 Mustache语法： {{变量名}} 来获取到指定数据：
Mustache 语法主要运用于下面的场景：
(❁´◡`❁)动态绑定数据
为什么需要数据绑定呢？因为有些时候的数据是动态的，不是规定死的，通过 Mustache 的数据绑定可以获取到动态变化的数据。
(❁´◡`❁)三目运算
(❁´◡`❁)算术运算
什么是事件？
事件是视图层到逻辑层的通讯方式。它可以将用户的行为反馈到逻辑层进行处理，同时绑定在组件上。当达到触发事件的条件时，就会执行逻辑层中对应的事件处理函数。事件可以携带额外信息，如id、dataset、touches等。事件还是连同WXML组件和JavaScript的桥梁。通过事件，开发者可以处理用户操作、小程序状态等场景。
小程序中常见的事件类型有三种：
事件对象的属性列表：
上面属性中：target 和 detail 是使用很多的两个属性。
target 和 currentTarget 的区别：
target 是触发该事件的源头组件，而 currentTarget 则是当前事件所绑定的组件。
target和currentTarget的区别在于，target是指向触发事件的元素，而currentTarget是指向当前正在触发事件的元素。
小程序模板化开发 第4篇
既然是小程序，肯定不可避免的需要向其他网站发送网络请求。但是处于安全考虑，小程序官方对数据接口的请求做出了限制：
配置域名在微信小程序管理后台中配置：
微信小程序向网站发送请求，需要调用微信小程序提供的 () 方法，通过这个方法可以发送 GET 或者 POST等其他请求类型的请求。
GET 请求：
POST 请求：
在很多情况下，我们需要在页面刚加载的时候，自动请求一些初始化的数据。此时需要在页面的 onLoad 事件中调用获取数据的函数：
如果后端程序员仅仅提供了 http 协议的接口、暂时没有提供 https 协议的接口，此时为了不耽误开发的进度，我们可以在微信开发者工具中，临时开启「开发环境不校验请求域名、TLS 版本及 HTTPS 证书」选项，跳过 request 合法域名的校验
注意：跳过 request 合法域名校验的选项，仅限在开发与调试阶段使用.
跨域问题只存在于基于浏览器的 Web 开发中。由于小程序的宿主环境不是浏览器，而是微信客户端，所以小程序中不存在跨域的问题。
Ajax 技术的核心是依赖于浏览器中的 XMLHttpRequest 这个对象，由于小程序的宿主环境是微信客户端，所以小程序中不能叫做“发起 Ajax 请求”，而是叫做“发起网络数据请求”。