Webbook
来时路
从 HTML5、CSS、JavaScript 到 Vue、Node.js 的系统学习笔记，共 106 篇。
开发准备
6 篇HTML5
8 篇html5入门HTML不是编程语言，是用来描述网页文档（页面结构）的一种标记语言；html5元素<style>table .markdown-section td, .markdown-section th { wihtml5媒体<a href="“URL”"> ~ </a>html5表格HTML `<ul>` 元素 ( 或 HTML 无序列表元素） 代表多项的无序列表，即无数值排序项的集合，且它们在列表中html5表单`form` 元素 表示了文档中的一个区域，这个区域包含有交互控制元件，用来向 web 服务器提交信息。2012-02-21 v1.0.0HTML5 提供了新的元素来创建更好的页面结构：html5WebsocketWebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。实体字符实体字符
CSS
11 篇css入门!> 入门 css 必备 : 点击[css 参考手册](http://css.doyoe.com/),一定要多看css属性设置或检索对象是否及如何显示。css选择器**选定所有对象。**css盒子模型CSS 盒模型本质上是一个盒子，封装周围的 HTML 元素，它包括：外边距（`margin`）、边框（`border`）css动画transition: property duration timing-function delay;css3新增特性用 CSS3，你可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计程序sassSASS 是一种 CSS 的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得 CSS 的开发，变得简单和可维rem布局<head>bootstrap3<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/disimfloat{* @Description:移动端兼容因为手机分辨率太小，如果按照分辨率来显示网页，字会非常小，安卓手机 `devicePixoRadio` 比较乱，有 1.
JavaScript
16 篇js入门JavaScript 是一种脚本，一门编程语言，它可以在网页上实现复杂的功能，网页展现给你的不再是简单的静态信息，而是实js变量首先认识两个名称：js运算符给定 `y=5`，下面的表格解释了这些算术运算符：js流程控制通常在写代码时，您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。js函数JavaScript 函数有 **属性** 和 **方法**。js对象JavaScript 提供多个内建对象，比如 String、Date、Array 等等。 对象只是带有**属性**和**jsdom当网页被加载时，浏览器会创建页面的**文档对象**模型（Document Object Model）。jsbom`setTimeout()` ：在指定的毫秒数后调用函数或计算表达式。js事件**事件流**在结构中传递事件,按照监听事件的**捕获**或**冒泡**模式触发js对象方法实例:ajax- **0：** 请求未初始化（还没有调用 open()）。this指向理解 this 之前， 先纠正一个观点，**this 既不指向函数自身，也不指函数的词法作用域**。如果仅通过 thiscall-apply-bindjavaScript 权威指南上的解释是： call() 、apply()可以看作是某个对象的方法，通过调用方法的形式来js正则//1.直接写表达式排序方法var arr = [18, 12, 20, 8, 30, 4];防抖和节流设定时间内频繁触发,都不会去执行具体业务的代码,只在定时器后执行
jQuery
3 篇构建工具
1 篇ES6
9 篇es6入门ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月let-constES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。es6解构let [a, b, c] = [1, 2, 3];Promise`Promise` 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实Class* @Description:Module在 ES6 前， 实现模块化使用的是 RequireJS 或者 seaJS（分别是基于 AMD 规范的模块化库， 和基于SymbolES6 引入了一种新的原始数据类型 Symbol ，表示独一无二的值，最大的用法是用来定义对象的唯一属性名。set-mapSet 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。Proxy* @Description:
Vue
16 篇vue基础通过 `new` 创建实例，并以键值对形式对其配置vue组件组件其实也是一个 vue 的实例，包含 `data` 、 `computed` 、 `methods` 等属性，也包含了组件通信组件插槽子组件的模板结构可以在调用时动态改变，扩展了组件使用的灵活性，只需要在组件的模板的对应位置加上 `<slot>` 组件就动态组件有时候我们需要在多个组件间切换，可以使用 `<component>` 组件和 `is` 属性实现。异步组件有些时候我们为了简化应用的内容，只在需要的时候才从服务器加载一个模块vue-cli3* @Description:vue-routerVue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反axios**npm** :vuexVuex 使用单一状态树，用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 (SSOT)”而存在。这也mixins混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当filtersVue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 `v-bind`克隆项目git clone https://github.com/PanJiaChen/vue-element-admin.givue修饰符阻止事件冒泡，相当于调用了 `event.stopPropagation()` 方法。vue2当你把一个普通的 JavaScript 对象传入 Vue 实例作为 `data` 选项，Vue 将遍历此对象所有的属性，vue拓展* @Description:
实战练习
4 篇Node.js
14 篇node入门[Node.js 官方文档](http://nodejs.cn/api/)module1. exports :输出内容对象,默认情况下 exports === module.exportspath// node内置模块fs// 文件系统 Filesystemhttpconst http = require("http");koa[koa 官方文档](https://koa.bootcss.com/)升级数据库[egg官网](https://eggjs.org/zh-cn/intro/quickstart.html)node爬虫node爬虫mysql入门mysql入门Node Book* @Description: sidebar* @Description:升级数据库[egg官网](https://eggjs.org/zh-cn/intro/quickstart.html)例如：* @Description:运行进程的不同方式：[云服务器搭建](https://blog.csdn.net/qq_36324472/article/details/8