09 2022 档案
摘要：序言 对于 webpack 来说， loader 和 plugin 可以算是需求程度最为广泛的配置项了。但是呢，单单止步于配置可能还不够。如果我们自己有时候想要 diy 一个需求，但是 webpack 又没有相关的 loader 和 plugin 。那这个时候我们可能就得开始造点轮子来供给自己使用了
阅读全文
摘要：前言 前端性能优化是一个老生常谈的话题，关于性能优化的技术文档和书籍都特别多。如果大家想深入学习前端性能优化相关内容，有以下推荐 雅虎军规35条 某东上搜“前端性能优化”，书籍也特别多。 但是前端性能优化做的所有工作，都和一个灵魂拷问有极大的关系： 在浏览器输入url后，发生了什么？ 首先url是一
阅读全文
摘要：谈谈你对webpack的看法 webpack是一个模块打包工具，可以使用它管理项目中的模块依赖，并编译输出模块所需的静态文件。它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript和静态文件（图片，字体）等，让开发更高效。对于不同类型的依赖，webpack有对应的模块加载器，而且
阅读全文
摘要：前言 对于入门选手来讲，webpack 配置项很多很重，如何快速配置一个可用于线上环境的 webpack 就是一件值得思考的事情。其实熟悉 webpack 之后会发现很简单，基础的配置可以分为以下几个方面： entry 、 output 、 mode 、 resolve 、 module 、 opt
阅读全文
摘要：说说浏览器缓存 缓存可以减少网络 IO 消耗，提高访问速度。浏览器缓存是一种操作简单、效果显著的前端性能优化手段 很多时候，大家倾向于将浏览器缓存简单地理解为“HTTP 缓存”。 但事实上，浏览器缓存机制有四个方面，它们按照获取资源时请求的优先级依次排列如下： Memory Cache Servic
阅读全文
摘要：AJAX const getJSON = function(url) { return new Promise((resolve, reject) => { const xhr = XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('
阅读全文
摘要：对line-height 的理解及其赋值方式 （1）line-height的概念： line-height 指一行文本的高度，包含了字间距，实际上是下一行基线到上一行基线距离； 如果一个标签没有定义 height 属性，那么其最终表现的高度由 line-height 决定； 一个容器没有设置高度，那
阅读全文
摘要：0.1 + 0.2 0.3 嘛？为什么？ JavaScript 使用 Number 类型来表示数字（整数或浮点数），遵循 IEEE 754 标准，通过 64 位来表示一个数字（1 + 11 + 52） 1 符号位，0 表示正数，1 表示负数 s 11 指数位（e） 52 尾数，小数部分（即有效数字）
阅读全文
