XIY Blog

Thinking will not overcome fear but action will.

barrel files的危害

webpack

什么是 barrel files Barrel files，中文翻译为“桶文件”，是一种在JavaScript项目中常见的文件组织方式。它们通常是一个或多个模块的集合，通过一个入口文件（通常命名为index.js或index.ts）导出。这种组织方式可以提高代码的可维护性和可读性，但也可能带来一些潜在的问题。 Barrel files 本质上就是一种聚合多个模块并统一导出的编码模式，我们...

Posted by XIY on July 31, 2025

Depspy项目代码依赖功能核心讲解

Depspy项目代码依赖功能核心讲解

项目代码依赖实现功能 实现导出函数级影响面分析 假设我们在a.js有两个导出函数a1 a2,a1被b.js引用，a2被c.js引用，当更改a1时，影响的文件只会是b.js，而不会影响c.js，这就是函数级影响面分析。 插件参数 entry 指定入口，会从入口处开始分析，默认是index.html ignores 忽略某些文件，文件路径为 entry + ignore 路径 ign...

Posted by XIY on March 2, 2025

关于前端智能化的一些感悟

前端智能化

前端智能化是什么？ 前端智能化，顾名思义，就是将人工智能技术应用于前端开发中，通过机器学习、自然语言处理等技术，实现前端开发自动化、智能化。前端智能化可以帮助开发者提高开发效率，降低开发成本，同时也可以为用户提供更加智能化的用户体验。 前端智能化的应用与挑战 目前看到比较成熟的一些方面，一个是代码智能补全，一个是加入D2C里面。 代码智能补全已经非常成熟了，目前主流的IDE都支持代码...

Posted by XIY on February 1, 2025

输入url到显示页面有多少地方可优化

前端性能优化

从输入 url 到展示前端页面开始聊起 明明已经被问烂了但面试官还是喜欢问的面试题，它究竟有什么魔力让面试官一直问？ 面试官真的想知道从输入 url 到展示前端页面的整个流程吗？ 其实可能更关注的是其中一些值得优化的点！！！ 那么从整个流程看起，里面究竟有多少可以做性能优化的部分吧！ 输入url后：DNS解析如何优化？ 在我们输入url到渲染页面的过程中，其实有两类DNS解析。 ...

Posted by XIY on January 4, 2025

关于我抛弃vscode换上cursor的事

cursor

前言 VSCode 作为一个老牌的前端开发者的工具，受到了广大使用者的好评！自从入行以来，就一直在使用 VSCode，可以说是忠实用户了。 平常也有用代码提示和补全功能，但一直觉得不够智能，尤其是对于一些复杂的代码，提示不够准确，有时候还需要自己手动去补全。 但偶然间，了解到了 cursor 编译器，他是一个基于 vscode 开发的编辑器，加强了代码补全、代码提示等功能。 比之前用...

Posted by XIY on November 2, 2024

webpack 配置详解

webpack 配置详解

为什么需要打包工具 开发时，我们会使用框架(React, Vue), ES6 模块化语法, Less/Sass 预处理器等语法进行开发，这样代码想要在浏览器运行时必须经过编译成浏览器能识别的JS, CSS, HTML等，才能运行。 所以我们需要打包工具帮助我们完成这些事 除此，打包工具还能进行压缩代码，做兼容性处理，提升代码性能等 基本使用 它会以一个或多个文件作为打包的...

Posted by XIY on October 17, 2023

FEATURED TAGS
webpack frontend ai 杂谈 性能优化
ABOUT ME

热衷于各种有趣的项目!

✉️ 13638350628@163.com

FRIENDS