前端工程化
37篇文章 · 0订阅
  • 同事写的console.log太多令人烦恼？来手撕一个vite插件去掉它
    前言 不知道各位同学在开发的过程中有没有遇到这样的一种情况：就是跟你一起合作做项目的同学调试的时候打了不少 console ，然后提交代码的时候没删。 打印得多了，可能就长成下面的样子。特别是有一些在
    前端 JavaScript Vite
    同事写的console.log太多令人烦恼？来手撕一个vite插件去掉它
  • 我把大型团队项目从 vite 前端迁移到了 rsbuild，收益如何？
    最近把我们团队的大型前端项目(2500+文件、30w+行代码)从 vite迁移到了 rsbuild。为什么要迁移？迁移后的收益如何？过程中有哪些坑？rsbuild 是否以稳定可用？本文将细细道来
    Vite 前端 前端工程化
    我把大型团队项目从 vite 前端迁移到了 rsbuild，收益如何？
  • 5分钟，带你迅速上手“Markdown”语法
    一、Markdown简介 Markdown是一种文本标记语言，它容易上手、易于学习，排版清晰明了、直观清晰。常用于撰写 “技术文档” 、 “技术博客” 、 “开发文档” 等等。 总之，如果你是一名开发
    Markdown
  • 前端项目如何自定义页面import排序？
    现在前端开发项目一般都会用 ES Module 模块化开发方式，这就少不了用 import 去加载相关依赖包或组件等。随着 import 语句使用量增加，就迫切需要某种规则约束当前页面的 import
    前端 JavaScript
    前端项目如何自定义页面import排序？
  • 解决import导入顺序杂乱无章的问题
    我们经常会遇到项目中的import语句顺序混乱的问题。这不仅会影响代码的可读性，还可能使我们代码在提交的时候产生不必要的冲突。
    前端 JavaScript Vite
  • 长列表渲染优化
    长列表其实可以分为两种，一种是元素不长但元素个数很多，一种是元素个数不多，但元素都很长。 针对第一种，我们采用传统的虚拟列表去优化渲染，而第二种就是本文的主要内容。
    前端 JavaScript React.js
  • 三种虚拟列表原理与实现
    在前端工作中免不了接触到虚拟列表，本文通过简单易懂的图和代码手把手教大家实现三种虚拟列表。看完本文，相信各位随手就能撸出一个虚拟列表！
    React.js 前端 JavaScript
    三种虚拟列表原理与实现
  • react-devtools超级简单安装教程
    1、获取react-devtools包到github上下载react-devtools文件到本地，下载地址：https://github.com/facebook/react-devtools/tre
    React.js
  • 一次搞懂数据大屏适配方案 (vw vh、rem、scale)
    当接到可视化大屏需求时，你是否会有以下疑问：如何做一款定制化的数据大屏？ 开发可视化数据大屏如何做自适应？ vm vh、rem、scale 到底哪种比较好？ 时间不够，有没有偷懒的方法？
    前端 数据可视化 ECharts
  • 一步一步手写一个自己前端脚手架cli工具
    1）#!/usr/bin/env node -> 我要用系统中的这个目录/user/bin/env的node环境来执行此文件，且需要注意必须放在文件开头。 1）package.json中bin：内部命令对应的可执行文件的路径。很多包都有一个或多个可执行的文件希望被放到PATH中…
    JavaScript