
前端工程笔记
文章平均质量分 93
余生H
I AM A I,身上的刺蜕了,只想静静欣赏世界的美。前端、Nodejs后端、容器化云原生、LLMs、CV
展开
-
前端工程反思 - 从 YOLO、Vant 等知名开源项目上游依赖被注入恶意挖矿应用谈谈 FOSS 的信任危机
之前在知乎就看到过相关的回答,有人提问如何让自己被辞退后代码就不可用,有人就提到了自己弄一个知名库的版本例如lodash.js然后引入,如果被辞退了,就改这个依赖,注入一些随机性的行为让错误不容易被发现。没想到,真有人这么做了!然而,近期频发的供应链攻击事件,让人们对开源软件的信任产生了前所未有的危机。开源软件的繁荣是技术界的伟大成果,但供应链攻击表明,我们不能只享受开源的便利,而忽略其潜在风险。原创 2024-12-23 15:23:14 · 1033 阅读 · 0 评论 -
前端代码质量量化:单元测试如何权衡代码覆盖率与开发用时
在前端开发中,代码覆盖率是测试的基石,而测试的准确性是其灵魂。通过合理分配时间和资源,分阶段提升覆盖率与断言质量,可以在有限的开发时间内实现测试的最大化价值。进一步结合变异测试、用例审查等方法,将帮助开发团队实现更高质量的前端测试。测试是一个不断优化的过程,随着工具与技术的发展,测试质量的提升之路也会变得更加清晰可行!原创 2024-11-17 21:47:10 · 1252 阅读 · 0 评论 -
前端工程反思笔记:从 CDN 依赖包被删导致个站打不开到数年前因11 行代码导致上千项目崩溃谈谈npm黑洞- 统计下你的项目有多少个依赖吧!
前端项目中的依赖管理问题需要引起更多开发者的重视,我们应该意识到依赖管理中的风险与隐患。减少不必要的依赖、重视模块设计、合理管理版本,是提升前端项目稳定性的重要手段。同时,我们也应当关注开源库的所有权和维护问题,支持那些为社区作出贡献的开发者,让开源生态变得更加健康和可持续。发布包、使用第三方包的时候,好好管理下依赖,不要一股脑的安装,最好选择0运行依赖的开源库。原创 2024-10-22 15:21:11 · 1066 阅读 · 0 评论 -
前端优化:从Vue/React/Svelte的数组更新->渲染策略剖析数组大列表数据展示优化策略
Vue、React 和 Svelte 各有优势:Vue 的响应式系统简化开发,React 利用虚拟 DOM 提供高效更新,Svelte 通过编译时优化提升性能,Web Components 则提供原生封装与复用,本文对比下各种方式大列表渲染、更新时的策略,谈谈大数据列表的优化策略和方案原创 2024-10-20 21:07:38 · 1525 阅读 · 0 评论 -
微前端架构的思考 :专注于多框架的并存可能并不是唯一的方向 — 探讨新前端的分层式微前端架构
传统的微前端架构通过技术栈的分离解决了大型前端项目中多团队、多框架共存的难题,但在面对复杂业务逻辑、高交互性需求的现代🌐Web应用中,显得越来越力不从心。分层式微前端架构通过展示层与业务层的解耦以及基于功能模块的横向拆分,更好地应对现代前端的复杂需求。未来的前端架构将通过更加细致的功能模块拆分和灵活的业务逻辑分发,构建高性能、高扩展性、易维护的系统。这一思路不仅适用于传统🌐Web应用,也适用于更复杂的交互场景,如📹音视频处理、🤖AI集成和大规模实时数据交互。原创 2024-10-16 10:02:46 · 1296 阅读 · 0 评论 -
JS异步编程进阶(一):Callback、Promise、Async/Await 和 Observable 深度对比
Callback ,Promise,Async/Await 是场景的异步流程实现方式,简单的场景下够用,但如果业务过于复杂,你可能需要一种新的模式来简化复杂的流程了。例如需要后台持续执行、非一次性完成、有很多个中间处理过程的场景原创 2024-10-14 09:34:02 · 1354 阅读 · 0 评论 -
前端的混合全栈之路Meteor篇(三):发布订阅示例代码及如何将Meteor的响应数据映射到vue3的reactive系统
Meteor3.0的发布-订阅模型使得开发实时应用非常高效。服务器端可以通过简单发布或自定义发布来灵活地控制数据的发布,客户端则可以通过订阅获取数据,并通过等机制实现自动化的 UI 更新。这种架构能够确保客户端总是与服务器端的数据保持同步,不需要定时或者在某个时机去获取最新数据。原创 2024-10-04 21:16:20 · 1121 阅读 · 0 评论 -
漫谈前端:2025年框架是该选vue还是react?
写给入行不久的前端小伙伴的一篇对比文,vue/react的应用要点对比和应用场景漫谈。多修也是不错的选择,会让你掌握到不同框架的关键点呢原创 2024-09-29 14:42:13 · 6563 阅读 · 3 评论 -
前端工程记录:Vue2 typescript项目升级Vue3
本文主要讲的是如何讲一个vue2的typescript项目升级为vue3的流程、注意事项,以及一些个人经验总结原创 2024-09-24 17:35:32 · 1167 阅读 · 0 评论 -
《拿下奇怪的前端报错》:npm install卡住了一个钟- 从原理搞定安装的全链路问题
npm install卡住了,删除node_modules有80%的概率解决问题。本文将介绍额外的一些场景,教你依赖安装的原理以及如何定位和解决办法。原创 2024-09-19 15:30:55 · 2849 阅读 · 0 评论 -
《拿下奇怪的前端报错》:nvm不可用报错`GLIBC_2.27‘‘GLIBCXX_3.4.20‘not Found?+ 使用docker构建多个前端项目实践
如果宿主机无法安装高版本nodejs,但已经装好了docker,那就用docker来构建前端app,这样就无需进行nodejs版本管理了原创 2024-09-18 14:39:01 · 1523 阅读 · 0 评论 -
vue2+js项目升级vue3项目流程
升级到 Vue 3 是一个值得投入的过程,它可以为你的项目带来更好的开发体验和性能。在升级过程中,需要仔细规划、逐步推进,并注意可能遇到的问题。原创 2024-09-16 08:54:54 · 1563 阅读 · 0 评论