摘要：
响应式系统 一、概述 Vue通过设定对象属性的 setter/getter 方法来监听数据的变化，通过getter进行依赖收集，而每个setter方法就是一个观察者，在数据变更的时候通知订阅者更新视图。 双向数据绑定，简单点来说分为三个部分： 1、Observer。这里的主要工作是递归地监听对象上的 阅读全文
摘要：
1. 什么是DOCTYPE及其作用 1. 浏览器渲染过程 1. 重排Reflow 1. 重绘Repaint 1. 布局Layout 一、什么是DOCTYPE及其作用 DTD（document type defiition，文档类型定义）是一系列的语法规则，用来定义XML或者Html的文件类型。浏览器 阅读全文
摘要：
“帆布指纹识别” 代码可以看出，均使用到了HTML5专属标签canvas的一个现状：在绘制canvas图片时，同样的canvas绘制代码， 不同机器和浏览器绘制的图片特征是相同并且独一无二的，这样以来，提取最简单的md5值便可以唯一标识和跟踪这个用户。 evercookie官网 http://sam 阅读全文
摘要：
call() 方法在使用一个指定的 this 值和若干个指定的参数值的前提下调用某个函数或方法。 apply() 方法调用一个函数, 其具有一个指定的this值，以及作为一个数组（或类似数组的对象）提供的参数 bind() 方法会创建一个新函数。当这个新函数被调用时，bind() 的第一个参数将作为 阅读全文
摘要：
本文也是多次学习webpack积累下来的知识点，一直在云笔记里。 webpack的原理 webpack构建流程 从启动webpack构建到输出结果经历了一系列过程，它们是： 解析webpack配置参数，合并从shell传入和webpack.config.js文件里配置的参数，生产最后的配置结果。 注 阅读全文
摘要：
css世界读书笔记： 内联元素与流 块级元素负责结构，内联元素接管内容 x元素的下边缘就是我们的基线baseline x height就是x的高度 vertical align：middle是x中点位置，所以那个不是严格的中间对齐 ex单位是一个x的高度 利用那个ex单位可以做不受字体和字号影响的内 阅读全文
摘要：
最近面试遇到那样一个问题把'abc' 转换成[a, b, c]，就是字符串转成数组。 看着简单，我就是说split，然后面试官问还有吗。我有思考了一下。循环用charAt()取，然后还有Array.from()和扩展运算符[...'abc']。 然后就是答不出了。然后面试官问还有其他实现方式吗。我实 阅读全文
摘要：
1.进程，单线程与多线 进程: 运行的程序就是一个进程，比如你正在运行的浏览器，它会有一个进程。 线程: 程序中独立运行的代码段。 一个进程由单个或多个线程组成，线程是负责执行代码的。 2.单线程与多线程的区别 单线程 从头执行到尾，一行一行执行，如果其中一行代码报错，那么剩下代码将不再执行。同时容 阅读全文
摘要：
Generator 函数有多种理解角度。语法上，首先可以把它理解成，Generator 函数是一个状态机，封装了多个内部状态。 执行 Generator 函数会返回一个遍历器对象，也就是说，Generator 函数除了状态机，还是一个遍历器对象生成函数。返回的遍历器对象，可以依次遍历 Generat 阅读全文
摘要：
sass是css预处理器 需要安装node sass支持 核心是c++编写 集成 1. sass loader 把scss装换成css 1. css loader 找出@import和url()导入的语法，告诉webpack依赖的资源。同时支持css modules、压缩css等 1. style 阅读全文
摘要：
Babel是一个javascrpt编译器，能将es6转换为es5代码。并且通过插件的形式可以灵活的扩展。 从根目录读取.babelrc文件中读取配置。.babelrc是一个json文件 配置 plugins babel plugin transform runtime 要和 babel runtim 阅读全文
摘要：
类的声明和实例化 继承 代码的抽象和代码的复用 原型链继承 问题1：一是字面量重写原型会中断关系，使用引用类型的原型， 问题2：子类型还无法给父类型传递参数 构造函数继承 组合继承 组合继承改进 ES6 多态 就是子类重写父类的属性或者方法 super关键字 使用 第一种情况，super作为函数调用 阅读全文
摘要：
1、hash的方式 以 hash 形式（也可以使用 History API 来处理）为例，当 url 的 hash 发生变化时，触发 hashchange 注册的回调，回调中去进行不同的操作，进行不同的内容的展示 link的实现 可以从 react router/ Link 中看到，对该组件的点击事 阅读全文
摘要：
所谓组件其实就是 有限状态机，通过状态渲染对应的界面，且每个组件都有自己的生命周期，它规定了组件的状态和方法需要在哪个阶段进行改变和执行。 有限状态机（FSM），表示有限个状态以及在这些状态之间的转移和动作等行为的模型。 React 正是利用这一概念，通过管理状态来实现对组件的管理。 自定义 Rea 阅读全文
摘要：
1、数据流 2、redux的实现 3、context的使用 在生命周期方法中引用 Context 如果 contextTypes 在组件中定义，下列的生命周期方法将接受一个额外的参数， context 对象： constructor(props, context) componentWillRece 阅读全文
摘要：
1、概念 em作为font size的单位时，其代表父元素的字体大小，em作为其他属性单位时，代表自身字体大小 rem作用于非根元素时，相对于根元素字体大小；rem作用于根元素字体大小时，相对于其出初始字体大小 优缺点：em就是为字体和行高而生的，有些时候子元素字体就应该相对于父元素，元素行高就应该 阅读全文
摘要：
一、css盒子与布局相关 盒子内部的布局 盒子之间的布局visual formatting 脱离正常流normal flow的盒子的布局 absolute布局上下文下的布局 float布局上下文下的布局 flow下的盒子的布局 BFC布局上下文下的布局 IFC布局上下文下的布局 FFC布局上下文下的 阅读全文
摘要：
TCP/IP协议分层 应用层 TFP DNS DNS域名解析的过程 在浏览器DNS缓存中搜索 读取系统的hosts文件，查找其中是否有对应的ip 向本地配置的首选DNS服务器发起域名解析请求 HTTP 传输层 TCP(Transmission Control Protocel，传输控制协议) 1、建 阅读全文
摘要：
==MVC，MVP和MVVM都是常见的软件架构设计模式，它通过分离关注点来改进代码的组织方式== MVC、MVP和MVVM的相同点和不同点 不同部分是C(Controller)、P(Presenter)、VM(View Model)，而相同的部分则是MV(Model View) Model层用于封装 阅读全文
摘要：
发布就是触发事件，例如node中的emitter.emit ，订阅就是绑定那个事件比如emitter.on。在jq中on绑定clink事件，就是类似订阅，当click就是发布了。 自己怎么实现呢，就是把订阅的事件，比如a，b两个事件，保存在一个对象中，当发布时，取是保存了事件，执行。 class P 阅读全文