OSI是Open System Interconnection的缩写，意为开放式系统互联。国际标准化组织（ISO）制定了OSI模型，该模型定义了不同计算机互联的标准，是设计和描述计算机网络通信的基本框架。OSI模型把网络通信的工作分为7层，分别是物理层、数据链路层、网络层、传输层、会话层、表示层和应用层。 首先来看看OSI的七层模型:

## 如今前端模块化的主流方式 利用自动化构建工具Gulp/Webpack 把源代码转换成发布线上的可执行JavaScrip、CSS、HTML 代码 通常自动化构建工具做的内容有：

异步 何为异步? 简单来说就是一个任务分成多个步骤执行，先执行某一段任务，跳出转而执行其他任务， 等下一段任务准备完成后， 转而回来执行下一段任务 像这种类型， 把一个任务分解成多段任务 不连续 执行， 就叫做异步， 连续执行的则叫做同步 如何使得异步 看起来像是同步编程 ? 有如下几种方法 回调函数 通过拆解一...

service worker 是独立于当前页面的一段运行在浏览器后台进程里的脚本。它的特性将包括推送消息,背景后台同步， geofencing（地理围栏定位），拦截和处理网络请求。

熟悉 react 的朋友都知道，在 react 中有个核心的算法，叫 diff 算法。web 界面由 dom 树组成，不同的 dom 树会渲染出不同的界面。react 使用 virtual dom 来表示 dom 树，而 diff 算法就是用于比较 virtual dom 树的区别，并更新界面需要更新的部分。diff 算法和 virtual dom 的完美结合的过程被称为 reconciler，这可...

我喜欢引用这样一句话‘编程是对复杂性的管理’。可能你也听过计算机世界是一个巨大的抽象结构。我们简单的包装东西并重复的生产新的工具。思考那么一下下，我们使用的编程语言都包括内置的功能，这些功能可能是基于其他低级操作的抽象方法，包括我们是用的javascript。迟早，我们都会需要使用别的开发者开发的抽象功能，...

有一些第三方模块，它本身不依赖于其他模块，比如jquery，lodash，不去编译这些库，会使得webpack打包更加快速noParse是个正则或者包含正则的数组 RegExp | [RegExp]

多页面配置 进击webpack 4 （基础篇一） 进击webpack4 （基础篇二：配置） ## 多页面配置 ## 多页面配置即是多入口 entry需要写成对象形式， 注意数组形式会变成多入口单页面， 因为打包之后的chunks 会合并成一个！ {代码...} 出口不能写同一个文件 用[name]代替 {代码...} 以上配置并不能多页面， 还需要2个html模板，...

前文：进击webpack 4 （基础篇 一） webpack.config.js基础配置 webpack 有4大概念 入口(entry) 输出(output) loader 插件(plugins) 入口与出口 {代码...} mode: 指定环境是development还是production 决定了打包出来的文件是压缩还是未压缩的 entry： 入口起点(entry point)指示 webpack 应该使用哪个模块，来作为构建...

本文为webpack的基础部分， 旨在如何从0搭建一个工程环境，并简单介绍打包之后生成什么代码， 并且介绍webpack的常用的各种loader，plugin的配置 跟解决了什么问题 本篇为第一篇

Promise 大家都知道怎么用， 但是对于内部的原理很多人都不是很清楚 来看一个面试题： Promise的then 是怎么实现的 首先来分析一下then then是属于实例上的方法 参数有2个，分别为onFulfilled, onRejected，并且都是可选的 可以实现链式调用 then执行要执行Promise onFulfilled 或者 onRejected 方法 参数onFulfilled，o...

今天来聊聊bind 关于之前的call跟apply 查看此链接 我们要明确4点内容 1. bind之后返回一个函数 {代码...} 2.bind改变this 并且可以传参 bind之后的函数仍旧可以传参 {代码...} 3.bind之后的函数做为构造函数执行，this是作为新的一个引用 {代码...} 4 作为构造函数时候 在原型上添加属性 实例能找到这个属性 {代码...} ...

稍微翻了一下call，apply， bind 的各种论坛上的文章， 发现讲的都太浅了，大部分都只讲了个用法， 对于实现的原理却都没有提，因此，在这里，我写下这篇文章， 希望能让大家认识到原理所在。

今天我们来聊聊前端的监控 我们为什么需要前端监控 ？ 为了获取用户行为以及跟踪产品在用户端的使用情况，并以监控数据为基础，指明产品优化方向 前端监控分为三类 性能项目 数据监控 异常监控 性能监控 - 衡量前端的性能的指标是时间 那么如何监测时间呢， 浏览器给我们提供了一个 API performance来看看里面都有什么吧...