元气少女冰

摘要： 前面文章中 体验了webpack的打包 、解析css资源 、处理图片字体等文件 接下来看看 plugins 有什么作用吧~ 项目路径如下，和上一篇 处理图片字体等文件 项目保持一致 demo ├─ src │ ├─ css │ │ ├─ index.css │ │ └─ file.css │ ├─ 阅读全文

摘要： 前面文章中 体验了webpack的打包 、解析css资源 ，接下来看看项目中常用到的图片、字体、文件该怎么处理吧~ 项目路径如下，在上一篇 解析css资源 项目基础上增加了一些文件 demo ├─ src │ ├─ css │ │ ├─ index.css │ │ └─ file.css （+） │ 阅读全文

摘要： 这篇 webpack处理css资源 文章中使用到的工具 browserslist 对于兼容性处理来说非常重要！这一篇来仔细说说。 查询兼容性 不同浏览器对于 css / js 的属性可能存在兼容性，具体可以通过 can i use 这个网站查询。 比如 css 中的 user-select 属性，用 阅读全文

摘要： 在这篇 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 = { 阅读全文