Github 相信已经成为家喻户晓的代码托管工具, 但访问了多位周围编程爱好者后发现, 对其的使用还仅限于 下载项目源码 和 备份项目源码 的程度, 今天我就来介绍一下一个比较重要的使用场景 贡献代码

前置知识：React的合成事件系统：reactv17之前，事件代理到document上，react17和react18中，则委托到根节点。冒泡阶段执行。执行顺序为：原生dom事件-》React合成事件-》原生ducument事件引用React合成事件封装了stopPropagation方法，e.stopPropagation可以阻塞合...

微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。

前段时间秋招面哔哩哔哩的时候，面试官问：如何实现 flat 方法？当时手写的并不完美，后来回盘复习，发现面试要求手写数组拍平（扁平化） flat 方法的面试官不在少数。其中包括：拼多多、小米、美团、滴滴、shopee、有赞等。手写 flat 方法是一道非常基础的面试题，...

koa被认为是第二代node web framework，它最大的特点就是独特的中间件流程控制，是一个典型的洋葱模型。koa和koa2中间件的思路是一样的，但是实现方式有所区别，koa2在node7.6之后更是可以直接用async/await来替代generator使用中间件，本文以最后一种情况举例。

Koa 是当下主流 NodeJS 框架，以轻量见长，而它中间件机制与相对传统的 Express 支持了异步，所以编码时经常使用 async/await，提高了可读性，使代码变得更优雅，上一篇文章 NodeJS 进阶 —— Koa 源码分析，也对 “洋葱模型” 和实现它的 compose 进行分析，由于个人觉...

盒模型的认识 基本概念：标准模型+IE模型。 包括margin,border,padding,content 标准模型和IE模型的区别 css如何设置获取这两种模型的宽和高 js如何设置获取盒模型对应的宽和高 根据盒模型解释边距重叠 BFC（边距重叠解决方案，还有IFC）解决边距重叠 一、基本概念：...

JS 里的操作符大家每天都在使用，还有一些 ES2020、ES2021 新加的实用操作符，这些共同构成了 JS 灵活的语法生态。本文除介绍常用的操作符之外，还会介绍 JS 里一些不常用但是很强大的操作符，下面我们一起来看看吧～

es6和nodeJS模块查找策略主要分这么三步： 路径分析【找到指定文件所在的目录在哪儿】 文件定位【在找到文件的目录后，找到指定的那个文件【不是文件夹】】 编译执行 其中我们需要重点分析的是前面两步。 由于不同类型的模块的路径分析、文件定位的策略是不同的，所...

简单的讲，带uid的都是vue的实例。根也叫根组件，和其他的组件没有本质区别，还有通过函数调用(像各个组件库的弹窗)这些，通过append讲dom添加到body里的也是。

浏览器对字体渲染大体思路 {代码...} Chrome和Firefox 超时时间为 3 秒 IE浏览器超时时间为 0 秒，即如果本地没有该字体，则直接使用备用字体 Safari一直等待下载，直到网络超时 这些不同策略将导致展示不受控制，甚至影响性能。所以出现了@font-face规则，以及其中...

Load事件：整个页面被加载，包括依赖的资源，如样式文件、图片DomContentLoaded: 初始的html文件被加载解析，不包括样式文件、图片、子框架等

`其实，promise主要是异步操作完成后，再执行指定操作。new Promise执行指定异步操作then中获得异步操作结果，并执行指定回调

在解读Dep,Observer和Watcher之前，首先我去了解了一下Vue的数据双向绑定，即MVVM，学习于:[链接]以及关于Observer和watcher的学习来自于：[链接]

JS模块化开发的标准 1. AMD ` {代码...} ` {代码...} 2. CMD {代码...} ` {代码...} 3. CommonJS {代码...} 对比 {代码...} 代表 {代码...}