feat: up

Author: programmerZbb

node笔记/node实战.md

@@ -172,7 +172,9 @@ req 的事件：
   })
   ```
 
-处理 http 请求(需要 tostring 方法可以将接受到的二进制转化成字符串)
+处理 post 请求(需要 tostring 方法可以将接受到的二进制转化成字符串)
+
+思路就是用一个水管将桶连起来，不断的接受，知道数据结束
 
 ```js
 const http = require('http')
@@ -190,4 +192,48 @@ const server = http.createServer((req, res) => {
 server.listen(3000, () => {
     console.log('server is running')
 })
-```
+```
+
+### 文档
+
+* request 的文档对应着 [http.IncomingMessage 类](http://nodejs.cn/api/http.html#http_class_http_incomingmessage)
+
+* response 对应着 [http.ServerResponse 类](http://nodejs.cn/api/http.html#http_class_http_serverresponse)
+
+### 总结
+
+1. request 类中的 url 能获取到路由和queryString
+
+2. queryString 模块能解析 querystring 请求
+
+3. 响应的数据必须是字符串，用 JSON.stringify 序列化
+
+4. 还有一种方式能设置header
+
+   ```js
+   res.writeHeader(404, {'Content-type': 'text/plain'})
+   ```
+
+   修改返回内容的另一种方式（除了 end），不用再 end 里面修改数据
+
+   ```js
+   res.write('404 Not Found\n')
+   ```
+
+5. 获取到的 method 是大写的
+
+# 4. 搭建开发环境
+
+* 从 0 开始，不使用任何框架
+* 使用 nodemon 检测文件变化，自动重启node
+* 使用 cross-env 设置环境变量，兼容 mac、linux、windows
+
+# 5. 开发接口
+
+* 初始化路由： 根据之前技术方案的设计，做出路由
+* 返回假数据，将路由和数据处理分离，以符合设计原则
+
+接口分类：
+
+1. blog
+2. user

react16.md

@@ -421,9 +421,10 @@ import svg from '.tet.png'
 * hoc 则是把公共的方法提取为外层父组件，把公共的方法通过 props 传给需要使用的组件，然后返回这个外层组件。有一些缺点，命名来源（多个hoc 是谁传入的 props 数据，命名冲突）
 * render prop 是把公共的部分当成子组件，父组件来传递一个 render 命名的函数，来控制子组件（公共方法的执行），但是会直接呈现在页面上（因为子组件的调用就是直接在页面上），因此类似于 vue 中的插槽，不能纯使用公共的方法，必须要返回 ui 。
 
-## 插槽
+## 插槽与子节点
 
 * react 也可以像 vue的插槽一样 中在组件内部传入值
+* react 的子节点就是插槽位置的节点
 
 使用：
 
@@ -781,6 +782,16 @@ diff 规则：
   ```
 
   不推荐使用 ref 尽量别直接操作 DOM，使用数据驱动的方式。
+  
+  也可以像 vue 一样简写
+  
+  ```jsx
+  <input ref='inout'></input>
+  
+  this.ref.inout
+  ```
+  
+  
 
 注意：
 
@@ -1891,4 +1902,48 @@ export default () => {
 
 ## 1. setState 不能设置到render里面
 
-* 这样会造成死循环，直接报错
+* 这样会造成死循环，直接报错
+
+## 2. setState 是同步的还是异步的
+
+1. 生命周期函数中的 setState、react 事件监听回调中的 setState 都是异步的
+2. 定时器、原生事件回调、promise回调，setState 是同步执行的
+
+### 使用
+
+1. 函数类型的使用
+
+setState((state, props) => {}, callback)
+
+里面的state 和 props 总是最新的数据
+
+2. 对象类型的使用
+
+* setState 是异步调用的时候，才回去研究 render中执行的数据，同步调用不需要考虑render的渲染调用几次
+
+* 两种方式的调用都会合并成一次修改数据（在render上显示）
+* 调用对象的形式如果使用到 this.state ，这个数据不是最新的，因此建议使用 函数使用的形式
+
+## 3. react 事件绑定是根据事件委托来实现的
+
+## 4. react 组件相关
+
+* react 组件元素不能直接写子元素，不会显示，必须要在该组件的内部使用 创建插槽来实现渲染
+
+  ```jsx
+  <Item>
+  	<div>我不会显示</div>
+  </Item>
+  ```
+
+### 4.1 component 存在的问题
+
+* 继承 Component 的组件
+  1. 父组件的 render 一定会触发子组件的 render 
+  2. 档期组件 调用了 setState ，就会触发当前组件的 render，即使啥也没干
+
+### 4.2 PureComponent 的使用
+
+* 使用 PureComponent 能够实现组件数据没更新，不去执行 render 更新组件
+
+  实现了 `shouldComponentUpdate`的拦截，使用的浅层拷贝对比。只能识别到对象属性的属性的变化。

vue 学习笔记.md

@@ -2788,7 +2788,7 @@ Object.defineProperty(obj, 'a', {
 2. 方式2
 
    ```vue
-   <a @click='a(), b()'>点击</a>
+   <a @click='a(), b()'>点击1</a>
    ```
 
 
@@ -2799,3 +2799,36 @@ Object.defineProperty(obj, 'a', {
 <button @click='Event($event)'>
 ```
 
+## 8. 响应式原理
+
+* vue 实例中声明的数据，就是响应式的
+
+  数据发生变化，视图会重新渲染，更新最新的数据
+
+* 问题
+
+  1、Vue 是怎么知道数据改变？
+
+  2、Vue 在数据改变时，怎么知道通知哪些视图更新？
+
+  3、Vue 在数据改变时，视图怎么知道什么时候更新？
+
+  核心的三个概念： Object.defineProperty，依赖收集，依赖更新
+
+* 答案
+
+  1. vue 在 set 方法中做了数据劫持
+
+     data 中的每个属性，都拥有一个数组，保存着谁依赖了他，这就是依赖收集，依赖我的页面统统保存起来。
+
+     每个属性都有一个 dep 来保存这个属性的依赖，key值跟别是 id （属性的id），subs（依赖收集器） 数组中保存这所有依赖该属性的 watcher
+
+     watcher： 每个页面都有一个 watcher，可用于实例更新
+
+     总结： 每个属性都有一个专属的 dep 中保存这依赖数组 subs，每个使用到该属性的页面（watcher）都将添加到该数组 subs(依赖收集器) 里面。
+
+     依赖收集使用的就是 defineProperty 中的 getter
+
+  2. 当属性发生变化的时候，就用 setter 通知更新，遍历依赖收集器中的页面，逐个通知 watcher去更新视图
+
+  3. 当触发了 setter 的时候就要进行更新。