- 博客(15)
- 收藏
- 关注
RSS订阅
原创 微前端之桥接方案, 打破技术栈次元壁-实现无缝对接
是一种新的微前端解决方案,使用了一种巧妙的方法去实现了微前端架构, 只需通过调用高阶函数即可实现不同技术栈之间的互通微应用接入与原生技术栈应用毫无差异,不需要任何额外的信息在项目实践落地过程中,调研过和尝过不同的落地方案要么是兼容性问题,要么就是项目改造有点重, css 样式隔离也是一个头疼的问题. 于是 bridge 方案就此诞生了.现在有很多微前端方案, 为什么要用bridge方案? 先来总结和梳理一下目前主流的几种方法:1. 基于 Webpack 5 的 Module Federation优点：可实现
2025-02-11 16:40:05
1108
1
原创 V8引擎：一场关于速度与内存的十年博弈 (1)
TurboFan 和 Crankshaft 都是v8引擎的编译器, Crankshaft作为2017年以前的旧编译器, 2017年后被 TurboFan(JIT编译器)取代. (JIT 编译器即 Just-In-Time Compiler，是一种在运行时将字节码或中间代码编译为本地机器码的编译器技术)当你在Chrome中流畅运行Next.js应用时，不妨想象这三位机械师正在无声博弈：他们的每一次「妥协」，都在为你的代码争取多一毫秒的极致性能。2014年的测试数据显示，包含异常处理的函数执行效率骤降。
2025-02-28 07:33:22
1406
原创 前端设计稿转代码工具深度评测：从效率革命到落地困境
多数工具生成的代码存在冗余嵌套、过度使用绝对定位等问题，如文献指出Locofy Lightning会生成过多绝对定位布局代码，文献显示CodeFun生成的网格布局代码虽合理但缺乏语义化标签。文献显示UI2Code生成的代码与现有项目架构差异显著，需投入30%+时间进行适配，文献指出所有工具生成的代码都需要二次修改。文献实测蓝湖生成的页面还原度仅30%，文献显示所有工具均需人工调整才能达到95%+还原度。：工具生成基础框架（覆盖70%工作量），人工开发核心模块与交互逻辑，可提升综合效率40%+
2025-02-27 06:58:43
1614
原创 设计稿转代码技术原理深度解析
历史来源设计稿转代码（Design to Code, D2C）技术起源于低代码运动和设计系统的普及。早期前端开发依赖手工编码还原设计稿，效率低下且易出错。2010年代，随着Figma、Sketch等矢量设计工具的标准化，其基于JSON的结构化数据存储（如Figma的节点树）为自动化转码奠定了基础。2018年后，阿里Imgcook、微软Sketch2Code等工具首次将AI算法引入布局分析和代码生成，标志着D2C进入智能化阶段。
2025-02-26 08:55:06
2330
原创 想转行做春晚那种扭秧歌的机器人,大概要会点什么?
硬件层核心工作: 嵌入式开发,处理机器人驱动,处理传感器数据, 处理软件层指令,驱动机器人运动。软件层: 处理硬件层数据,根据数据特征调用不同api 驱动机器人行为 这一块的核心是算法。机器人编程: 传感器 - > 硬件层 - > 软件层驱动行动。传感器输入输出端: 接收信号反馈给硬件层,执行硬件层指令。类比人类大脑就是: 细胞传感器->大脑->思维驱动行动。硬件层要懂C++,C还要懂电路设计 硬件工程师的专场。传感器部分可能偏电气工程学 跟一般程序关系不大。软件层重点是算法, 要懂c++去跟硬件层沟通。
2025-02-25 16:16:34
447
原创 深度科普 - 大名鼎鼎的bun.js到底是什么? 它能否替代node.js? 是否能成为前端生态的未来?
聪明的小伙伴们,你们在接触bun时是否有过这样的疑问呢?bun.js是什么?它是如何诞生的?跟node.js的区别是什么?有什么优势?目前的发展情况如何了?他是否是前端的未来?随便在网上一搜索网页可能会告诉你:Bun.js 定位为 Node.js 的现代化替代品。它集成了运行时、包管理器、构建工具、测试框架等核心功能，并原生支持 TypeScript、JSX 和 Web API…
2025-02-24 16:09:13
2818
原创 DeepSeek-R1 671B VS DeepSeek V3，搭建和部署各自架构都需要什么样的硬件条件和成本? R1跟V3对比有何优劣,哪个更适合?
DeepSeek-R1 671B 的 B 指的是训练参数的单位 billion（十亿）同理1.5b = 15 亿, 7b = 70亿。
2025-02-23 10:39:40
4951
原创 技术前瞻: ECMAScript 2025 已定稿特性解析：让 JavaScript 更优雅
延迟模块加载预加载延迟执行→ 优化初始化性能动态 import按需加载即时执行→ 实现代码分割两者可组合使用：用预加载关键模块，用import()处理动态路由，达到最佳性能平衡。
2025-02-21 09:53:48
1575
原创 揭秘 CSS Houdini：用浏览器魔法解锁 CSS 的终极潜力
/ 自定义布局算法}));// 实现瀑布流逻辑});CSS Houdini 不是简单的 API 集合，而是一场思维革命。它打破了浏览器与开发者之间的次元壁，让 CSS 从「声明式语言」进化为「可编程接口」。设计师的想象力不再受技术限制性能优化从被动规避变为主动设计前端开发真正进入「造轮子」时代正如 CSS 工作组主席 Tab Atkins 所说：“Houdini 将 CSS 变成了一种可扩展的编程语言。
2025-02-20 09:35:54
1111
原创 Svelte 5 框架加速实时应用开发, 或引领未来前端编译式框架大爆发?
自从去年Svelte 团队发布了Svelte 5 稳定版，同样也是该项目历史上最重要的版本, 目前start已经上升到了80K+ , 也有越来越多的企业和项目投入了该生态.下面我们来看看它与众不同的几大点。
2025-02-18 10:05:04
2106
原创 Chrome 133 里程碑式更新 - moveBefore, 或开启前端框架未来新纪元?
这一方法虽然看似简单，但其意义重大，因为它能够在移动 DOM 元素时保留元素的状态。传统的 DOM 移动操作通常需要先移除元素再重新插入，这会导致元素的状态重置，而moveBefore则避免了这一问题。
2025-02-17 14:48:08
1089
原创 (奶妈级教程,万字长文) 手把手教你制作前端编译插件系列(2) - 如何制作一个js数字精度转换插件
遍历所有BinaryExpression(数字运算AST节点)表达式,匹配 +.-,x,/ 将对应的表达式转换成 plus,minus,times,div方法(这一部分有点难度) , 这样整段表达式就变换成链式调用的形式了。好啦, 大概是这几个核心api的作用啦, 当然真实的转换过程和顺序跟上面是不一样的,比如t.stringLiteral(importPath)应该是最先执行的, 在这里只是为了让大伙更直观的理解.好了, 那么到了这里最核心的功能我们就算实现了, 那看起来也没难度对吗?
2025-02-14 10:41:44
1066
原创 babel-loader 如何工作? 什么是babel-loader插件? babel-loader插件可以干什么? 如何制作一个babel-loader插件?
综上所述,理解了babel-loader的工作流程,这两个问题也就很好回答了,babel-loader插件是一个针对AST节点做增删改查的开放入口. 它可以让我们聚焦文件编译时的核心工作,跳过其他许多繁琐的步骤.用好babel-loader插件可以让我们更为轻松的去完成众多文件编译任务.
2025-02-13 11:08:40
827
原创 手把手教你制作前端编译插件系列(1) - 如何制作一个运行时的pxTovw插件
在移动端项目开发过程中我们一般会用到postcss将px像素单位转换成vw单位,可见这种方式比较繁琐, 那么有没有更方便的办法呢?为了避免错误的转换的还可以添加一个条件参数,转换符合添加的属性好了,但是如果每个组件都需要调用一次style2vw, 本质上对解放生产力也没有太大帮助, 我们可以利用编译工具自己制作一个编译插件自动帮我们注入工具函数,岂不美哉!
2025-02-12 17:37:13
842
空空如也
请问csdn许可相同的文章在其他平台发布吗
2025-02-13
为什么我的上榜文章链接无效
2025-02-12
TA创建的收藏夹 TA关注的收藏夹
TA关注的人