webpack4系列开源课程
## 1. 什么是`webpack`?> 前端目前最主流的`javascript`打包工具，在它的帮助下，开发者可以轻松地实现加密代码、多平台兼容。而最重要的是，它为**前端工程化**提供了最好支持。`vue`、`react`等大型项目的脚手架都是利用 webpack 搭建。所以，学习`webpack`可以帮.....
批量修改log中的提交信息
事情的起因是这样的：迷恋的谷歌的我最近申请了一个新的 google 邮箱。然后果断在 github 上更新了邮箱地址，并且删除了之前的 163 等国内邮箱。回到 github 首页，我发现之前的项目提交记录都没了。到底什么情况(O_o)??看一张灾难现场图：仔细查找了相关资料，发现了是因为之前的提交记录中`A.....
CSS3盒模型：border-box
`box-sizing`可以声明计算元素高宽的 CSS 盒模型。它有`content-box`、`border-box`和`inherit`三种取值。其中`border-box`是 css3 新增，也是主流 UI 框架的全局默认属性。## 两种盒模型### `content-box`默认值，也是 css2.1.....
scss实现样式复用: 继承、占位符、混合宏
如何让 scss 代码可复用？三种复用方式分别用在何处？下方是一段自定义大小的样例 👇```Sass (scss)$height: 15px !default;$width: 18px !default;@mixin size($list...) { @if length($list) == 0 { .....
scss：最常见的css预处理器
`Sass` 和 `SCSS` 其实是同一种东西，我们平时都称之为 `Sass`。他们都是用`Ruby`开发 Css 预处理器，`boostrap4`已经将`less`换成了`scss`。## `SCSS`和`Sass``Sass` 和 `SCSS` 其实是同一种东西，我们平时都称之为 `Sass`。**他们.....
谈谈 promise/async/await 的执行顺序与 V8 引擎的 BUG
故事还是要从下面这道面试题说起：请问下面这段代码的输出是什么？```JavaScriptconsole.log("script start");async function async1() { await async2(); console.log("async1 end");}async fu.....
Promise: 常用 API 概述
## 关于`Promise`- `Promise`实例一旦被创建就会被执行- `Promise`过程分为两个分支：`pending=>resolved`和`pending=>rejected`- `Promise`状态改变后，依然会执行之后的代码：```JavaScriptconst warnDemo = c.....
算法系列汇总
> 作者：[心谭](https://github.com/dongyuanxin)，Web Developer本仓库是作者在学习 Web 开发过程中积累的笔记，主要以前端开发和算法题解为主，自 2018 年开始一直持续更新。如果这些笔记对你的学习有帮助，欢迎通过以下方式支持一下，你的支持是我持续维护的动力：-.....
前端系列汇总
> 作者：[心谭](https://github.com/dongyuanxin)，Web Developer本仓库是作者在学习 Web 开发过程中积累的笔记，主要以前端开发和算法题解为主，自 2018 年开始一直持续更新。如果这些笔记对你的学习有帮助，欢迎通过以下方式支持一下，你的支持是我持续维护的动力：-.....