开篇语

开篇语已经在热身阶段说过了，所以就不重复了。有兴趣的读者移步
来写点微信小程序吧：D） ～～～（热身阶段）
以及前面借鉴小程序开发官方文档的简易教程写的总纲
来写点微信小程序吧：D） ～～～狂奔阶段
还有分析小程序的目录结构与配置的内容
来写点微信小程序吧：D） ~ ~ ~ 分析小程序目录结构与配置
以及分析小程序的逻辑层的内容：
来写点微信小程序吧：D） ---- 分析小程序逻辑层内容
来写点微信小程序吧：D） ---- 分析小程序视图层内容
来写点微信小程序吧：D） ---- 分析小程序视图层内容

---

好吧，我承认这是上一节视图层的剩余内容，昨晚没办法了，实在很困，所以直接去睡了！今晚补上。

上一张学长的图片镇楼，下面直接上开发过程笔记。

张小龙学长

正文

一、WXSS(WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。

WXSS 用来决定 WXML 的组件应该怎么显示。(意思很简单，就是告诉浏览器，这个地方的这个东西长啥样，比如字体多大？背景颜色是啥？是纯粹的样式文件。就好比是装修的师傅，不管你的房子结构布局如何，反正给你粉刷一遍，然后让你的房子大变样，但是没有改变任何你的原有格局)

为了适应广大的前端开发者， WXSS 具有 CSS 大部分特性。 同时为了更适合开发微信小程序，对 CSS 进行了扩充以及修改。（我觉得WXSS就是CSS的儿子）

与 CSS 相比扩展的特性有：

尺寸单位     样式导入

---

1. 尺寸单位

rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

就是说，不管你的屏幕多大，都是750个rpx，这是一种绝对的大小，至于具体的每个rpx有多大，那就要根据你的手机具体尺寸来算，这样一个好处就是，我可以直接的指定一个部件出现在哪个位置，而不用管你的手机是什么样子，确保了最好的视觉体验，至于1rpx=？px 那就要按照你的手机实际尺寸来算了。汇算标准如下：

以iPhone为标准的的尺寸单位

---

2. 样式导入

使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束。

示例代码：

/** common.wxss **/
.small-p {
  padding:5px;
}
/** app.wxss **/
@import "common.wxss";
.middle-p {
  padding:15px;
}

在wxss文件中定义了样式，那么如何使得各自有各自的用处呢？导入之后又何处安放每一个样式呢？下面就是选择器登场了！

选择器 举个栗子，这是在wxss里面定义 这就是在wxml中用到了，然后的话，用的是class的选择器 话不多说，看效果图

结束语

小程序算是假期的一个调剂吧，不然可能就真的天天看小说，然后逛逛B站了。刚刚跟某个XX说：“如果没有你，我的效率会高很多；但是，如果没有你，动力又会下降很多。恩。综合来说，应该还是有比较好，所以。。。。阿西吧，还是要蟹蟹Somebody 的，至于是谁，默念就好。。”。这两天看计算机三级，要哭了。为什么我看的书跟考试的题目不一样？这他么还是我那个过了四级的同学给我的书。。算了，开学再去想这些事情，明天开始解读Js代码，以及写几个Swift的程序，然后还要入一下机器学习的坑，还有Python打算做个小项目，事情贼鸡儿多，但是怎么就这么充实呢？初八还有个同学聚会。。

洪荒之力已经按耐不住了！

---

另外安利几位大神的作品（直接给大神简书的链接）：

微信小程序—豆瓣电影APP
微信小程序之知乎日报
微信小程序——一个简单的音乐播放器
微信小程序-从零开始制作一个跑步微信小程序

个人宣言

知识传递力量，技术无国界，文化改变生活！