关尔叔

最近刚好在看Elementplus源码，发现Elementplus使用BEM的方案非常的棒，本文就来结合ElementPlus的源码分析一下如何在项目中优雅的使用BEM命名...

前端实现换肤/深色模式的多种方案Demo，增加知识储备，奇怪的知识又增长了。emmmmmm，混一混摘要字数.........

要搞一个跨框架的组件库文档怎么下手？最近笔者在建设公司内部的组件库，其中就需要为vue2、vue3、react技术栈的中台系统提供基础组件以接入。于是，一个跨框架的组件库文...

组件在前端开发中越来越重要了，开发者更细分、聚焦于组件层面的开发，然后像搭积木一样完成应用功能。组件库可以统一管理组件，输出文档，能提升组件复用性、避免重复造轮子。赶快搭建...

什么是前端工程化，是我去年困扰我很久的一个问题，打开搜索引擎一搜，能找到四个关键字，模块化、组件化、规范化、自动化，但一看这几个字，更加迷茫了，没说解决了什么问题。大部分搜...

前言 前端工程流配置是前端工程师想要独当一面必须掌握的一项技能，这一篇详细讲述如果一个项目从0开始搭建，会涉及到哪些规范，如何使用，配置，以及遇到的问题。总结不易，觉得有帮...

CSS 预处理器用一种专门的编程语言，进行 Web 页面样式设计，然后再编译成正常的 CSS 文件，以供项目使用。CSS 预处理器为 CSS 增加一些编程的特性，无需考虑浏...

关于Vite和Vue3的讨论越来越多，看了官网的特性后，按捺不住尝试了一下。实际使用中，Vite还是挺多坑要踩的，但是Vue2.7更新的内容，结合社区生态，对业务实现和开发...

前端开发趋势总是在不断发展，有些趋势会长期流行。本文是 2023 年将突出的一些前端开发趋势，分享给大家~...

peerDependencies 表示同版本依赖，简单来说就是，如果你安装我，那么你最好也安装我对应的依赖。peerDependencies 中定义的依赖不会重复下载，但会...

有些图片（PDF文件）链接点开在浏览器能够直接预览，有些图片却只能够下载 基于这个问题，我们来研究一下看看为什么？...

测试是每个软件开发过程的关键部分。它可以大大降低项目成本，并可以提高团队的生产力。基本上有三种主要的测试类型： 单元测试—通过单元测试，可以测试代码中独立小片段，例如一个组...

端到端测试可以帮助我们确保 React 应用中所有的组件都能像我们预期的那样工作，而单元测试和集成测试做不到这样。 Puppeteer 是 Google 官方提供的一个端到...

TypeScript 给 JavaScript 加了套静态类型系统。其中，JavaScript 中的数组、对象等聚合多个元素的类型在 TypeScript 中对应的是索引类...

阿里三面的时候被问到了这个问题，当时思路虽然正确，可惜表述的不够清晰 后来花了一些时间整理了下思路，那么如何实现给所有的async函数添加try/catch呢？...

相信用过vue的小伙伴，肯定被面试官问过这样一个问题：在vue中动态的引入图片为什么要使用require 有些小伙伴，可能会轻蔑一笑：呵，就这，因为动态添加src被当做静态...

大家好，我是右子。 nuxt3现在已经正式发布nuxt@3.0.0版本了，之前的都是rc版本，很多功能相比之下比较稳定。...

本文将从一道小学语文题出发，由浅入深的讲述AST的设计原理以及各种衍生应用，在这过程中会手写各种好玩的插件，弄懂ESLint和代码压缩等这类基建原理，最后通过最佳实践直接助...