4k words 4 mins.

# 绑定样式 class 样式 写法:class="xxx" xxx 可以是字符串、对象、数组。 字符串写法适用于：类名不确定，要动态获取。 对象写法适用于：要绑定多个样式，个数不确定，名字也不确定。 数组写法适用于：要绑定多个样式，个数确定，名字也确定，但不确定用不用。 style 样式 :style="{fontSize: xxx}" 其中 xxx 是动态值。 :style="[a,b]" 其中 a、b 是样式对象。 # 绑定 class 样式 字符串写法 绑定...
6.5k words 6 mins.

# prevent & stop prevent：阻止默认事件（常用）； stop：阻止事件冒泡（常用）； <!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>事件修饰符</title> <!-- 引入 Vue --> <script type="text/javascript"...
29k words 26 mins.

# jQuery-AJAX # jQuery <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jQuery 发送 AJAX 请求</title>...
16k words 14 mins.

# express 基本使用 # package.json { "name": "ajax", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\"...
17k words 16 mins.

# 01-get-post 可以通过 form 标签的 method 属性指定发送请求的类型 如果是 get 请求会将提交的数据拼接到 URL 后面 ?userName=lnj&userPwd=123456 如果是 post 请求会将提交的数据放到请求头中 GET 请求和 POST 请求的异同 相同点: 都是将数据提交到远程服务器 不同点: 提交数据存储的位置不同 GET 请求会将数据放到 URL 后面 POST 请求会将数据放到请求头中 提交数据大小限制不同 GET 请求对数据有大小限制 POST 请求对数据没有大小限制 GET/POST...
4.9k words 4 mins.

# 基本概念 什么是服务器？ 服务器也是电脑，只不过是一台 24 小时不断电，不关机的电脑 根据提供的服务功能不同：文件服务器、邮件服务器、Web 服务器等等； 简而言之：服务器其实就是一台 "提供了某种服务功能" 的超级电脑 如何让电脑能够提供某种服务？ 如何让电脑可以聊天？听歌？浏览网页？ 想让电脑提供聊天服务，可以安装相应的聊天软件，例如：QQ / 旺旺... 想让电脑可以提供听歌服务，可以安装相应音乐软件，例如：酷我 / 酷狗... 想让电脑可以提供浏览网页服务，可以安装相应浏览网页软件，例如：谷歌 /...
1.1k words 1 mins.

# Vue2 生命周期 # beforeCreate 在实例初始化之后，数据观测（data observer）和 event/watcher 事件配置之前被调用。在当前阶段 data、methods、computed 以及 watch 上的数据和方法都不能访问 # created 实例已经创建完成之后被调用。在这一步，实例已完成一下的配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。这里没有 el，如果非要与 dom 进行交互，可以通过 vm.nextTick 来访问 dom # beforeMount 在挂载开始之前被调用：相关的...
8.4k words 8 mins.

# 延迟加载 JS 有哪些方式？ 比如下面有两个文件夹 HTML <script type="text/javascript" src="./index.js"></script><script type="text/javascript" src="./a.js"></script><script type="text/javascript"...
5.2k words 5 mins.

# 介绍 CSS 盒子模型 CSS 的盒子模型有哪些：标准盒子模型。IE 盒子模型 CSS 的盒子模型区别： 标准盒子模型：margin、border、paddig、content IE 盒子模型：margin content (border + padding + content) 通过 CSS 如何转换盒子模型： box-sizing: content-box：标准盒子模型 box-sizing: border-box：IE 盒子模型 当然注意设置了 box-sizing: border-box，并不代表一定是width的宽度 ，例如下面例子 .box {...
8.9k words 8 mins.

# display grid 通过设置 CSS 属性 display: grid; 可以定义一个 CSS 网格。接着可以使用 grid-template-rows 和 grid-template-columns 属性定义网格的列属性 (columns) 和行属性 (rows)。 使用这些属性定义的网格被称为 * 显式网格 (explicit grid) 通过 display grid 来打开 grid 布局，下面将都会使用 stylus 预处理器来演示 stylus -w index.styl -o index.css # 基本概念 #...