其实，这项技术早在 2013 年就已经开始在一些国外的网站中得到了大量的应用。由于它给网站带来了非常出色的视觉体验，现在已经有数不胜数的网站应用了这项技术。

近几年前端对 TypeScript 的呼声越来越高，Typescript 也成为了前端必备的技能。TypeScript 是 JS 类型的超集，并支持了泛型、类型、命名空间、枚举等特性，弥补了 JS 在大型应用开发中的不足。

React v16.8 引入了 Hooks，它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。这些功能可以在应用程序中的各个组件之间使用，从而易于共享逻辑。Hook 令人兴奋并迅速被采用，React 团队甚至想象它们最终将替换类组件。

浏览器缓存（Browser Caching）是为了节约网络的资源加速浏览，浏览器在用户磁盘上对最近请求过的文档进行存储，当访问者再次请求这个页面时，浏览器就可以从本地磁盘显示文档，这样就可以加速页面的阅览。

webpack5 预计会在 2020 年年初发布，之前从 alpha 版本就有关注，本次重点更新在长期缓存，tree shakking 和 es6 打包这块。具体变更可以参考[链接]。

socket简述 socket(双工协议)网络中的两个程序，通过一个双向的连接来实现数据的交换，我们把连接的一端称为socket socket特性 自带连接保持 可以实现双向通信 socket分类 基于TCP的socket 基于UDP的socket 基于RawIP的socket 基于链路层的socket socket实战 socketClient.js {代码...} socketServer.js {代码...} webso...

大多数 Node.js 核心 API 构建于惯用的异步事件驱动架构，其中某些类型的对象（又称触发器，Emitter）会触发命名事件来调用函数（又称监听器，Listener）

MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。是世界上最大的nosql(not only sql)数据库。执行mongodb数据库需要mongod环境和mongo环境。

Yarn 是 Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管理工具。就像我们可以从官方文档了解那样，它的目的是解决这些团队使用 npm 面临的少数问题，即：

正则表达式在几乎所有语言中都可以使用，无论是前端的 JavaScript、还是后端的 Java、c#。他们都提供相应的接口 / 函数支持正则表达式。

几乎所有的开发者都会面临着开发的网站存在加载问题，想要加快网页的加载速度。前端的页面更需要在性能优化上下功夫，只有这样才能实现更好的用户体验。本文从构建、浏览器渲染、缓存、PWA、服务端优化等多方面，梳理前端性能优化的技术点、综合分析技术的原理，根据不同的业务场景选择合适的性能优化点进行应用，最终为...

lodash和underscore是现在非常流行的两个javascript库，提供了一套函数式编程的实用功能。lodash是一套工具库，内部封装了很多字符串、数组、对象等常见数据类型的处理函数。

对于Web开发者而言，掌握HTTP协议是技术成长的必经之路。只有夯实HTTP基础，才可能在Web这条路上走的更远。 网络协议分层 经典五层模型 应用层 为应用软件提供了很多服务构建于TCP协议之上屏蔽网络传输相关细节 传输层 向用户提供可靠的端到端（End-to-End）服务传输层向高层屏蔽了下层数据通信的细节 网络层 网络层为数...

react生命周期 定义 生命周期函数指在某一个时刻组件会自动调用执行的函数 Initialization 进行props和state的初始化 Mounting: componentWillMount ---> render ---> componentDidMount render:当组件的state或者props发生改变的时候，render函数就会重新执行 componentWillMount:在组件即将被挂载到页面的时刻自...

之前一直使用的是mac自带的终端，由于之前命令操作较少，也就无所谓了。但是现在随着命令行操作的频繁，原有的终端开发效率太低，偶然发现了iTerm2，发现功能很强大也非常好用，下面总结一下安装步骤和相应的配置。

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。现在框架对于webpack都进行了

前端开发会经常用到一些图标。当ui妹子给你提供的图标不能满足你的需求时，可以在 iconfont.cn 上采集并生成自己的业务图标库，再进行使用。

答案是不会。因为必须要等到当前脚本的同步任务，全部处理完以后，才会执行setTimeout指定的回调函数f。也就是说，setTimeout(f, 0)会

出发点 git在日常生活工作中会经常回到，git的历史可读性及其重要，规范化的commit记录对于统一团队标准和后续代码 review和版本发布都极其重要。 基本规范 feat: 新增feature fix: 修复bug docs: 仅仅修改了文档，如readme.md style: 仅仅是对格式进行修改，如逗号、缩进、空格等。不改变代码逻辑。 refactor: 代码重构...

git在日常开发中是必不可少的工具，本文总结了日常开发常用的git命令 Git是什么？ Git是目前世界上最先进的分布式版本控制系统（没有之一）。 Git有什么特点？简单来说就是：高端大气上档次！ git与svn的区别 1、GIT是分布式的，SVN不是：这是GIT和其它非分布式的版本控制系统，例如SVN，CVS等，最核心的区别。 2、GIT把...

前端对于数据的处理一般会用到foreach、map、reduce、Object.values()、Object.keys()、Object.entries()等方法，下面逐次进行分析

store分发（dispatch）> action（有type表示将要执行的动作）> reducer纯函数，接受先前的state和action，返回新的state（switch（action.type）case根据type类型执行不同操作，进而改变state）