- 博客(7)
- 收藏
- 关注
原创 QianKun 前端微服务技术深度解析
通过代理(Proxy)对象来拦截和管理全局变量(如 window 对象)的读写操作,实现全局变量的隔离当微应用尝试访问或修改全局变量时,沙箱会捕获这些操作并进行处理,确保不会影响其他微应用乾坤使用 Shadow DOM 或 scoped CSS 来隔离微应用的样式,防止样式冲突对于不支持 Shadow DOM 的浏览器,乾坤会通过 CSS 前缀或其他方式来实现样式隔离乾坤会拦截和管理全局事件(如 click、resize 等),确保事件不会跨微应用传播通过事件代理和事件委托,实现事件的精确控制和隔离。
2025-12-30 11:46:39
1022
原创 Pinia 实战:志愿填报系统全局数据管理核心流程
核心是创建 Store 容器,用响应式+TypeScript 约束数据结构。关键动作:通过定义 Store,指定全局唯一标识(如用reactive包裹核心数据formData,实现响应式;通过TFormData接口严格约束字段类型(字段名、层级、数据类型);定义setXXX(存数据)、(适配后端)等工具方法并暴露。
2025-12-29 11:46:01
735
原创 全网最全!Tailwind/Unocss 类名速查表,前端开发必备神器!
Tailwind/UnoCSS 三大优势:开发速度快- 不用在CSS文件和HTML之间切换一致性高- 设计系统约束,团队协作无忧维护简单- 没有深层嵌套的CSS,没有命名冲突追求开发效率的前端工程师需要多端统一的团队个人开发者和小型项目需要高度自定义动画的页面老项目迁移成本高设计师主导样式的项目最后提醒:工具只是手段,设计思维才是核心。合理运用这些工具,才能写出既美观又高效的代码!关注我,获取更多前端干货!有任何问题,评论区交流!
2025-12-19 14:37:47
818
原创 Git协作开发实战指南:从拉取代码到安全提交
"在自己的分支上工作,通过PR/MR合并,永远不直接操作主分支。按照这个流程,你可以安全地进行团队协作开发,即使操作失误也不会影响他人。记住:Git是你的工具,不是你的敌人。大胆使用,谨慎提交!
2025-12-15 11:36:09
718
原创 Vue2 → React + TS + AntD Pro 整体迁移对比总结
JSX 更接近原生 JS,没有那么多语法糖。React 更规范、更安全,不会乱传参数。你现在只需把 index.tsx 放对位置,路由自动生效。。React 组件,非常灵活。
2025-12-11 20:44:08
876
原创 解决问题:vue2老项目:npm ERR! code ELIFECYCLE
Vue2老项目的版本兼容问题是前端开发中的经典难题,核心就是保持vue和版本严格一致。按照上述方案操作,95%的类似问题都能解决。
2025-12-10 11:25:22
336
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅
1