推荐阅读人群：@nginx零基础的小伙伴们。因为最近进行了一次内部分享，所以落实到笔上，记录一番。 nginx [engine x] is an HTTP and reverse proxy server, a mail proxy server, and a generic TCP/UDP proxy server, originally written by Igor Sysoev. 如官网所说：nginx是一个HTTP和反向代理服务器、邮件代理服务器，也是一个通用的TCP/UDP代理服务器，最初由俄罗斯人Ig…

文章来源于我在组内给同事分享的 Immer 和 immutable 的使用和对比，总结一下。 两个库都是用来解决数据的Immutable 问题的。但是使用上有很大区别。 Shared mutable state is the root of all evil（共享的可变状态是万恶之源） Immutable 优点 Immutable 降低了 Mutable 带来的复杂度 可变（Mutable）数据耦合了 Time 和 Value 的概念，造成了数据很难被回溯。 节省内存 Immutable.js 使用了 Struct…

起因 因为部门前端系统越来越多，为了项目稳定运行、统计汇总、及时定位线上bug，急需前端埋点系统，并且对项目代码侵入性越小越好。所以急需一套react透明埋点方式。 组件写法 函数组件和类组件两种形式常用形式，还有就是createElement的写法，多用于写一些类库或者UI组件库使用。且前两种打包的时候也会转成后者。 侵入性最小且能在全局作用，只能从react入手了。劫持一波createElement。so，让我们先来撸一波源码。 ReactElement.createElement = function (ty…

context （上下文）个人理解就是当前环境 首先它是一个属性的有序序列， 并且可以驻留在环境里 有点像全局变量 存在于React 中 react 数据流 单项数据流 ，单纯在React 中 组件内 通过state交流。 父子组件通过props 传递 为了解决 层级传递的繁琐， 于是有了 context ， Context 旨在解决组件间的数据传递（Super-->Sub 间） 版本 情况 React 16.3 之前 只有 老版context API ，之后老版和新版（createContext）都有。共存…

WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。 Webpack的工作方式是：把你的项目当做一个整体，通过一个给定的主文件（如：index.js），Webpack将从这个文件开始找到你的项目的所有依赖文件，使用loaders处理它们，最后打包为一个（或多个）浏览器可识别的JavaScript文件。 Webpack4升级 webpack4官方已经于近…

简易版实现中几点必须的操作： 一个array middleList 来存储中间件 执行中间件的操作，循环 middleList 将每一项执行，或者使用shift 将切出的每一项执行 有next 、 done 函数 初始执行next class MiddleWare { constructor(data) { this.data = data; this.middleList = []; this.next = this.next.bind(this) this.done = this.done.bind(this)…

在网上发现了一片文章，比较全面的分析了一下JavaScript的执行机制，分析的很不错。外加自己的理解和经验分析整理一下。 首先我们要知道两点： JavaScript是单线程的语言 Event Loop是javascript的执行机制 1.关于javascript javascript是一门单线程语言，在最新的HTML5中提出了Web-Worker，但javascript是单线程这一核心仍未改变。所以一切javascript版的"多线程"都是用单线程模拟出来的，一切javascript多线程都是纸老虎！ 2.jav…

0长10时间没有好好的总结点知识了，最近过的真的太颓废了，看来是要好好的约束一下自己了。 由于前段时间在写公司的机器人程序（没办法，产品用户少，只能是做机器人大军来稳定一下局面不至于太难堪）用的基本上都是异步，各种异步请求等等。采用promise+async解决，现在来总结一下异步的方法。 异步是所有编程语言中都存在的一种流程处理方式，所谓"异步"，简单说就是一个任务不是连续完成的，可以理解成该任务被人为分成两段，先执行第一段，然后转而执行其他任务，等做好了准备，再回过头执行第二段。 解决异步的方法大概分为以下几种…

webpack2.2版本前段时间刚发布，查看了一下我的本地的版本还是1.14，升级一下，webpack2相对于1来说有一些变化，整理一下，方便使用。 一、loader的配置 1.取消了 modules.preLoaders, modules.loaders, modules.afterLoaders，统一变成了 modules.rules。 2.多个 loader 从之前的字符串链式拼接变成了 loader.use 数组形式。 旧的 loader 配置被更强大的 rules 系统取代，后者允许配置 loader 以…

上一篇文章介绍了ESLint的基本使用情况，这里在介绍一下ESLint配置文件中的一些细节问题。 如果我们使用ESLint的话可以： npm install -g eslint; //安装 eslint --init; //初始化项目，这会让我们回答几个问题，以自动生成初始eslint文件 eslint app.js //开始lint我们的文件 eslint app.js 只是单独lint一个文件，所以一般在项目中不会这么用，如何配合构建工具用，上一篇文章已经介绍了。这里不多说 这样我们在控制台会看到很多error…