摘要：
作用域 1. 全局环境 window: JS的全局执行环境，顶层对象。this指针在全局执行环境时就指向window。 2. 局部环境 什么情况会具有局部环境? 答: function声明(包括常规声明，箭头函数，匿名函数)的花括号{}内部会形成局部环境。 局部环境有什么特征? 答： 局部环境是运行 阅读全文
摘要：
严格模式 "use strict" 1. 严格模式作用域 1 整个脚本文件开启严格模式 所有语句之前放"use strict" 所有该脚本的子级作用域也会设置为严格模式 注意: 严格模式和非严格模式脚本混合会存在问题 小技巧: 在函数声明(function)前加"!"可以让解释器理解为函数表达式而非 阅读全文
摘要：
类型 1. 基础类型种类 JavaScript中的5种基本类型: Undefined Null Boolean Number String 2. 引用类型 定义: 引用类型是指可能由多个值构成的对象 JavaScript中对象都是引用类型，而Function是一种特殊的对象(也是引用类型) 引用类型 阅读全文
摘要：
看了一下网上对于web性能优化的一些帖子，不是很直观，花了点时间画了一个思维导图。 refers: https://segmentfault.com/a/1190000011936772 https://www.jianshu.com/p/04583fca939b 阅读全文
摘要：
对比版本：16.4.0 VS 16.3.0 VS 16.2.0 发现最近几次React版本更改比较大，在为17.0的大版本作准备。总结了一下React生命周期函数的变化。 综合对比图如下： 各版本分别如下： 各生命周期函数使用场景： 1. Constructor(props) 使用场景：初始化局部S 阅读全文
摘要：
关于分析React源码的文章已经有比较多，我就不献丑了。 根据分析的结果把React的大致流程和思维导图做了一点总结，图片如下： 源码在: https://github.com/laryosbert/mini-react.git 渲染过程： 更新过程: 内部关系思维导图： 小bug：在render函 阅读全文
摘要：
我们在这里不讨论Angular2和Angular4，因为其完全重写，其实已经不叫AngularJS了。 AngularJS的缺陷： 性能问题：通过检查脏值进行数据更新，当数据不断增加时，检查的效率就不断降低。页面加载速度也会变慢。 落后于当前web发展理念(如组件式的开发) 对手机端的支持不是太友好 阅读全文
摘要：
JSONP原理 首先：JSON和JSONP是不一样的概念。 JSON是一种数据交换格式，而JSONP是非正式传输协议。 该协议的一个要点就是允许用户传递一个callback参数给服务端，然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON数据，这样客户端就可以随意定制自己的函数 阅读全文
摘要：
基础技能1 - 神奇的border 我们先来画一个长方形： 有没有发现什么？ 对，四个边的交界处是45°角。那我们可以用这个东东干点什么呢？往下看。 进阶技能1 - 三角形 如果我们把左边的border变宽，右边的border设为0，上下的border设为透明，自身长宽都设为0，猜猜会发生什么？ 不 阅读全文
摘要：
HTML5 ： <!DOCTYPE html> HTML4.* ：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 规定页面的描述、关键词、文档的作者、最后修改时间以及 阅读全文
摘要：
块级元素 - block level element 总是在新行上开始； 高度，行高以及外边距和内边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度； 它可以容纳内联元素和其他块元素 如： div，table，select等 行内元素（内联元素） - inline element 和其他 阅读全文
摘要：
Cookie 会跟随每次请求附加到请求header上，大小限制4k。 部署对象： document.cookie 构成： Key-Value 有效期：根据expires配置 可选项： ;path=path (例如 '/', '/mydir') 如果没有定义，默认为当前文档位置的路径。 ;domain 阅读全文
摘要：
在使用GitHub的时候，为了避免每次输入用户名密码，都会使用SSH方式代替Https。 按网上教程，大多数使用SSH-KeyGen生成公私钥对，而后上传公钥至Github，并切换Repositorie为SSH. 使用SSH-KeyGen输出如下: Generating public/private 阅读全文
摘要：
1. 原型Prototype 1.1 构造函数 所谓"构造函数"，其实就是一个普通函数，但是内部使用了this变量。对构造函数使用new运算符，就能生成实例，并且this变量会绑定在实例对象上。 1.2 实例.constructor 每个构造函数生成实例的时候 会自带一个constructor属性 阅读全文
摘要：
1. Chromium VS Chrome Chromium is an open-source Web browser project started by Google, to provide the source code for the proprietary Google Chrome b 阅读全文
摘要：
What Sandbox Do? Sandbox leverages the OS-provided security to allow code execution that cannot make persistent changes to the computer or access info 阅读全文
摘要：
花了一些时间把ECMA6的新特性进行了回顾，给自己建立了思维索引，大部分内容借鉴了阮一峰大神的博客。 refers: http://es6.ruanyifeng.com/#docs/arraybuffer 阅读全文
摘要：
Javascript是单线程的，因此异步编程对其尤为重要. ES 6以前： * 回调函数* 事件监听(事件发布/订阅)* Promise对象 ES 6： * Generator函数(协程coroutine) ES 7: * async和await Refers: https://www.cnblog 阅读全文
摘要：
Web服务有两种实现方式: 一是SOAP协议方式 二是REST方式。 SOAP是一套完整的实现Web服务的解决方案。这里有必要先简单了解SOAP方式的Web服务，然后对比SOAP方式，我们会发现REST方式欠缺了什么。 SOAP方式的Web服务中的Web服务描述语言（WSDL）和简单对象访问协议（S 阅读全文
摘要：
Browser Work: 1、输入网址。 2、浏览器查找域名的IP地址。 3. 浏览器给web服务器发送一个HTTP请求 4. 网站服务的永久重定向响应 5. 浏览器跟踪重定向地址 现在，浏览器知道了要访问的正确地址，所以它会发送另一个获取请求。 6. 服务器“处理”请求，服务器接收到获取请求，然 阅读全文
摘要：
HTTPS (HTTP Secure) is an adaptation of the Hypertext Transfer Protocol (HTTP) for secure communication over a computer network, and is widely used on 阅读全文
摘要：
Browser vendors needed a way to add support for new features that were not yet standardized, but without messing up later changes or creating incompat 阅读全文
摘要：
1. Selector Different types of selectors: Selectors can be divided into the following categories: Simple selectors: Match one or more elements based o 阅读全文
摘要：
1. Selector Substring matching attribute selectors, E[attribute^="value"], E[attribute$="value"], E[attribute*="value"] . New pseudo-classes: :target, 阅读全文
摘要：
温故而知新，画了一个思维导图 HTML5 HTML5 is the fifth revision and newest version of the HTML standard. It offers new features that provide not only rich media supp 阅读全文
摘要：
1. Client browser short polling The most simple solution, client use Ajax to sends a request to the server in a short period circle, the server return 阅读全文
摘要：
HTTP1.1 Disadvantages One open request per connection Duplication of data HTTP/2 Advantages Header compression using HPACK Server Push is binary, inst 阅读全文
摘要：
An HTTP cookie (web cookie, browser cookie) is a small piece of data that a server sends to the user's web browser. The browser may store it and send 阅读全文
摘要：
Request & Response header details can be found here The request method indicates the method to be performed on the resource identified by the Request- 阅读全文
摘要：
First Authentication and Authorization are different two concept. Http Base Auth Put user name and password in header which in base64 encoding. HTTP D 阅读全文
摘要：
HTTP session: sequence of network request-response transactions HTTP is a stateless protocol. A stateless protocol does not require the HTTP server to 阅读全文
摘要：
All the browser user agent string can be found: https://udger.com/resources/ua-list 阅读全文
摘要：
Refer from:https://en.wikipedia.org/wiki/List_of_HTTP_header_fields Mark here for search Request fields Must not be used with HTTP/2. Connection: Upgr 阅读全文
摘要：
Uniform Resource Identifier (URI): compact sequence of characters that identifies an abstract or physical resource.Syntax: URI = scheme ":" hier-part 阅读全文
摘要：
Webkit: up to version 27 Blink: 28+ Comparation of Layout Engine for CSS CSS2/CSS3 1. Grammar and rules 2. Selectors 3. Properties 4. Values and units 阅读全文
摘要：
Refer to Net Market Share published data for year 2017, browser share percentage as below table shows: 阅读全文