day day up
  文章分类
笔记 49 面试题 14 hexo 3 nginx 1
babel-runtime 如何缩小打包体积 babel-runtime 如何缩小打包体积
在前端工程化领域，包体积优化一直是一个备受关注的话题。随着项目规模扩大和功能迭代，打包后的文件体积逐渐膨胀。而对于网页加载速度和性能优化来说，减小打包体积是至关重要的一环。 为此，在这篇文章中，我们将探讨如何利用 babel-runtime
2024-04-11 笔记
javascript babel
基于webapck打包构建的优化难点 基于webapck打包构建的优化难点
随着项目选代，构建时间逐渐变慢，采用swc替代babel优化打包，使构建速度提升2倍，并试验性使用esbuild更是提高了接近3倍，构建物降低26% swc 和 esbuild 为什么快Js 的执行流程： 将源码转变成 AST 树很耗时
2024-03-02 笔记
webpack
Vue3 ref数组对象更新不及时一种解决办法 Vue3 ref数组对象更新不及时一种解决办法
问题在用vue3使用ref 时，有时遇到数组更新不及时的情况。具体就是 arr = ref([]); 在JS代码中更新arr.value = [1,2,3]; 通过控制台打印数据发现arr已经更新了，但是页面中的数据却迟迟没有反应。 原因V
2024-02-29 笔记
Vue
封装 axios 拦截器实现用户无感刷新 access_token 封装 axios 拦截器实现用户无感刷新 access_token
背景最近做项目的时候，涉及到一个单点登录，即是项目的登录页面，用的是公司共用的一个登录页面，在该页面统一处理逻辑。最终实现用户只需登录一次，就可以以登录状态访问公司旗下的所有网站。 单点登录（Single Sign On ，简称 SSO）
2024-02-27 笔记
javascript Axios
企业级项目是如何二次封装 Axios请求的 企业级项目是如何二次封装 Axios请求的
极致的优化和封装了 Axios 请求数据的体验(请求重试，请求缓存，请求竞态, 参数加密) 一、为什么要封装？随着项目规模增大，如果每发起一次HTTP请求，就要把这些比如设置超时时间、设置请求头、根据项目环境判断使用哪个请求地址、错误处理等
2024-02-22 笔记
javascript Axios
webpack 项目将 babel-loader 换成 swc-lodder 提升打包速度 webpack 项目将 babel-loader 换成 swc-lodder 提升打包速度
前言我们都知道 webpack 项目中默认的 loader 是用的 babel-loader，而在打包工具这么卷的今天 babel 打包的速度实在是不敢恭维… 今天给大家介绍一款号称比 babel 速度快 10 倍的 swc-loader
2024-01-21 笔记
webpack
Webpack本质 Webpack本质
Webpack本质上一种基于事件流的编程范例，其实就是一系列的插件运行 Webpack主要使用Compiler和Compilation两个类来控制Webpack的整个生命周期。他们都继承了Tapabel并且通过Tapabel来注册了生命
2023-10-23 笔记
webpack
如何选择Webpack和Rollup 如何选择Webpack和Rollup
Rollup 是一款 ES Modules 打包器。它也可以将项目中散落的细小模块打包为整块代码，从而使得这些划分的模块可以更好地运行在浏览器环境或者 Node.js 环境。 从作用上来看，Rollup 与 Webpack 非常类似。不过相
2023-10-15 笔记
webpack
Vue中组件和插件有什么区别 Vue中组件和插件有什么区别
编写形式1. 编写组件编写一个组件，可以有很多方式，我们最常见的就是vue单文件的这种格式，每一个.vue文件我们都可以看成是一个组件 vue文件标准格式 <template> </template> <scr
2023-07-09 笔记
Vue
九种前端常见的设计模式 九种前端常见的设计模式
1. 外观模式 外观模式是最常见的设计模式之一，它为子系统中的一组接口提供一个统一的高层接口，使子系统更容易使用。简而言之外观设计模式就是把多个子系统中复杂逻辑进行抽象，从而提供一个更统一、更简洁、更易用的API。很多我们常用的框架和库基本
2023-06-22 笔记
javascript
页面白屏如何优化 页面白屏如何优化
当用户点开一个链接或者是直接在浏览器中输入URL开始进行访问时，就开始等待页面的展示。页面渲染的时间越短，用户等待的时间就越短，用户感知到页面的速度就越快。这样可以极大的提升用户的体验，减少用户的跳出，提升页面的留存率。 一、概念白屏时
2023-05-25 笔记
javascript
实战项目中，常用的TS 实战项目中，常用的TS
1. 泛型的使用泛型可以让我们编写更具灵活性、可重用性和类型安全性的代码。在 TypeScript 中，泛型通常使用类型参数来定义一个通用的类型或函数，并在使用时指定具体的类型。 我们想编写一个函数来反转任意数组，假设我们不使用泛型，代码可
2023-05-22 笔记
TypeScript
2 / 5