有仙则茗

这是一个非常经典的前端面试题，也是实际开发中容易产生误解的地方。 简单直接的回答是：这是由 W3C 标准明确设计的。sessionStorage 的设计初衷就是为了“隔离”...

瀑布流的介绍 瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。 特...

1、Tree Shaking 作用： 如果我们的项目中引入了 lodash 包，但是我只有了其中的一个方法。其他没有用到的方法是不是冗余的？此时 tree-shaking ...

webpack4和webpack5的区别？ webpack5增加了模块联邦。 webpack5默认支持了持久化缓存。 webpack5支持commonJS的TreeShak...

什么是XSS攻击？ XSS 攻击是什么？ (跨站脚本攻击) 想象你常去的社区公告板（这就是一个网页）。大家都可以在上面留言。 有个坏人，他不在公告板上写正常留言，而是偷偷写...

Babel 是一个 JavaScript 编译器，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和...

为什么需要数组初始化Map？ 想象一下这样的场景：你需要将API返回的用户数据列表转换成以用户ID为键的快速查询结构。传统方式需要循环处理，而利用数组初始化Map，一行代码...

初识两大路径变量 在Node.js的世界里，路径操作是每个开发者的必修课。当我们处理文件系统操作的时候，经常能看到这两个身影： 它们都返回路径字符串，长得也很像，但本质上代...

JS 迭代器是什么东西？为什么我们能用 `for...of` 遍历数组？为什么展开运算符 `...` 能把对象展开？这一切都源于 JavaScript 中的迭代器机制。...

webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpac...

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理...

1. 什么是 whistle？ 首先来看官网的定义是这样的： whistle 相当于一个连接客户端和远程服务器的“中转站”，当你向服务器发出请求后，代理服务器先获取用户的请...

介绍了前端性能分析工具，也介绍了包分析工具，还进行了项目优化实战，对第三方库进行按需引入，开启gzip压缩配置，进行代码分割等等，尽量减少构建包的大小，提升页面渲染速度。...

在前端领域中，tree-shaking指的是消除没被引用的模块代码，减少代码体积大小，以提高页面的性能。 在传统...

工作中接触到了移动端的开发，所以最近学习一下移动端相关内容。 移动端适配的目的 让拥有不同屏幕大小的终端设备拥有一致的 UI 界面，让拥有更大屏幕的终端展示更多的内容...

前言 此次不深入源码、不分析原理、只厘清一些易混淆概念及其关联。 本次将从通信演变历史的角度出发，一步步阐述概念及其作用。 通过本篇文章，你将了解到： 1、明文通信 大部分...

要搞清楚requestAnimationFrame和requestIdleCallback是宏任务还是微任务就必须要搞清楚下面这三个问题：...

valueOf和toString是Object.prototype的方法。一般很少直接调用，但是在使用对象参与运算的时候就会调用这两个方法了。我想大部分人都存在以下疑问： ...

单页面首屏优化，打包后大小减少64M，加载速度快了13.6秒 1. 静态文件缓存(js,css等)，图片和SVG进行压缩或者替换。 2. 删掉无用路由、引用的库（实际未使用...