从复杂的框架到处理 API，有太多的东西需要学习。 但是，它也能让你只用一行代码就能做一些了不起的事情。 1. 获取一个随机布尔值 (true/false) 这个函数使用 Math.random() 方法返回一个布尔值（true 或 false）。Math.random 将在 …

以上是笔者平时针对自己项目或者公司项目累积的一点vue项目打包优化知识，也许你有更好的优化点，或者更好的优化方案，欢迎提供案例，学习学习。

前端模块化是前端工程化的第一步也是重要的一步；不管你是使用React，还是Vue，亦或是Nodejs，都离不开模块化。模块化的规范有很多，而现在用的最多的就是CommonJS和ES6规范，因此我们来深入了解这两个规范以及两者之间的区别。 CommonJS规范是一种同步加载模块的…

聊下来以后得出一些结论：这类读者普遍就职于中小型公司，前端人员个位数，平时疲于开发，团队内部几乎没有基础建设，工具很蛮荒。工程化对于这些读者来说很陌生，基本不知道这到底是什么，或者说认为 Webpack 就是前端工程化的全部了。 笔者目前就职于某厂的基础架构组，为百来号前端提供…

性能优化相关的文章其实网上挺多，但是大部分都是在讲如何优化性能，也就是讲方法论。但是在实际工作中，如何量化性能优化也是相当重要的一环。今天本文会介绍谷歌提倡的七个用户体验指标（也可以认为是性能指标），每个指标分别根据以下几点讲解： 首次绘制，FP（First Paint），这个…

MDN是这样来表述mask-image的。关于它的兼容性，你可以在这里看到Can i use mask-image。 而使用了mask-image之后，上述问题都不复存在。mask-image十分灵活，它支持一个特别炫酷的特性，就是渐变色（本质是背景叠加），它的表现原理类似于P…

JS 里的操作符大家每天都在使用，还有一些 ES2020、ES2021 新加的实用操作符，这些共同构成了 JS 灵活的语法生态。本文除介绍常用的操作符之外，还会介绍 JS 里一些不常用但是很强大的操作符，下面我们一起来看看吧～ 1. 数值分割符 _ ES2021 引入了数值分割…

前两天看到一个同事的代码，他写对象的时候会把key值都会加上""，于是我又重新复习了一下关于对象中的key值加不加""的知识点。 所以这里要分符合标识符情况和不符合标识符情况来说一下。 key加不加""，都一样，读取key对应的value有两种方式：obj["key"]和obj…

事情都要从我买的那个狗屁服务器说起，便宜是挺便宜的，99 块，但是只有 1 M 的带宽。 今天给大家扯一个 网络带宽 （以下简称“带宽”）的知识，你可能觉得我做前端的，关我屁事。但是这件屁事，总有一天会跟你产生微妙 🤏 的关系。本文主旨是通过讲解 带宽 的知识，结合浏览器并发…