揭秘CSS


展开

前言

版权声明

第 1 章 CSS基础

1.1 CSS简介

1.1.1 认识CSS

1.1.2 CSS简史

1.2 CSS开发环境

1.2.1 编辑工具

1.2.2 预览工具

1.3 CSS语法

1.3.1 样式规则语法

1.3.2 CSS注释语法

1.4 CSS属性的值

1.4.1 数字

1.4.2 长度

1.4.3 百分数

1.4.4 颜色

1.4.5 URI

1.4.6 时间

1.4.7 角度

1.5 创建样式表

1.5.1 创建外部样式表

1.5.2 创建内嵌样式表

1.5.3 创建内联样式表

1.5.4 样式表的优先级

1.5.5 样式继承与层叠

第 2 章 CSS选择器

2.1 概述

2.1.1 HTML DOM

2.1.2 选择器的分类

2.2 基本选择器

2.2.1 元素选择器

2.2.2 类选择器

2.2.3 id选择器

2.2.4 群组选择器

2.2.5 通配选择器

2.3 关系选择器

2.3.1 后代选择器

2.3.2 子代选择器

2.3.3 相邻同胞选择器

2.3.4 同胞选择器

2.4 属性选择器

2.5 伪元素选择器

2.6 伪类选择器

2.6.1 链接伪类选择器

2.6.2 结构伪类选择器

2.6.3 否定伪类选择器

2.6.4 目标伪类选择器

2.6.5 语言伪类选择器

2.6.6 UI状态伪类选择器

第 3 章 字体和文本

3.1 字体

3.1.1 字体系列

3.1.2 字体大小

3.1.3 字体粗细

3.1.4 字体风格

3.1.5 字体变形

3.1.6 字体拉伸

3.1.7 字体调整

3.1.8 @font-face

3.2 文本

3.2.1 文本缩进

3.2.2 水平对齐

3.2.3 水平对齐

3.2.4 行高

3.2.5 垂直对齐

3.2.6 字符间距

3.2.7 单词间距

3.2.8 文本转换

3.2.9 文本装饰

3.2.10 文本阴影

3.2.11 文本方向

3.2.12 处理空白符

3.2.13 单词折行

3.2.14 单词换行

3.2.15 文本溢出

3.2.16 Tab宽度

第 4 章 盒模型

4.1 概述

4.2 内边距

4.3 外边距

4.4 边框

4.4.1 线条边框

4.4.2 图像边框

4.4.3 圆角边框

4.4.4 盒阴影

4.5 背景

4.5.1 背景颜色

4.5.2 背景图像

4.5.3 背景重复

4.5.4 背景位置

4.5.5 背景附着

4.5.6 背景尺寸

4.5.7 背景起始位置

4.5.8 背景裁剪区域

4.5.9 多重背景

4.5.10 渐变背景

4.6 盒尺寸

4.7 处理溢出

4.8 框的生成

4.8.1 块级元素和块框

4.8.2 行内级元素和行内框

4.8.3 匿名文本和匿名框

4.8.4 元素的display属性

4.9 框的外观

4.9.1 轮廓样式

4.9.2 自由缩放

4.9.3 显示风格

4.9.4 倒影效果

4.9.5 鼠标样式

第 5 章 元素的定位

5.1 普通流

5.1.1 行格式化上下文

5.1.2 块格式化上下文

5.2 定位

5.2.1 相对定位

5.2.2 绝对定位

5.2.3 z-index

5.3 浮动

5.3.1 浮动

5.3.2 清理

第 6 章 链接和导航

6.1 链接的样式

6.1.1 动态超链接

6.1.2 按钮式链接

6.2 列表的样式

6.3 创建导航

6.3.1 面包屑导航

6.3.2 分页导航

6.3.3 垂直导航

6.3.4 手风琴导航

6.3.5 主导航

6.3.6 下拉导航

第 7 章 表格和表单

7.1 表格

7.1.1 表格特有的元素

7.1.2 表格的基本布局

7.1.3 表格的样式属性

7.2 表单

7.2.1 表单元素的样式

7.2.2 水平布局的表单

7.2.3 垂直布局的表单

7.2.4 弹出隐藏的表单

第 8 章 变换、过渡和动画

8.1 变换

8.2 过渡

8.3 动画

8.3.1 关键帧

8.3.2 动画

第 9 章 布局

9.1 基本布局类型

9.1.1 固定布局

9.1.2 流式布局

9.1.3 弹性布局

9.2 多列布局

9.2.1 多列布局

9.2.2 列间隙和边框

9.2.3 跨列

9.2.4 列的填充方式

9.3 弹性布局盒模型

9.3.1 弹性布局盒模型

9.3.2 建立弹性盒布局

9.3.3 弹性容器的属性

9.3.4 弹性子元素的属性

9.4 响应式布局

9.4.1 媒体查询

9.4.2 弹性网格

9.4.3 弹性图片

9.4.4 兼容老IE

9.4.5 布局实例

第 10 章 解决跨浏览器问题

10.1 渐进增强与优雅降级

10.2 兼容浏览器的方法

10.2.1 CSS Hack

10.2.2 客户端脚本

10.2.3 浏览器私有前缀

10.3 IE的hasLayout

10.4 修复IE的常见Bug

10.4.1 浮动元素双倍边距Bug

10.4.2 文本3像素偏移Bug

10.4.3 列表 li 的阶梯Bug

10.4.4 列表 li 底部空行Bug

10.4.5 相对容器中绝对定位Bug

10.4.6 相对定位子元素溢出Bug

10.4.7 IE6重复字符Bug

10.4.8 IE6躲猫猫Bug

第 11 章 构建网页版word

11.1 布局设计

11.1.1 总体设计

11.1.2 左栏布局

11.1.3 右栏布局

11.1.4 穿上马甲

11.2 目录树设计

11.3 正文设计

11.3.1 正文设计

11.3.2 段落

11.3.3 列表

11.3.4 表格

11.3.5 超链接

11.3.6 嵌入对象

11.4 交互性设计

11.4.1 交互性设计

11.4.2 文档结构视图

11.4.3 键盘翻页功能

参考资料

HTML宝典


展开

第 1 章 HTML基础

1.1 认识HTML

1.1.1 什么是HTML

1.1.2 HTML发展史

1.1.3 HTML初体验

1.2 HTML基本语法

1.2.1 HTML元素

1.2.2 HTML属性

1.2.3 HTML注释

1.3 HTML文档结构

1.3.1 <!DOCTYPE>

1.3.2 HTML根元素

1.3.3 HTML头部

1.3.4 HTML主体

1.4 动态网页技术

第 2 章 HTML元素

2.1 结构语义元素

2.1.1 h1~h6元素

2.1.2 header元素

2.1.3 nav元素

2.1.4 main元素

2.1.5 article元素

2.1.6 section元素

2.1.7 aside元素

2.1.8 footer元素

2.1.9 address元素

2.2 内容分组元素

2.2.1 div元素

2.2.2 p元素

2.2.3 hr元素

2.2.4 pre元素

2.2.5 figure元素

2.2.6 blockquote元素

2.2.7 列表元素

2.3 文本语义元素

2.3.1 文本元素

2.3.2 strong元素

2.3.3 small元素

2.3.4 i元素

2.3.5 b元素

2.3.6 u元素

2.3.7 s元素

2.3.8 q元素

2.3.9 cite元素

2.3.10 mark元素

2.3.11 abbr元素

2.3.12 dfn元素

2.3.13 time元素

2.3.14 code元素

2.3.15 var元素

2.3.16 samp元素

2.3.17 kbd元素

2.3.18 sub和sup元素

2.3.19 ins和del元素

2.3.20 bdo和bdi元素

2.3.21 ruby、rb、rt、rp元素

2.3.22 br元素

2.3.23 wbr元素

2.3.24 span元素

2.4 链接元素

2.4.1 a元素

2.4.2 map元素

2.5 表格元素

2.6 嵌入式元素

2.6.1 图像

2.6.2 网页

2.6.3 视频和音频

第 3 章 表单及应用

3.1 什么是表单

3.2 Form元素

3.3 表单控件

3.3.1 label控件

3.3.2 input控件

3.3.3 textarea控件

3.3.4 select控件

3.3.5 keygen控件

3.3.6 progress控件

3.3.7 meter控件

3.3.8 fieldset控件

3.4 表单按钮

3.4.1 提交按钮

3.4.2 重置按钮

3.4.3 普通按钮

3.5 表单特性

3.5.1 size

3.5.2 min/maxlength

3.5.3 readonly

3.5.4 disabled

3.5.5 autocomplete

3.5.6 autofocus

3.5.7 required

3.5.8 placeholder

3.5.9 pattern

3.5.10 list

第 4 章 Canvas绘图基础

4.1 基本用法

4.2 使用路径

4.2.1 如何使用路径

4.2.2 绘制线段

4.2.3 绘制矩形

4.2.4 绘制圆弧

4.2.5 绘制贝塞尔曲线

4.3 绘制文本

4.4 处理图像和视频

4.4.1 绘制图像

4.4.2 操作图像像素

4.4.3 创建图像数据

4.5 装饰图形

4.5.1 线条的样式

4.5.2 颜色及透明度

4.5.3 渐变和图案

4.5.4 阴影

4.5.5 裁剪区域

4.5.6 图形组合

4.6 画布变换

4.7 保存恢复状态

4.8 绘制动画

4.9 保存画布

第 5 章 客户端存储

5.1 Cookie

5.1.1 存储Cookie

5.1.2 读取Cookie

5.1.3 修改Cookie

5.1.4 删除Cookie

5.2 Web Storage

5.2.1 概述

5.2.2 浏览器检测

5.2.3 Web Storage API

5.2.4 Storage事件

HTML5 Canvas实战


展开

第 1 章 路径和文本

1.1 绘制直线

1.2 绘制圆弧

1.3 绘制二次曲线

1.4 绘制贝塞尔曲线

1.5 绘制锯齿线

1.6 绘制螺旋线

1.7 处理文本

1.8 绘制带阴影的3D文本

1.9 揭示分形学的魔力:绘制鬼树

第 2 章 图形及组合

2.1 绘制矩形

2.2 绘制圆形

2.3 使用自定义图形和填充样式

2.4 玩转贝塞尔曲线:绘制云朵

2.5 绘制透明图形

2.6 使用上下文栈来保存和恢复样式

2.7 使用图形操作

2.8 使用循环创建图案:绘制齿轮

2.9 随机图形属性:绘制开满鲜花的原野

2.10 创建自定义图形:绘制扑克牌花色

2.11 融会贯通:绘制喷气式飞机

第 3 章 处理图像和视频

3.1 绘制图像

3.2 裁剪图像

3.3 拷贝、粘贴画布的某部分

3.4 处理视频

3.5 获取图像数据

3.6 处理像素:图像反色

3.7 视频反色

3.8 把图像颜色转换成灰色

3.9 画布绘图转换为data URL

3.10 画布绘图另存为图像

3.11 使用data URL加载画布

3.12 创建像素化的图像聚焦

第 4 章 精通画布变换

4.1 平移画布上下文

4.2 旋转画布上下文

4.3 缩放画布上下文

4.4 创建镜像变换

4.5 创建自定义变换

4.6 切割画布上下文

4.7 使用栈处理多重变换

4.8 把圆变换为椭圆

4.9 旋转图像

4.10 绘制一个简单的logo并随机定位、旋转、缩放

第 5 章 动画给画布带来生机

5.1 创建Animation类

5.2 创建直线运动

5.3 创建加速度

5.4 创建振荡运动

5.5 摆动的气泡

5.6 摆钟

5.7 动画机械齿轮

5.8 动画时钟

5.9 模拟粒子物理学

5.10 创建微生物生命形态

5.11 增强画布并显示FPS值

第 6 章 与画布交互:为图形和区域附加事件监听器

6.1 定义Events类

6.2 使用画布鼠标坐标

6.3 为区域附加鼠标事件监听器

6.4 为移动设备上的区域附加触摸事件监听器

6.5 为图像附加事件监听器

6.6 拖放图形

6.7 拖放图像

6.8 创建图像放大器

6.9 创建绘图应用程序

第 7 章 创建图表

7.1 创建饼图

7.2 创建柱状图

7.3 根据方程式绘制图形

7.4 通过折线图标记数据点

第 8 章 通过游戏开发来拯救世界

8.1 创建英雄和敌人的精灵表

8.2 创建关卡图像和边界地图

8.3 创建英雄和敌人的Actor类

8.4 创建Level类

8.5 创建Health Bar类

8.6 创建Controller类

8.7 创建Model类

8.8 创建View类

8.9 创建HTML文档并启动游戏

第 9 章 WebGL简介

9.1 创建一个WebGL包装器来简化WebGLAPI

9.2 创建三角形平面

9.3 在3D空间内旋转三角形平面

9.4 创建一个旋转的立方体

9.5 增加文理和光照效果

9.6 创建一个可以探索的3D世界

Bootstrap2用户指南


展开

第 1 章 Bootstrap基础

1.1 Bootstrap简介

1.1.1 Bootstrap是什么

1.1.2 选择Bootstrap的理由

1.2 下载Bootstrap

1.3 Bootstrap的文件结构

1.3.1 编译版文件结构

1.3.2 源码版文件结构

1.4 定制Bootstrap

1.5 Bootstrap网页模板

第 2 章 Bootstrap框架

2.1 全局样式

2.1.1 文档类型

2.1.2 排版和链接

2.1.3 重置样式

2.2 默认栅格系统

2.2.1 HTML代码

2.2.2 列平移

2.2.3 列嵌套

2.3 流式栅格系统

2.3.1 HTML代码

2.3.2 列平移

2.3.3 列嵌套

2.4 Bootstrap布局

2.4.1 固定布局

2.4.2 流式布局

2.5 响应式布局

2.5.1 启用响应式布局

2.5.2 支持的设备类型

2.5.3 响应式布局辅助类

第 3 章 Bootstrap基本样式

3.1 排版

3.1.1 标题

3.1.2 正文

3.1.3 强调

3.1.4 对齐方式

3.1.5 缩写词

3.1.6 地址

3.1.7 引用

3.1.8 列表

3.2 源代码

3.2.1 行内代码

3.2.2 多行代码

3.3 表格

3.3.1 支持的表格标签

3.3.2 表格的默认样式

3.3.3 表格的可选样式

3.3.4 表格行的样式

3.4 表单

3.4.1 表单的默认布局

3.4.2 表单的可选布局

3.4.3 表单的基本控件

3.4.4 表单的扩展控件

3.4.5 表单控件的尺寸

3.4.6 不可编辑的控件

3.4.7 表单的动作按钮

3.4.8 表单的帮助文本

3.4.9 表单控件的状态

3.5 按钮

3.5.1 按钮的外观

3.5.2 按钮的尺寸

3.5.3 禁用的按钮

3.6 图片

3.7 图标

3.7.1 字体图标Glyphicons

3.7.2 如何使用字体图标

3.7.3 字体图标使用案例

第 4 章 Bootstrap组件

4.1 下拉菜单

4.1.1 创建下拉菜单

4.1.2 右对齐的下拉菜单

4.1.3 高亮某个菜单项

4.1.4 禁用某个菜单项

4.1.5 多级下拉菜单

4.2 按钮组

4.3 按钮菜单

4.3.1 按钮下拉菜单

4.3.2 拼接式按钮菜单

4.3.3 按钮菜单的尺寸

4.3.4 按钮上拉菜单

4.4 导航

4.4.1 创建导航组件

4.4.2 堆叠式导航

4.4.3 带下拉的导航

4.4.4 右对齐的导航

4.4.5 禁用导航链接

4.4.6 可切换的标签导航

4.4.7 标签导航的布局

4.5 导航条

4.5.1 基本导航条

4.5.2 导航条组件

4.5.3 固定导航条

4.5.4 响应式导航条

4.5.5 反色导航条

4.6 面包屑导航

4.7 分页导航

4.7.1 标准的分页导航

4.7.2 禁用和活动状态

4.7.3 分页导航的尺寸

4.7.4 分页导航的对齐方式

4.7.5 分页导航中的翻页

4.8 标签和徽章

4.9 排版

4.9.1 Hero unit

4.9.2 Page header

4.10 缩略图

4.11 警告框

4.11.1 警告框

4.11.2 警告块

4.11.3 警告框的外观

4.12 进度条

4.12.1 基本进度条

4.12.2 基本进度条

4.12.3 条纹进度条

4.12.4 进度条堆叠

4.13 媒体对象

4.13.1 媒体

4.13.2 媒体列表

4.14 其他

4.14.1 Well组件

4.14.2 辅助类

第 5 章 Bootstrap插件

5.1 概述

5.1.1 导入插件

5.1.2 调用插件

5.1.3 避免冲突

5.1.4 插件的选项

5.1.5 插件的事件

5.2 过渡

5.3 模态对话框

5.3.1 使用方法

5.3.2 调用方式

5.3.3 选项

5.3.4 方法

5.3.5 事件

5.4 下拉菜单

5.5 滚动监听

5.5.1 使用方法

5.5.2 调用方式

5.5.3 选项

5.5.4 方法

5.5.5 事件

5.6 标签页

5.6.1 调用方式

5.6.2 事件

5.7 工具提示

5.7.1 使用方法

5.7.2 选项

5.7.3 方法

5.8 弹出提示

5.8.1 使用方法

5.8.2 选项

5.8.3 方法

5.9 警告框

5.9.1 使用方法

5.9.2 事件

5.10 按钮

5.10.1 状态提示

5.10.2 状态切换

5.10.3 按钮组

5.11 折叠

5.11.1 使用方法

5.11.2 调用方式

5.11.3 选项

5.11.4 事件

5.12 轮番

5.12.1 使用方法

5.12.2 调用方式

5.13 Typeahead

5.14 Affix

第 6 章 Bootstrap编码规范

6.1 HTML编码规范

6.1.1 语法规范

6.1.2 HTML5 Doctype

6.1.3 语言属性

6.1.4 字符编码

6.1.5 IE兼容模式

6.1.6 引入 CSS 和 JavaScript 文件

6.1.7 实用为王

6.1.8 属性顺序

6.1.9 布尔型属性

6.1.10 减少标签的数量

6.1.11 JavaScript生成的标签

6.2 CSS编码规范

6.2.1 语法规范

6.2.2 声明顺序

6.2.3 不要使用 @import

6.2.4 媒体查询的位置

6.2.5 带前缀的属性

6.2.6 单行规则声明

6.2.7 简写形式的属性声明

6.2.8 Less 和 Sass 中的嵌套

6.2.9 Less 和 Sass 中的操作符

6.2.10 注释

6.2.11 Class 命名规范

6.2.12 选择器

6.2.13 代码组织

6.3 编辑工具配置

Bootstrap3实用教程


展开

第 1 章 Bootstrap基础

1.1 Bootstrap简介

1.1.1 Bootstrap是什么

1.1.2 为什么选择Bootstrap

1.1.3 Bootstrap3 的新特性

1.2 下载Bootstrap3

1.2.1 下载编译版本

1.2.2 下载源码版本

1.2.3 下载Sass版本

1.3 Bootstrap的文件结构

1.3.1 编译版本的文件结构

1.3.2 源码版本的文件结构

1.4 安装Bootstrap

1.4.1 安装编译版本

1.4.2 安装源码版本

1.5 编译Bootstrap

1.6 定制BootStrap

1.7 本地部署BootStrap

1.8 Bootstrap网页模板

第 2 章 Bootstrap全局样式

2.1 概述

2.1.1 HTML5文档类型

2.1.2 移动设备优先

2.1.3 排版和链接

2.1.4 重置样式

2.1.5 布局容器

2.2 栅格系统

2.2.1 工作原理

2.2.2 布局实例

2.2.3 列平移

2.2.4 列嵌套

2.2.5 列排序

2.2.6 mixin和变量

2.3 排版

2.3.1 标题

2.3.2 正文文本

2.3.3 行内文本

2.3.4 水平对齐

2.3.5 文本大小写

2.3.6 缩写词

2.3.7 地址

2.3.8 列表

2.4 源代码

2.4.1 行内代码

2.4.2 代码块

2.4.3 用户输入

2.4.4 变量

2.4.5 程序输出

2.5 表格

2.5.1 基本的表格

2.5.2 带条纹的表格

2.5.3 带边框的表格

2.5.4 带悬停效果的表格

2.5.5 紧凑型表格

2.5.6 表格的情景类

2.5.7 响应式表格

2.6 表单

2.6.1 基本表单

2.6.2 行内表单

2.6.3 横向表单

2.6.4 支持的控件

2.6.5 静态控件

2.6.6 帮助文本

2.6.7 控件的状态

2.6.8 控件的尺寸

2.7 按钮

2.7.1 支持的元素

2.7.2 按钮的外观

2.7.3 按钮的尺寸

2.7.4 按钮的状态

2.8 图片

2.8.1 响应式图片

2.8.2 图片的形状

2.9 辅助类

2.9.1 文本情景类

2.9.2 背景情景类

2.9.3 关闭按钮

2.9.4 三角箭头

2.9.5 快速浮动

2.9.6 让内容块居中

2.9.7 清除浮动

2.9.8 显示或隐藏内容

2.9.9 屏幕阅读器和键盘导航

2.9.10 图片替换

2.10 响应式工具类

2.10.1 响应式类

2.10.2 打印机类

2.10.3 测试用例

2.11 使用Less

2.11.1 Less变量

2.11.2 特定厂商的Mixin

2.11.3 工具Mixin

第 3 章 Bootstrap组件

3.1 Glyphicons字体图标

3.1.1 可用的图标

3.1.2 如何使用

3.1.3 使用实例

3.1.4 定制图标

3.2 下拉菜单

3.2.1 创建下拉菜单

3.2.2 右对齐的下拉菜单

3.2.3 下拉菜单标题

3.2.4 下拉菜单分隔线

3.2.5 禁用某个下拉菜单

3.3 按钮组

3.3.1 创建按钮组

3.3.2 按钮工具栏

3.3.3 按钮的尺寸

3.3.4 按钮组嵌套

3.3.5 禁用某个按钮组

3.3.6 两端对齐的按钮组

3.4 按钮下拉菜单

3.4.1 创建按钮下拉菜单

3.4.2 拼接式按钮下拉菜单

3.4.3 按钮下拉菜单的尺寸

3.4.4 按钮上拉菜单

3.5 输入框组

3.5.1 创建输入框组

3.5.2 控件的尺寸

3.5.3 可添加的元素

3.6 导航

3.6.1 创建导航

3.6.2 两端对齐的导航

3.6.3 禁用导航链接

3.6.4 带下拉的胶囊导航

3.7 导航条

3.7.1 创建导航条

3.7.2 支持的组件

3.7.3 组件的排列

3.7.4 固定导航条

3.7.5 静止导航条

3.7.6 反色导航条

3.8 面包屑导航

3.9 分页导航

3.9.1 分页组件

3.9.2 翻页组件

3.10 标签

3.11 徽章

3.12 巨幕

3.13 页头

3.14 缩略图

3.14.1 默认缩略图

3.14.2 自定义缩略图

3.14.3 缩略图列表

3.15 警告框

3.15.1 创建警告框

3.15.2 可关闭的警告框

3.15.3 警告框中的链接

3.16 进度条

3.16.1 创建进度条

3.16.2 带提示的进度条

3.16.3 进度条的颜色

3.16.4 条纹进度条

3.16.5 进度条堆叠

3.17 媒体对象

3.17.1 媒体

3.17.2 媒体列表

3.18 列表组

3.18.1 创建列表组

3.18.2 支持的组件

3.18.3 禁用和活动状态

3.18.4 情景类

3.18.5 列表组堆叠

ES6标准入门


展开

前言

版权许可

第 1 章 ECMAScript 6 简介

1.1 ECMAScript 和 JavaScript 的关系

1.2 ES6 与 ECMAScript 2015 的关系

1.3 ECMAScript 语法提案的批准流程

1.4 ECMAScript 的发展历史

1.5 ECMAScript 的部署进度

1.6 Babel 转码器

1.7 Traceur 转码器

第 2 章 let 和 const 命令

2.1 let 命令

2.2 块级作用域

2.3 const 命令

2.4 顶层对象的属性

2.5 global对象

第 3 章 变量的解构赋值

3.1 数组的解构赋值

3.2 对象的解构赋值

3.3 字符串的解构赋值

3.4 数值和布尔值的解构赋值

3.5 函数参数的解构赋值

3.6 圆括号问题

3.7 解构赋值的用途

第 4 章 字符串的扩展

4.1 字符的 Unicode 表示法

4.2 codePointAt()方法

4.3 String.fromCodePoint()方法

4.4 字符串的遍历器接口

4.5 at()方法

4.6 normalize()方法

4.7 includes(), startsWith(), endsWith()

4.8 repeat()方法

4.9 padStart()方法,padEnd()方法

4.10 模板字符串

4.11 模板编译实例

4.12 标签模板

4.13 String.raw()方法

4.14 模板字符串的限制

第 5 章 正则的扩展

5.1 RegExp 构造函数

5.2 字符串的正则方法

5.3 u 修饰符

5.4 y 修饰符

5.5 sticky 属性

5.6 flags 属性

5.7 s 修饰符:dotAll 模式

5.8 后行断言

5.9 Unicode 属性类

5.10 具名组匹配

第 6 章 数值的扩展

6.1 二进制和八进制表示法

6.2 Number.isFinite(), Number.isNaN()

6.3 Number.parseInt(), Number.parseFloat()

6.4 Number.isInteger()

6.5 Number.EPSILON

6.6 安全整数和 Number.isSafeInteger()

6.7 Math 对象的扩展

6.8 Math.signbit()

6.9 指数运算符

6.10 Integer 数据类型

第 7 章 函数的扩展

7.1 函数参数的默认值

7.2 rest 参数

7.3 严格模式

7.4 name 属性

7.5 箭头函数

7.6 双冒号运算符

7.7 尾调用优化

7.8 函数参数的尾逗号

7.9 catch 语句的参数

第 8 章 数组的扩展

8.1 扩展运算符

8.2 Array.from()方法

8.3 Array.of()方法

8.4 数组实例的copyWithin()方法

8.5 数组实例的find() 和 findIndex()方法

8.6 数组实例的fill()方法

8.7 数组实例的entries(),keys() 和 values()方法

8.8 数组实例的includes()方法

8.9 数组的空位

第 9 章 对象的扩展

9.1 属性的简洁表示法

9.2 属性名表达式

9.3 方法的 name 属性

9.4 Object.is()方法

9.5 Object.assign()方法

9.6 属性的可枚举性和遍历

9.7 Object.getOwnPropertyDescriptors()

9.8 __proto__属性,Object.setPrototypeOf(),Object.getPrototypeOf()

9.9 super 关键字

9.10 Object.keys(),Object.values(),Object.entries()

9.11 对象的扩展运算符

9.12 Null 传导运算符

第 10 章 Symbol

10.1 概述

10.2 作为属性名的 Symbol

10.3 实例:消除魔术字符串

10.4 遍历 Symbol 属性名

10.5 Symbol.for(),Symbol.keyFor()

10.6 实例:模块的 Singleton 模式

10.7 Symbol 的内置属性

第 11 章 Set 和 Map 数据结构

11.1 Set

11.2 WeakSet

11.3 Map

11.4 WeakMap

第 12 章 Proxy

12.1 Proxy 简介

12.2 Proxy 实例的方法

12.3 Proxy.revocable()方法

12.4 Proxy 的 this 问题

12.5 实例:Web 服务的客户端

第 13 章 Reflect对象

13.1 Reflect对象简介

13.2 Reflect对象的静态方法

13.3 实例:使用Proxy实现观察者模式

第 14 章 Promise

14.1 Promise 的含义

14.2 Promise 的基本用法

14.3 Promise.prototype.then()方法

14.4 Promise.prototype.catch()方法

14.5 Promise.all()方法

14.6 Promise.race()方法

14.7 Promise.resolve()方法

14.8 Promise.reject()方法

14.9 Promise.done(),Promise.finally()

14.10 Promise 的应用

14.11 Promise.try()方法

第 15 章 Iterator 和 for...of 循环

15.1 Iterator(迭代器)的概念

15.2 默认的 Iterator 接口

15.3 调用 Iterator 接口的场合

15.4 字符串的 Iterator 接口

15.5 Iterator 接口与 Generator 函数

15.6 迭代器对象的 return(),throw()

15.7 for...of 循环

第 16 章 Generator函数语法

16.1 概述

16.2 next()方法的参数

16.3 for...of循环

16.4 Generator.prototype.throw()方法

16.5 Generator.prototype.return()方法

16.6 next()、throw()、return() 的共同点

16.7 yield表达式

16.8 作为对象属性的Generator函数

16.9 Generator函数的this

16.10 Generator函数的含义

16.11 Generator函数的应用

第 17 章 Generator函数的异步应用

17.1 基本概念

17.2 Generator函数

17.3 Thunk函数

17.4 co模块

第 18 章 async函数

18.1 什么是async函数

18.2 async函数的基本用法

18.3 async函数的语法

18.4 async函数的实现原理

18.5 async函数与其他异步处理方法的比较

18.6 async函数实例:按顺序完成异步操作

18.7 async函数的异步迭代器

第 19 章 Class 的基本语法

19.1 Class简介

19.2 严格模式

19.3 constructor 方法

19.4 Class 的实例对象

19.5 Class 表达式

19.6 Class 不存在变量提升

19.7 Class 的私有方法

19.8 Class 的私有属性

19.9 Class 的 this 指向

19.10 Class 的 name 属性

19.11 Class 的 getter函数和setter函数

19.12 Class 的 Generator函数

19.13 Class 的静态方法

19.14 Class 的静态属性和实例属性

19.15 Class 的 new.target 属性

第 20 章 Class 的继承

20.1 简介

20.2 Object.getPrototypeOf()方法

20.3 super关键字

20.4 prototype 属性和__proto__属性

20.5 原生构造函数的继承

20.6 Mixin 模式的实现

第 21 章 Decorator

21.1 类的修饰器

21.2 方法的修饰器

21.3 为什么修饰器不能用于函数

21.4 core-decorators.js

21.5 使用修饰器实现自动发布事件

21.6 使用修饰器实现Mixin模式

21.7 Trait修饰器

21.8 Babel 转码器对修饰器的支持

第 22 章 模块的语法

22.1 概述

22.2 严格模式

22.3 export 命令

22.4 import 命令

22.5 模块的整体加载

22.6 export default命令

22.7 export与import的复合写法

22.8 模块的继承

22.9 跨模块常量

22.10 import()函数

第 23 章 加载模块

23.1 浏览器加载

23.2 ES6模块与CommonJS模块的差异

23.3 Node加载

23.4 循环加载ES6模块

23.5 ES6模块的转码

第 24 章 ES6编码规范

24.1 块级作用域

24.2 字符串

24.3 解构赋值

24.4 对象

24.5 数组

24.6 函数

24.7 Map结构

24.8 Class

24.9 模块

24.10 使用ESLint

第 25 章 读懂ES6规格

25.1 概述

25.2 相等运算符

25.3 数组的空位

25.4 数组的 map 方法

第 26 章 ArrayBuffer

26.1 概述

26.2 ArrayBuffer对象

26.3 TypedArray视图

26.4 复合视图

26.5 DataView视图

26.6 ArrayBuffer的应用

26.7 SharedArrayBuffer对象

26.8 Atomics对象

第 27 章 ES6 参考手册

第 28 章 ES6 标准入门 PDF 下载

微信小程序教程


展开

第 1 章 微信小程序介绍

1.1 小程序接入指南

1.1.1 小程序注册

1.1.2 小程序信息完善

1.1.3 小程序开发前准备

1.1.4 开发者工具的使用

1.1.5 代码审核与发布

1.1.6 申请微信认证

1.1.7 申请微信支付

1.1.8 绑定微信开放平台帐号

1.1.9 公众号关联小程序

1.2 客服功能使用指南

1.2.1 功能介绍

1.2.2 下发条件说明

1.2.3 发送客服消息接口

1.2.4 网页版客服消息工具

1.2.5 客服功能使用规范

1.3 扫链接二维码打开小程序

1.3.1 二维码跳转规则

1.3.2 二维码内容获取

1.3.3 配置流程

1.4 腾讯云支持

1.4.1 开发环境支持

1.4.2 生产环境支持

1.4.3 授权登录腾讯云

1.4.4 安装开发工具

1.4.5 导入 Node.js Demo

1.4.6 导入 PHP Demo

1.4.7 相关开发文档

第 2 章 微信小程序设计指南

2.1 友好礼貌

2.2 清晰明确

2.3 便捷优雅

2.4 统一稳定

2.5 视觉规范

2.6 资源下载

第 3 章 微信小程序开发简介

3.1 起步

3.2 代码构成

3.3 小程序的能力

3.4 发布前的准备

3.5 上线流程

第 4 章 微信小程序开发框架

4.1 概述

4.2 文件结构

4.3 配置

4.4 逻辑层

4.4.1 注册小程序

4.4.2 场景值

4.4.3 注册页面

4.4.4 页面路由

4.4.5 模块化

4.5 视图层

4.6 自定义组件

4.6.1 创建自定义组件

4.6.2 组件模板和样式

4.6.3 Component构造器

4.6.4 组件事件

4.6.5 behaviors

4.6.6 自定义组件间关系

4.7 分包加载

4.8 基础库

4.9 兼容处理

4.10 运行机制

第 5 章 微信小程序框架视图层

5.1 WXML

5.1.1 概述

5.1.2 数据绑定

5.1.3 列表渲染

5.1.4 条件渲染

5.1.5 模板

5.1.6 事件

5.1.7 引用

5.2 WXS

5.2.1 概述

5.2.2 模块

5.2.3 变量

5.2.4 注释

5.2.5 运算符

5.2.6 语句

5.2.7 数据类型

5.2.8 基础类库

5.3 WXSS

5.4 组件

第 6 章 微信小程序组件

6.1 视图容器

6.1.1 view

6.1.2 scroll-view

6.1.3 swiper

6.1.4 movable-view

6.1.5 cover-view

6.2 基础内容

6.2.1 icon

6.2.2 text

6.2.3 rich-text

6.2.4 progress

6.3 表单组件

6.3.1 botton

6.3.2 checkbox

6.3.3 form

6.3.4 input

6.3.5 label

6.3.6 picker

6.3.7 picker-view

6.3.8 radio

6.3.9 slider

6.3.10 switch

6.3.11 textarea

6.4 导航

6.5 媒体组件

6.5.1 audio

6.5.2 image

6.5.3 image

6.5.4 camera

6.5.5 live-player

6.5.6 live-pusher

6.6 地图

6.7 画布

6.8 开放能力

6.8.1 open-data

6.8.2 web-view

6.9 客服会话

第 7 章 微信小程序框架 API

7.1 概述

7.2 网络

7.2.1 概述

7.2.2 发起请求

7.2.3 上传下载

7.2.4 WebSocket

7.3 媒体

7.3.1 图片

7.3.2 录音

7.3.3 录音管理

7.3.4 音频播放控制

7.3.5 音乐播放控制

7.3.6 背景音播放管理

7.3.7 音频组件控制

7.3.8 视频

7.3.9 视频组件控制

7.3.10 相机机组控制

7.3.11 实时音频视频

7.4 操作文件

7.4.1 保存文件

7.4.2 获取文件信息

7.4.3 打开文件

7.4.4 删除文件

7.5 本地存储

7.6 位置

7.6.1 获取位置

7.6.2 查看位置

7.6.3 地图组件控制

7.7 设备

7.7.1 系统信息

7.7.2 网络状态

7.7.3 加速度计

7.7.4 罗盘

7.7.5 拨打电话

7.7.6 扫码

7.7.7 剪切板

7.7.8 蓝牙

7.7.9 iBeacon

7.7.10 屏幕亮度

7.7.11 用户截屏事件

7.7.12 振动

7.7.13 手机联系人

7.7.14 NFC

7.7.15 Wi-Fi

7.8 界面

7.8.1 交互反馈

7.8.2 设置导航条

7.8.3 设置置顶信息

7.8.4 导航

7.8.5 动画

7.8.6 位置

7.8.7 下拉刷新

7.9 Canvas绘图

7.9.1 概述

7.9.2 Canvas坐标系

7.9.3 颜色

7.9.4 渐变

7.9.5 Canvas API

7.9.6 wx.createCanvasContext

7.9.7 wx.canvasToTempFilePath

7.9.8 setFillStyle

7.9.9 setStrokeStyle

7.9.10 setShadow

7.9.11 createLinearGradient

7.9.12 createCircularGradient

7.9.13 addColorStop

7.9.14 setLineWidth

7.9.15 setLineCap

7.9.16 setLineJoin

7.9.17 setLineDash

7.9.18 setMiterLimit

7.9.19 rect

7.9.20 fillRect

7.9.21 strokeRect

7.9.22 clearRect

7.9.23 fill

7.9.24 stroke

7.9.25 beginPath

7.9.26 closePath

7.9.27 moveTo

7.9.28 lineTo

7.9.29 arc

7.9.30 bezierCurveTo

7.9.31 quadraticCurveTo

7.9.32 scale

7.9.33 rotate

7.9.34 translate

7.9.35 fillText

7.9.36 setFontSize

7.9.37 setTextAlign

7.9.38 setTextBaseline

7.9.39 drawImage

7.9.40 setGlobalAlpha

7.9.41 save/restore

7.9.42 clip

7.9.43 draw

7.10 WXML节点信息

7.11 第三方平台

7.12 开放接口

7.12.1 登录

7.12.2 授权

7.12.3 用户信息

7.12.2 授权

7.12.4 微信支付

7.12.5 模板信息

7.12.6 客服消息

7.12.7 转发

7.12.8 获取二维码

7.12.9 收货地址

7.12.10 卡券

7.12.12 设置

7.12.13 微信运动

7.12.14 打开小程序

7.12.15 获取发票抬头

7.12.16 生物认证

7.12.17 附近

7.13 数据分析

7.13.1 常规分析

7.13.2 自定义分析

7.14 调试接口

第 8 章 微信开发者工具

8.1 概述

8.2 界面

8.2.1 界面

8.2.2 设置

8.2.3 项目页卡

8.3 快捷键

8.4 代码编辑

8.5 小程序调试

8.5.1 模拟器

8.5.2 调试工具

8.5.3 自定义分析

8.5.4 特殊场景调试

8.6 调用方式

8.6.1 命令行调用

8.6.2 HTTP调用

8.7 小程序开发助手

8.8 第三方平台

8.9 云测试

8.10 运行环境差异

第 9 章 模板解析引擎Mustache

9.1 概述

9.2 Mustache 标签

9.2.1 {{keyName}}

9.2.2 {{&keyName}}

9.2.3 {{{keyName}}}

9.2.4 {{#keyName}} {{/keyName}}

9.2.5 {{^keyName}} {{/keyName}}

9.2.6 {{.}}

9.2.7 {{>partials}}

9.2.8 {{!comments}}

9.3 Mustache 模板

9.3.1 字符串作为模板

9.3.2 script 块作为模板

9.4 Mustache 渲染上下文

9.4.1 概述

9.4.2 方法读取变量上下文

9.4.3 方法执行变量中的表达式

第 10 章 微信小程序运营

10.1 运营规范

10.2 常见拒绝情形

10.3 服务条款

10.4 微信认证指引

10.5 特殊行业所需的材料

第 11 章 微信小程序数据分析

11.1 功能概述

11.2 常规分析

11.2.1 概况

11.2.2 实时统计

11.2.3 访问分析

11.2.4 用户画像

11.3 自定义分析

11.3.1 快速入门

11.3.2 事件管理

11.3.3 事件分析

11.3.4 漏斗分析

11.4 小程序数据助手

Vue.js教程


展开

第 1 章 Vue.js 基础

1.1 安装 Vue

1.1.1 版本说明

1.1.2 Devtools

1.1.3 直接用 <script> 引入

1.1.4 NPM 安装

1.1.5 CLI 安装

1.1.6 对不同构建版本的解释

1.1.7 开发版本安装

1.1.8 Bower 安装

1.2 Vue 简介

1.2.1 起步

1.2.2 声明式渲染

1.2.3 条件与循环

1.2.4 处理用户输入

1.2.5 组件化应用构建

1.3 Vue 实例

1.3.1 创建 Vue 实例

1.3.2 数据与方法

1.3.3 实例生命周期钩子

1.3.4 实例生命周期图示

1.4 模板语法

1.4.1 插值

1.4.2 指令

1.4.3 缩写

1.5 计算属性和侦听器

1.5.1 计算属性

1.5.2 侦听器

1.6 Class 与 Style 绑定

1.6.1 绑定 HTML Class

1.6.2 绑定内联样式

1.7 条件渲染

1.7.1 v-if

1.7.2 v-show

1.7.3 v-if vs v-show

1.8 列表渲染

1.8.1 数组的 v-for

1.8.2 对象的 v-for

1.8.3 v-for 使用 key

1.8.4 数组更新检测

1.8.5 对象更改检测

1.8.6 显示过滤/排序结果

1.8.7 一段取值范围的 v-for

1.8.8 v-for on a <template>

1.8.9 v-for with v-if

1.8.10 一个组件的 v-for

1.9 事件处理

1.9.1 监听事件

1.9.2 事件处理方法

1.9.3 内联在处理器中的方法

1.9.4 事件修饰符

1.9.5 按键修饰符

1.9.6 系统修饰键

1.9.7 为什么在 HTML 中监听事件?

1.10 表单输入绑定

1.10.1 基本用法

1.10.2 值绑定

1.10.3 修饰符

1.10.4 在组件上使用 v-model

1.11 组件

1.11.1 什么是组件

1.11.2 使用组件

1.11.3 Prop

1.11.4 非 Prop 特性

1.11.5 自定义事件

1.11.6 使用插槽分发内容

1.11.7 动态组件

1.11.8 杂项

第 2 章 Vue.js 过渡和动画

2.1 概述

2.2 进入/离开过渡

2.2.1 单元素/组件的过渡

2.2.2 初始渲染的过渡

2.2.3 多个元素的过渡

2.2.4 多个组件的过渡

2.2.5 列表过渡

2.2.6 可复用的过渡

2.2.7 动态过渡

2.3 状态过渡

2.3.1 状态动画与侦听器

2.3.2 动态状态过渡

2.3.3 把过渡放到组件里

2.3.4 给设计赋予生命

第 3 章 Vue.js 可复用性和组合

3.1 混入

3.1.1 基础

3.1.2 选项合并

3.1.3 全局混入

3.1.4 自定义选项合并策略

3.2 自定义指令

3.2.1 简介

3.2.2 钩子函数

3.2.3 钩子函数参数

3.2.4 函数简写

3.2.5 对象字面量

3.3 渲染函数和JSX

3.3.1 基础

3.3.2 节点、树以及虚拟 DOM

3.3.3 createElement 参数

3.3.4 使用 JavaScript 代替模板功能

3.3.5 JSX

3.3.6 函数式组件

3.3.7 模板编译

3.4 插件

3.4.1 开发插件

3.4.2 使用插件

3.5 过滤器

第 4 章 Vue.js 工具

4.1 生产环境部署

4.1.1 开启生产环境模式

4.1.2 模板预编译

4.1.3 提取组件的 CSS

4.1.4 跟踪运行时错误

4.2 单文件组件

4.2.1 介绍

4.2.2 起步

4.3 单元测试

4.3.1 配置和工具

4.3.2 简单的断言

4.3.3 编写可被测试的组件

4.3.4 断言异步更新

4.4 TypeScript 支持

4.4.1 发布为 NPM 包的官方声明文件

4.4.2 推荐配置

4.4.3 开发工具链

4.4.4 基本用法

4.4.5 基于类的 Vue 组件

4.4.6 增强类型以配合插件使用

4.4.7 标注返回值

第 5 章 Vue.js 规模化

5.1 路由

5.2 状态管理

5.2.1 类 Flux 状态管理的官方实现

5.2.2 简单状态管理起步使用

5.3 服务端渲染

第 6 章 Vue.js 响应式系统原理

6.1 如何追踪变化

6.2 检测变化的注意事项

6.3 声明响应式属性

6.4 异步更新队列

第 7 章 Vue.js API

7.1 全局配置

7.1.1 Vue.config.silent

7.1.2 Vue.config.optionMergeStrategies

7.1.3 Vue.config.devtools

7.1.4 Vue.config.errorHandler

7.1.5 Vue.config.warnHandler

7.1.6 Vue.config.ignoredElements

7.1.7 Vue.config.keyCodes

7.1.8 Vue.config.performance

7.1.9 Vue.config.productionTip

7.2 全局API

7.2.1 Vue.silent

7.2.2 Vue.nextTick

7.2.3 Vue.set

7.2.4 Vue.delete

7.2.5 Vue.directive

7.2.6 Vue.filter

7.2.7 Vue.component

7.2.8 Vue.use

7.2.9 Vue.mixin

7.2.10 Vue.compile

7.2.11 Vue.version

7.3 选项 / 数据

7.3.1 data

7.3.2 props

7.3.3 propsData

7.3.4 computed

7.3.5 methods

7.3.6 watch

7.4 选项 / DOM

7.4.1 el

7.4.2 template

7.4.3 render

7.4.4 renderError

7.5 选项 / 生命周期钩子

7.5.1 beforeCreate

7.5.2 created

7.5.3 beforeMount

7.5.4 mounted

7.5.5 beforeUpdate

7.5.6 updated

7.5.7 activated

7.5.8 deactivated

7.5.9 beforeDestroy

7.5.10 destroyed

7.5.11 destroyed

7.6 选项 / 资源

7.6.1 directives

7.6.2 filters

7.6.3 components

7.7 选项 / 组合

7.7.1 parent

7.7.2 mixins

7.7.3 extends

7.7.4 provide / inject

7.8 选项 / 其他

7.8.1 name

7.8.2 delimiters

7.8.3 functional

7.8.4 model

7.8.5 inheritAttrs

7.8.6 comments

7.9 实例属性

7.9.1 vm.$data

7.9.2 vm.$props

7.9.3 vm.$el

7.9.4 vm.$options

7.9.5 vm.$parent

7.9.6 vm.$root

7.9.7 vm.$children

7.9.8 vm.$slots

7.9.9 vm.$scopedSlots

7.9.10 vm.$refs

7.9.11 vm.$isServer

7.9.12 vm.$attrs

7.9.13 vm.$listeners

7.10 实例方法 / 数据

7.10.1 vm.$watch

7.10.2 vm.$set

7.10.3 vm.$delete

7.11 实例方法 / 事件

7.11.1 vm.$on

7.11.2 vm.$once

7.11.3 vm.$off

7.11.4 vm.$emit

7.12 实例方法 / 生命周期

7.12.1 vm.$mount

7.12.2 vm.$forceUpdate

7.12.3 vm.$forceUpdate

7.12.4 vm.$destroy

7.13 指令

7.13.1 v-text

7.13.2 v-html

7.13.3 v-show

7.13.4 v-if

7.13.5 v-else

7.13.6 v-else-if

7.13.7 v-for

7.13.8 v-on

7.13.9 v-bind

7.13.10 v-model

7.13.11 v-pre

7.13.12 v-cloak

7.13.13 v-once

7.14 特殊特性

7.14.1 key

7.14.2 ref

7.14.3 slot

7.14.4 slot-scope

7.14.5 is

7.15 内置组件

7.15.1 component

7.15.2 transition

7.15.3 transition-group

7.15.4 keep-alive

7.15.5 slot

第 8 章 Vue.js 服务器端渲染(SSR)

8.1 简介

8.1.1 什么是服务器端渲染(SSR)

8.1.2 为什么使用服务器端渲染(SSR)

8.1.3 服务器端渲染 vs 预渲染

8.1.4 关于此指南

8.2 基本用法

8.2.1 安装

8.2.2 渲染一个 Vue 实例

8.2.3 SSR与服务器集成

8.2.4 SSR使用页面模板

8.3 编写通用代码

8.4 源码结构

8.5 路由和代码分割

8.6 数据预取和状态

8.7 客户端混合

8.8 Bundle Renderer 简介

8.9 构建配置

8.10 CSS 管理

8.11 Head 管理

8.12 缓存

8.13 流式渲染

8.14 API参考

8.14.1 createRenderer

8.14.2 createBundleRenderer

8.14.3 Class: Renderer

8.14.4 Class: BundleRenderer

8.14.5 Renderer 选项

8.14.6 webpack 插件

第 9 章 Vue.js 服务器端渲染框架 Nuxt.js

9.1 简介

9.2 安装

9.3 目录结构

9.4 配置

9.5 路由

9.6 视图

9.7 异步数据

9.8 资源文件

9.9 插件

9.10 Vuex状态树

9.11 命令

9.12 开发工具

返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验