YF小林犟

DNS预解析（dns-prefetch ）是前端网络性能优化的一种措施，它根据浏览器定义的规则，提前解析之后可能会用到的域名，使解析结果缓存到系统缓存中，缩短DNS解析时间，进而提高网站的访问速度。 DNS预解析能够让浏览器在用户访

2024-05-09 笔记

javascript

在前端工程化领域，包体积优化一直是一个备受关注的话题。随着项目规模扩大和功能迭代，打包后的文件体积逐渐膨胀。而对于网页加载速度和性能优化来说，减小打包体积是至关重要的一环。为此，在这篇文章中，我们将探讨如何利用 babel-runtime

2024-04-11 笔记

javascript babel

requestidlecallback它提供了一种机制，允许开发者在浏览器空闲时运行低优先级的任务，而不会影响关键任务和动画的性能。 requestidlecallback 执行阶段浏览器一帧里面做的任务处理事件的回调：用户的点击

2024-03-08 面试题

React

随着项目选代，构建时间逐渐变慢，采用swc替代babel优化打包，使构建速度提升2倍，并试验性使用esbuild更是提高了接近3倍，构建物降低26% swc 和 esbuild 为什么快Js 的执行流程：将源码转变成 AST 树很耗时

2024-03-02 笔记

webpack

问题在用vue3使用ref 时，有时遇到数组更新不及时的情况。具体就是 arr = ref([]); 在JS代码中更新arr.value = [1,2,3]; 通过控制台打印数据发现arr已经更新了，但是页面中的数据却迟迟没有反应。原因V

2024-02-29 笔记

Vue

背景最近做项目的时候，涉及到一个单点登录，即是项目的登录页面，用的是公司共用的一个登录页面，在该页面统一处理逻辑。最终实现用户只需登录一次，就可以以登录状态访问公司旗下的所有网站。单点登录（Single Sign On ，简称 SSO）

2024-02-27 笔记

javascript Axios

极致的优化和封装了 Axios 请求数据的体验(请求重试，请求缓存，请求竞态, 参数加密) 一、为什么要封装？随着项目规模增大，如果每发起一次HTTP请求，就要把这些比如设置超时时间、设置请求头、根据项目环境判断使用哪个请求地址、错误处理等

2024-02-22 笔记

javascript Axios

前言我们都知道 webpack 项目中默认的 loader 是用的 babel-loader，而在打包工具这么卷的今天 babel 打包的速度实在是不敢恭维… 今天给大家介绍一款号称比 babel 速度快 10 倍的 swc-loader

2024-01-21 笔记

webpack

一、Object.defineProperty定义：Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象为什么能实现响应式通过defineProperty 两个属性

2023-11-02 面试题

Vue

Webpack本质上一种基于事件流的编程范例，其实就是一系列的插件运行 Webpack主要使用Compiler和Compilation两个类来控制Webpack的整个生命周期。他们都继承了Tapabel并且通过Tapabel来注册了生命

2023-10-23 笔记

webpack

Rollup 是一款 ES Modules 打包器。它也可以将项目中散落的细小模块打包为整块代码，从而使得这些划分的模块可以更好地运行在浏览器环境或者 Node.js 环境。从作用上来看，Rollup 与 Webpack 非常类似。不过相

2023-10-15 笔记

webpack

一、http缓存 HTTP 缓存策略分为: 强制缓存和协商缓存为什么需要 HTTP 缓存呢 ? 👇 直接使用缓存速度 >> 远比重新请求快缓存对象有那些呢？👇 图片 JS文件 CSS文件等等二、强缓存强

2023-08-05 面试题

http