摘要：
1.安装nodejs（建议装14版本稳定） 下载 | Node.js 中文网 装完之后会有一个命令叫 npm 可以在终端输入npm -v 来检查是否安装成功 2.构建vite项目官方文档开始 {#getting-started} | Vite中文网 vite 的优势 冷服务 默认的构建目标浏览器是能 阅读全文
摘要：
vue中使用postcss-pxtorem实现适配 场景:vue搭建移动端页面，main.js引入全局css报错。 原因：用了postcss-px2rem与postcss-px2rem-exclude导致的问题， 解决方案：卸载后postcss-px2rem， 安装使用postcss-pxtorem 阅读全文
摘要：
前端工程化，简而言之就是 软件工程 + 前端，以自动化的形式呈现。就个人理解而言：前端工程化，从开发阶段到代码发布生产环境，包含了以下几个内容 开发 构建 测试 部署 性能 规范 下面我们根据上述几个内容，选择有代表性的几个方面进行深入学习前端工程化。 脚手架 脚手架是什么？（What） 现在流行的 阅读全文
摘要：
前言 在上两章节中我们已经介绍过了 JavaScript 打包机制 以及 webpack 所有的内置配置，但当项目业务功能达到一定规模时，默认的配置已经不足以满足开发、用户的期望，我们就需要对 webpack 配置进行优化。 关于优化，有几个基本规则： 首先知道要优化什么； 针对待优化点进行优化； 阅读全文
摘要：
前言 webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于 webpack 阅读全文
摘要：
给大家讲讲“虚拟列表” 多数据渲染 现在解决多数据渲染，相信大家可能会想到分页，触底加载，懒加载等等，但其实虚拟列表也是多数据高性能加载的一个重要解决方案。 虚拟列表的概念 虚拟滚动，就是根据容器可视区域的列表容积数量，监听用户滑动或滚动事件，动态截取长列表数据中的部分数据渲染到页面上，动态使用空白 阅读全文
摘要：
IntersectionObserver API 使用教程 网页开发时，常常需要了解某个元素是否进入了"视口"（viewport），即用户能不能看到它。 上图的绿色方块不断滚动，顶部会提示它的可见性。 传统的实现方法是，监听到scroll事件后，调用目标元素（绿色方块）的getBoundingCli 阅读全文
摘要：
打包工具 rollup.js 入门教程 一、简介 打包工具的作用是，将多个 JavaScript 脚本合并成一个脚本，供浏览器使用。 浏览器需要脚本打包，主要原因有三个。 （1）早期的浏览器不支持模块，大型网页项目只能先合并成单一脚本再执行。 （2）Node.js 的模块机制与浏览器不兼容，必须通过 阅读全文
摘要：
后端一次给你10万条数据，如何优雅展示，到底考察我什么 前言 今天跟大家来唠唠嗑，如果后端真的返回给前端10万条数据，咱们前端要怎么优雅地展示出来呢？（哈哈假设后端真的能传10万条数据到前端） 工作 先把前置工作给做好，后面才能进行测试 后端搭建 新建一个server.js文件，简单起个服务，并返回 阅读全文
摘要：
看了就会，手写Promise原理，最通俗易懂的版本！！！。 resolve和reject 咱们来看一段Promise的代码： let p1 = new Promise((resolve, reject) => { resolve('成功') reject('失败') }) console.log(' 阅读全文