前言 关于 Event Loop 的文章很多，但是有很多只是在讲「宏任务」、「微任务」，我先提出几个问题： 每一轮 Event Loop 都会伴随着渲染吗？ requestAnimationFrame 在哪个阶段执行，在渲染前还是后？在 microTask 的前还是后？ requestIdleCallback 在哪个阶段执行？...

webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将这些模块打包成一个或多个 bundle。

默认忽略node_moudules,但是有些包可能并没有做好转化，所以需要我们转化vue官方也提供了比较好的属性transpileDependencies来将node_modules里面的部分包加到babel的转化如下配置，在vue.config.js中添加

点赞再看，微信搜索【大迁世界】,B站关注【前端小智】这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub [链接] 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。

在成为程序员之前，我干过很多工作。由于学历的问题（高中），我的工作基本上都是体力活。包括但不限于：工厂普工、销售（没有干销售的才能）、搬运工、摆地摊等，转行前最后一份工作是修电脑。这么多年，月薪没高过 3300...

上手chrome插件开发 比想象中要简单 项目基本目录 {代码...} 上手调试 打开chrome://extensions/ 开启开发者模式， 选择加载已解压的扩展程序 选中自己的项目文件即可上手调试 项目下文件解析 manifest.json 配置文件 {代码...} 上面提到部分的详细说明文档： permis...

学习目的 减少隐晦的 bug，让代码更加符合预期 轻量级的js类型检测，能快速上手和应用 安装 1.需要安装babel来转义flow 语法 {代码...} 2.安装flow {代码...} 3.启动flow后台服务 {代码...} 4.初始化项目 {代码...} 5.在需要执行类型检测的js文件顶部加入// @flow {...

v2.8.x 使用的目的 官网支持SEO 加载速度快(考虑服务端渲染) 技术栈扩展 静态部署 考虑到只是官网，更新较少，并且较少数据交互 选择了静态部署 在本地生成好了之后才上传到线上 具体开发步骤 基础项目搭建 yarn create kz-ow的方式构建项目 选择了element-ui 使用默...

1.通过node中的 superagent 模拟http请求，去读取豆瓣小组的信息，对读取到的信息通过cheerio插件进行解析格式化以便于获取body中的信息存储到mongodb中

标签 Img标签 属性 crossorigin 值： {代码...} 应用场景 {代码...} 兼容性 属性 srcset 描述 定义了我们允许浏览器选择的图像集，以及每个图像的大小。在每个逗号之前 代码案例 {代码...} 应用场景（响应式图片） 查看设备宽度 检查sizes列表中哪个媒体条件是第一个...

Canvas为前端提供了动画展示的平台，随着现在视频娱乐的流行，你是否想过把Canvas动画导出视频？目前纯前端的视频编码转换（例如WebM Encoder Whammy）还存在许多限制，较为成熟的方案是将每帧图片传给后端实现，由后端调用FFmpeg进行视频转码。整体流程并不复杂，这...

大概就是 利用 svg 的 foreignObject 标签, 嵌入 dom, 最后再利用 canvas 绘制 svg. 从而实现最终目的.

ES6 虽提供了许多新特性，但我们实际工作中用到频率较高并不多，根据二八法则，我们应该用百分之八十的精力和时间，好好专研这百分之二十核心特性，将会收到事半功倍的奇效！写文章不容易，请大家多多支持与关注！本文首发地址GitHub博客（含思维导图）

因为linux的开发者不想花钱，给cvs、svn等等类似的版本管理平台自己搞了一个git, 其实中间还有个小插曲，就是BitKeeper曾免费授权给他们用，但是他们没有遵守协议，然后才被收回免费使用权。

本人于7-8月开始准备面试，过五关斩六将，最终抱得网易归，深深感受到高级前端面试的套路。以下是自己整理的面试题汇总，不敢藏私，统统贡献出来。

<div>会被padding-bottom撑开，而padding-bottom的高度是64px，而不是32px！这证明了1em等于当前元素的字体大小（只有一个例外，下面会讲）。

先丢出最终版的index.js文件内容 {代码...} 步骤 一、创建工具项目 1.使用git/gitlab创建一个空的仓库 2.在空仓库中添加index.js 内容如下 {代码...} 使用工具到相应的项目（假设插件名称my-commit） 1.先发布你的工具项目到npm，相当于创建一个npm包、具体怎么发布 ...

骨架屏就是在页面数据尚未加载前先给用户展示出页面的大致结构,直到请求数据返回后再渲染页面，补充进需要显示的数据内容。常用于文章列表、动态列表页等相对比较规则的列表页面

一、命名规则（英文-直译） 1、文件命名 文件夹/文件的命名统一用小写保证项目有良好的可移植性，可跨平台 相关参考 2、文件引用路径 因为文件命名统一小写，引用也需要注意大小写问题 3、js变量 3.1 变量 命名方式：小驼峰 命名规范：前缀名词 命名建议：语义化 案...