![](https://img-blog.csdnimg.cn/72ebc57f5b954589b0b29db3fdc53cfe.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端架构之路
文章平均质量分 85
深入前端架构体系,从底层逻辑到业务方法,共勉。
Yoo前端
Yoo前端,带来无限可能。
展开
-
高效前端开发:解密pnpm的存储与链接
PNPM(Performant NPM)是一种快速且节省磁盘空间的包管理工具。相较于其他包管理器如NPM和Yarn,PNPM通过独特的存储机制和链接技术解决了许多常见的问题。以下是PNPM如何避免这些问题以及其关键技术的详细介绍。原创 2024-07-05 15:10:59 · 201 阅读 · 0 评论 -
解决npm与yarn痛点:幽灵依赖与依赖分身
在现代前端开发流程中,包管理工具扮演着至关重要的角色,其中npm和yarn是两个非常流行的JavaScript包管理工具。虽然它们为开发者提供了极大的便利,但也存在一些痛点,特别是关于“幽灵依赖(Phantom Dependencies)”和“依赖分身(Dependency Duplication)”。原创 2024-07-05 15:08:25 · 617 阅读 · 0 评论 -
前端领域创作者纪念日:回顾与展望
在2048天前,我加入了CSDN。本文将带您回顾前端技术的发展历程,探索前端创作者的贡献,并展望未来的发展方向。原创 2024-07-04 10:05:03 · 347 阅读 · 0 评论 -
面试成功的不二法门:详解echarts答题章法
面试题在网络上有如海洋之深,对于同一知识点,每个人的理解也各有千秋。我们在面试中常常会遇到一个瞬息间脑海里一片空白的情况,其实这并不是因为我们不懂,而是因为我们在回答的时候缺乏一个清晰的思路。那么问题来了,我们如何能逐步唤醒自己的记忆,娓娓道来呢?原创 2024-06-24 16:22:50 · 882 阅读 · 0 评论 -
微前端之旅:探索Qiankun的实践经验
微前端作为一种新型的前端架构理念,正在被越来越多的开发者所接受和使用。在这篇文章中,我将分享我的一些关于使用 Qiankun 进行微前端开发的经验。无论你是刚接触微前端,还是已经在使用 Qiankun,我都希望这篇文章能给你带来一些启示和帮助。让我们一起启程,探索微前端的世界。原创 2024-06-07 15:11:32 · 1151 阅读 · 0 评论 -
面试成功的不二法门:详解Vue3答题章法
在纷繁复杂的面试世界中,如何突出?本文将解析Vue3的关键章法,帮助你更加自信地面对面试官的提问,增加你成功的几率。原创 2024-06-07 00:32:48 · 1334 阅读 · 0 评论 -
《如何在面试中娓娓道来》前端篇
面试题在网络上有如海洋之深,对于同一知识点,每个人的理解也各有千秋。我们如何能在面试过程中逐步唤醒自己的记忆,娓娓道来呢?原创 2024-06-04 16:36:31 · 430 阅读 · 0 评论 -
详解和实现数据表格中的行数据合并功能
如何允许用户自行选择多行数据,依据当前状态进行特定列数据的合并操作?同时,页面会即时反馈显示合并后的效果,提供直观的操作反馈。原创 2024-06-03 22:36:57 · 504 阅读 · 0 评论 -
前端设计模式之旅:命令模式
使用命令模式,我们可以将执行特定任务的对象与调用该方法的对象解耦。原创 2023-12-13 13:39:06 · 301 阅读 · 0 评论 -
如何设计vue项目的权限管理?
权限管理在一个vue项目中是至关重要的,不仅可以保护数据安全、隐私和合规要求,还可以提升用户体验和系统的可用性。通过合理的权限管理,可以实现精细化的权限控制,确保系统的稳定性和安全性。原创 2023-11-09 23:41:55 · 305 阅读 · 0 评论 -
vue3生命周期源码详解
Vue 生命周期钩子函数是在组件生命周期中执行的特定函数。这些钩子函数允许你在组件不同的生命周期阶段插入自定义的逻辑代码。让我们来看看源码是如何实现这些的。原创 2023-11-06 23:07:55 · 543 阅读 · 0 评论 -
Vue2和Vue3生命周期映射关系及异同
Vue的生命周期包含创建、更新、销毁等过程。看这里了解vue2与vue3的异同与映射关系。原创 2023-11-06 18:40:40 · 3842 阅读 · 9 评论 -
<Vue>使用依赖注入的方式共享数据
依赖注入的方式是通过provide和inject两个选项来实现的。provide选项允许一个祖先组件向下提供数据或服务给它的所有后代组件。inject选项允许一个后代组件接收来自祖先组件的数据或服务。这两个选项都可以是一个对象或一个函数,对象的键是提供或接收的数据或服务的名称,值是对应的数据或服务。函数的返回值是一个对象,具有相同的格式。原创 2023-11-05 22:38:31 · 463 阅读 · 0 评论 -
浅谈一下Vue3的TreeShaking特性
Vue3中的Treeshaking机制对优化包体积和启动速度起到很大作用。但还需要继续优化,以处理更复杂的应用场景。原创 2023-10-26 23:50:13 · 346 阅读 · 0 评论 -
根据递归原理设计一个简单的代码生成器
纯干货设计一个简单的代码生成器原创 2023-10-25 23:27:16 · 195 阅读 · 0 评论 -
对比Vue2和Vue3的自定义指令
vue3对自定义指令的实现做了大幅精简,通过钩子函数直接实现自定义逻辑,渲染层面不再处理自定义指令,以此简化了内部逻辑原创 2023-10-25 22:54:15 · 550 阅读 · 0 评论 -
深入探索JavaScript中的5种经典算法
深入探索JavaScript中的经典算法:优雅解决问题在这篇文章中,我们将会深入研究一些经典的 JavaScript 算法,并通过实际示例展示如何用简洁而优雅的方式来解决各种常见问题。我们将涵盖排序算法、搜索算法以及其他一些有趣且实用的算法。原创 2023-08-20 00:42:43 · 1142 阅读 · 2 评论 -
<Vite>HMR实现原理
Vite利用ES模块和浏览器原生支持、WebSocket通信、按需编译和替换以及局部更新等技术实现了高效的HMR特性。它能够在开发过程中快速响应代码更改并进行热更新,提供流畅的开发体验。原创 2023-08-13 23:54:02 · 348 阅读 · 0 评论 -
前端架构师的能力要求:打造可靠、灵活和可扩展的Web应用
在不断快速发展的前端领域,成为一名优秀的前端架构师需要具备多方面的技术与领导能力。他们担负着设计和实施复杂系统结构的重任,以确保Web应用程序能够稳定运行、高效工作并适应未来需求。本文将探讨前端架构师所需具备的关键能力,以及如何通过不断学习和实践来提升自己在这个角色中的技术影响力。原创 2023-08-13 23:35:10 · 328 阅读 · 0 评论 -
解决https页面加载http资源报错
HTTPS(HyperText Transfer Protocol Secure)是一种通过使用SSL/TLS加密通信来保护数据传输的协议,它确保了客户端和服务器之间的安全连接。当HTTPS页面尝试加载非加密的HTTP资源时,如何解决存在的问题?原创 2023-08-06 22:12:31 · 6364 阅读 · 0 评论 -
<git>如何快速上手并高效协同
Git可以在本地计算机上存储完整的版本历史记录,并允许用户在不同的分支上进行开发和合并。它还提供了许多工具和命令,用于管理代码库、协作开发、解决冲突等。原创 2023-08-06 21:40:08 · 1135 阅读 · 2 评论 -
<Tree Shaking>现代前端代码优化技术
Tree Shaking其原理是通过静态分析并标记未被引用的模块、函数、变量等,将其从最终构建结果中去除掉,进而达到减小文件大小和提升项目性能的目的。原创 2023-08-05 13:31:46 · 145 阅读 · 0 评论 -
【Acorn】JS解析器编译原理
Acorn在语法分析阶段使用了递归下降解析器(Recursive Descent Parser)的技术,它是一种自顶向下、从左到右递归地进行语法分析的方法。用于将输入代码序列转换为抽象语法树AST。原创 2023-07-26 23:44:23 · 1889 阅读 · 1 评论 -
<Babel> 前端语言的巴别塔
Babel取自人类语言最早的传说,Tower of Babel。上帝摧毁了巴别塔上说着共同语言的我们,又被Babel重新带了回来。如果说巴别塔是人们对混乱到秩序的向往,那Babel在前端领域就带给了工程师放飞语法的所有畅想。Babel 是一个工具链,主要用于将采用 ECMAScript 2015+ 语法编写的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中...原创 2023-07-17 00:43:12 · 1214 阅读 · 4 评论 -
<mixin混入>取并集是不是复用逻辑的最优解?
完整的混入为我们提供了逻辑思路,也带给组件构建过程中的引导。与此同时,可能那些我们并不需要的逻辑和数据片段也随这个过程带了过来。而选项式API的出现好像解决了这些冗余,它更像是对混入的思想迭代。原创 2023-07-20 11:01:04 · 738 阅读 · 2 评论 -
<Composition API>它是不是vue3的最大杀器?
Vue3以Composition API取代vue2中提供的复用逻辑模式mixin,并当作新版本最重要的功能之一推出。其作为mixin的完美替代者做出了哪些改变?随文章一起对比分析。原创 2023-07-24 00:37:21 · 129 阅读 · 2 评论 -
【AST抽象语法树】结构分析及特性
随着前端的不断发展,在越来越多的场景下,我们需要对源码进行转换、优化等操作,而AST作为中间的转化产物,提供了通用的方式来代替源码结构,并可以便捷的进行修改,进而生成新的结构输出源码。并且通过遍历和检查AST,我们也可以执行各种如类型检查的静态分析任务。总之,AST已经变成了在百花齐放的前端架构体系下,不可或缺的一门技术。原创 2023-07-26 00:45:16 · 480 阅读 · 0 评论