webSocket两端代码
#### client.js
```javascript
var connection = new WebSocket('ws://127.0.0.1:1337')
connection.onopen = function()
rgba 取值指北
### 扯淡前言
这是一个比较奇葩的需求，但我确实遇到了。
直接取最终显色, 因为有透明度属性和背景色叠加，获取的rgb并不是原来的rgb，a的值更是无从确定。
如果是参照网页，最推荐的方法当然是**开发者工具**，直接找
nodejs 爬虫思路与代码(附模板)
### 扯淡
本文来源于视频 [从零开始写一个 nodejs 爬虫](https://www.bilibili.com/video/av7330052)
### 逻辑
1. 声明起始 Url
2. 获取页面数组
手写一个 jQuery 版 ajax
> 手工实现 ajax，根据上一篇文章 [原生js实现jsonp和ajax](http://www.simenchan.xyz/index.php/archives/570/)，我们只需将原生 js 优化为一个简洁的 api。本文的实现，从
原生 JS 实现 jsonp 和 ajax
看完这篇文章，你将了解
1.XMLHttpRequest 对象简要
2.JSON 简要
3.原生 js 如何实现 JSONP
4.原生 js 如何实现 AJAX
5.同源策略与 CORS 跨域
6.其他小知识
----
捕获与冒泡
捕获与冒泡，是 js 事件传播的相关概念。当一个元素及其父元素，父元素的父元素等身上绑定了多个点击事件时，它们规定了这些事件的执行线索。
### 1.预备知识1：onclick与addEventListener的区别
o
JS 数组与常用方法
看完这篇文章，你将了解：
1. js 数组的**本质**
2. 数组的**构造函数**
3. 数组各种**常用方法**
4. 其他小知识
------
### 一. 数组到底是什么？
- js里，数组就
JS拾遗(全局对象，临时转换，原型链)
看完这篇博客，你将了解：
1.全局对象 window
2.基本类型如何调用对象方法？
3.公用属性藏在哪？
------
### 一. 全局对象window
全局对象在浏览器中是存在的，比如window对
另起炉灶 or 顺藤摸瓜？聊聊 JS 内存图与垃圾回收
### 另起炉灶 or 顺藤摸瓜
两个对象的关系，最模棱两可的疑惑往往源于搞不清它们之间是另起炉灶还是顺藤摸瓜
a = b
同样是赋值操作，
b 是对象，拷贝的就是地址。对新地址而言 a 可以顺腾摸瓜，对旧地址而言 a 是另起炉灶
JS 的数据类型
看完这篇博客，你将了解：
1.js **都有哪些**数据类型？
2.**简单类型**相关细节
3.**对象**类型相关细节
4.**null与undefined**的区别
5.其他小知识
------
##
初识 HTTP 请求与响应
看完这篇文章，你将了解：
1.HTTP 请求包括哪些部分，如何用 Chrome 开发者工具查看 HTTP 请求内容
2.HTTP 响应包括哪些部分，如何用 Chrome 开发者工具查看 HTTP 响应内容
3.如何使用 curl 命令
JS 函数与作用域
看完这篇文章，你将了解：
1.js 函数的五种**声明方式**
2.js 函数的**本质**
3.**this 和 arguments** 是什么
4.**树与作用域**
5.其他小知识
------
###
vue 组件详解
看完这篇文章，你将了解：
- 为什么要使用组件？
- 全局注册和局部注册组件
- 父组件如何给子组件传递数据？
- 子组件如何给父组件传递数据？
- 非父子组件如何通信？
- 什么是单向数据流？单向数据流的两种应用常景
#
MVC 套路模板
**代码最重要的模仿，就是把形式背下来**
---
### 模板
```javascript
// view
let view = document.querySelector('.xxx')
// model
let
JS 怎么实现继承
**继承的本质就是两件事：继承属性和继承方法**
看完这篇博客，你将了解：
1. ES5 代码实现继承
2. ES6 代码实现继承
3. js 继承背后的原理
---
### ES5 代码实现继承
ES5
JS 怎么封装对象
#### 对象封装的本质
- 本质很简单，就是构造一个**返回一个对象的函数**
> 想想 jQuery 中 api 的构造方式，它就是典型的 “函数返回对象” 式 api
#### 范例代码
```javascri
icon 全解
前端小问题：如何在 1 和 2 中间打两个空格？
如果直接 1 2，显示的是 1 2（只留一个空格）
正确做法是使用转义： （牛逼空格）或
这种叫 html entity （字符实体）,共同规律是 &enti
Cookie, Session, localStorage, sessionStorage 是什么鬼
#### 本质
1. Cookie 是服务器一个响应头，浏览器一个请求头
2. Session 是一个值为随机数的 Cookie
3. localStorage 是浏览器永久储存的一个哈希
4. sessionStorage 是
Cache-Control 缓存控制详解
### Cache-Control 简单应用
- 介绍
Cache-Control 就是缓存控制。
> 为提高网页访问速度，我们命令浏览器将请求到的一些资源缓存下来（保存到本地）
> 下次再**请求相同资源时，不走服
自己写一个 jQuery api
#### jQuery api 的本质
**jQuery 本质是接受一个节点返回一个对象，一个对该节点各种操作方法组成的对象**
如下：
```javascript
let $div = $('div') // 形