好记性不如烂笔头

下载ip为10.86.11.12服务器上目录为 /home/q/www/bnb/logs/monitor.log 文件到本地/Users/workspace目录下 sz命令windows比较适合，对mac不友好 scp命令123scp <remote_username>@<remote_ip>:<remote_path> <local_path>eg ...

以下翻译自：http://makersden.io/blog/look-inside-fiber， 有节选 updater每个React组件都有一个 updater，它在组件reconcilier时被注入，负责组件和react核心间的通信。这允许ReactDOM, ReactNative，SSR以不同方式实现setState。 updater负责检索fiber实例，排队更新，调度工作等工作，主要有 ...

背景React15react核心思想：内存中维护一颗虚拟DOM树，数据变化时（setState），自动更新虚拟DOM，得到一颗新树，然后diff新老虚拟DOM树，找到有变化的部分，得到一个change(patch)，将这个patch加入队列，最终批量更新这些path到DOM中。简单说就是：diff + patch。 react 执行render()和setState()进行渲染时主要有两个阶段：调 ...

推荐阅读 webpack优化 模块热替换原理 插件原理 深入浅出webpack webpack-dev-server,webpack-dev-middleware真实场景中本地开发不用webpack-dev-server，而是用koa+webpack-dev-middleware做API中转

最近在项目中用node新建了一个web服务，需要修改原有的nginx配置以沿用之前的对外域名，这里mark下配置项*.conf文件 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717 ...

最早由rollup提出，webpack2+ 引入支持 tree-shaking功能，在最终打包产物中去除无效或没有使用的代码 tree-shaking过程分为两步： webpack 对 export, import导出导入内容进行标记 将所有的 import 标记为 harmony import 将用到的 export 标记为 / harmony export /typeName为webpack ...

分析下es6中class/extends的实现 12345678910111213import React, { Component } from 'react';class List extends Component { constructor() { // 调用父类构造函数 super(); this.s ...

es5中的继承es5中常见继承写法，(命名取自《js高级程序设计》) 原型链继承12345678910function SupClass() { this.name = 'sup'; this.hobby = ['sing', 'draw'];}SupClass.prototype.say = function() {};function Sub ...

一张图来说明： 总结： 只有函数才拥有prototype属性，构造函数的.prototype为一个对象 每个对象都有一个隐式的原型属性[[prototype]], 但由于[[prototype]]是内部属性，不能访问，用 proto 代替， 浏览器实现存在兼容性 每个对象的 proto 指向了其构造函数的原型对象，形成原型链，因此对象可以访问到不属于其定义的属性 Object.prototy ...

react 的合成事件和 dom 原生事件是两个东西，都有各自的“捕获冒泡”机制，防止混用。 react中绑定的事件最终都绑定在document上，类似于事件委托的性质，dom原生事件通过冒泡机制到doc上，然后依次触发doc上绑定的react回调函数。 react绑定的事件如果想区分是在冒泡还是捕获阶段执行，通过事件函数后缀Capture区别。比如onClick在冒泡阶段执行， onClick ...