摘要：
在这篇 webpack处理css资源 文章中使用几个常用的loader 来编译 css 代码。 但其实 loader 的配置方式不止一种，一起来看看其它方式~ 在 webpack.config.js 中，通过 module.exports 将配置导出，使用 css-loader 来处理以 .css 阅读全文
摘要：
上一篇文章 体验了webpack的打包过程，其中js文件不需要我们手动配置就可以成功解析，可其它类型的文件，比如css、less呢？ css-loader 首先，创建一个空文件夹，通过 npm init -y 初始化项目，项目结构如下 demo ├─ src │ ├─ css │ │ └─ inde 阅读全文
摘要：
webpack是一个前端工程化非常重要静态模块化打包工具，可以帮我们把 less、sass、esmodule、commonjs 等模块依赖处理成浏览器可识别的静态资源。 虽然webpack非常好用，但它可配置项和语法非常的多，还是比较难理解和掌握的，让我们从最基础的开始，一步步体验吧~ 不使用web 阅读全文
摘要：
“接口”和“泛型”是 TypeScript 相比于 JavaScript 新增的内容，都用于定义数据类型 前面两篇文章总结了TypeScript中的 类型注解、函数和类，这一篇一起来看看接口和泛型。 接口 使用 interface 关键字来定义数据类型 对象类型 当存在于较长的数据类型约束时，我们可 阅读全文
摘要：
上一篇文章总结了 TypeScript的类型注解，这一篇来聊聊同样重要的函数和类 函数 以下声明了一个函数类型，通过type来定义类型别名，void 表示没有返回值 type fnType = () => void; 作为参数 函数可以作为参数，传递到另一个函数中 type fnType = () 阅读全文
摘要：
TypeScript 可以看作是 JavaScript 的超集，不仅包含了 JavaScript 的所有内容，还拓展了语法、规定了类型约束，使得我们可以编写更干净、完整的代码。 类型注解 TypeScript提供了很多数据类型，通过类型对变量进行限制，称之为类型注解，使用类型注解后，就不能够随意变更 阅读全文
摘要：
关于直接赋值、浅拷贝、深拷贝的区别和图示，之前写json的文章里有介绍，可以参考这一篇 json虽然简单，但这些细节你未必知道 拷贝第一层 首先，我们定义一个最简单的浅拷贝，只要能够保存原对象的第一层数据就行~ function deepClone(value) { const newObj = { 阅读全文
摘要：
节流定义 某些频繁操作的事件会影响性能，"节流"用来控制响应的时间间隔，当事件触发的时候，相对应的函数并不会立即触发，而是会按照特定的时间间隔，每当到了执行的响应间隔时，才会执行响应函数。 节流案例 网络游戏中的"飞机大战"，键盘按键可以用于发射子弹，快速不停的敲击键盘，飞机不会不停的发射，而是以一 阅读全文
摘要：
防抖定义 某些频繁操作的事件会影响性能，"防抖"可以用来减少事件的响应频次，当事件触发的时候，相对应的函数并不会立即触发，而是会进行等待，只有等待了一段时间之后，事件停止触发，此时才会执行响应函数。 防抖案例 比如屏幕设定了1分钟的熄屏时间，如果用户在这1分钟之内，没有对电脑进行任何的操作，那么电脑 阅读全文
摘要：
浏览器架构 JavaScript运行在浏览器，BOM就是连接JavaScript代码和浏览器的桥梁，而DOM就是用来操作各种标签元素的。 BOM包括 window、history、location、document ... DOM包括 Document（整个文档）、Element（标签元素）、Cha 阅读全文