Leoven

本文着眼于梳理业界微前端技术的发展脉络、在主流产品中的应用情况，以及目前不同技术方案之间的架构和核心原理对比，只关注精华部分，不纠结于技术细节，帮大家快速建立起对微前端整体...

目前ai浪潮如火如荼，相信各位同行都接过不少 AI 项目。今天和大家分享一个实用场景：如何用 Vue3 实现类似豆包的模板式智能输入框。...

效果说明 本案例实现了一个文字粒子化的动画效果。将文字转换为由多个彩色粒子组成的形状，粒子会从随机位置移动到文字轮廓上，形成动态的组合效果。...

今天就结合实战经验，聊聊 Vite+Vue3 生态下最主流的 5 种微前端方案，附代码示例和选型指南，看完直接抄作业～...

相信不少前端同学对 Chrome 扩展插件并不陌生：比如能屏蔽广告的 Adblock、自定义标签页的 Infinity 新标签页、格式化 JSON 的开发小工具、截图工具，...

多年来，我们一直被灌输“微服务是未来”。 “把所有东西拆分成小型独立服务，”他们说，“让团队独立扩展，部署更快，行动更敏捷。” 但最近出现了奇怪的现象。那些已经迁移到微服务...

前端工具链的进化历程 十多年来，前端开发工具链围绕代码质量不断演进： JSLint：开创性的代码检查工具 ESLint：模块化与插件体系的里程碑 Prettier：自动化格...

实现的效果: 核心设计原则 四个要点：Web安全、高可用、易拓展和性能 站得高才飞得远，怎么在众多markdown渲染库和清理恶意 HTML的库中技术选型呢？ 清理恶意 H...

经过一上午反复打磨，我完成了基于Axios的HTTP客户端封装。它实现统一错误处理、请求取消、自动重试等功能，支持TypeScript与多实例管理，解决了诸多开发痛点。...

在 H5 项目中，我们会经常遇到页面中存在单个甚至多个 input/textarea 输入框与底部固定元素的布局情况。在 input/textarea 输入框获取焦点时，会...

Framer Motion 是 React 领域常用的动画库，目前 GitHub 22k Stars，Npm 周下载量 300W，算是 React 领域做动画主流的技术选型...

使用javascript和css制作带有点赞 反馈动效 的点赞按钮, 使用css和javascript编辑SVG图片格式的点赞图标....

“干掉虚拟 DOM” 的口号喊了好几年，现在 Vue 终于动手了。 就在前天，Vue 3.6 alpha 带着 Vapor Mode 低调上线：编译期直接把模板编译成精准 ...

✨ 为什么需要这套配置？ 🎨 统一代码风格：告别团队成员间的代码格式争论 🔒 强制规范检查：提交前自动检查，确保代码质量 📝 规范提交信息：标准化 Git 提交信息，...

什么是live2D技术？可以用来做什么？ 请点击看效果：http://ashuai.work:8890/#/16 简而言之： 可以用来创建虚拟角色、数字人的技术 达到类似于...

最近投稿了阮一峰周刊 to-unocss 的网站。 这个网站可以直接将 style 转换成 UnoCss 语法, 他内部使用了 transform-to-unocss 的库...

就在昨天，尤雨溪发了两条推特说明了 vue 生态的完整性和本身的独特性！ 第一条 第二条 今天我们仔细看看这些库都是干嘛的！ 第一条推特：React 有的我都有！ Fram...

通过markdown-it, 渲染自定义内联或块级规则的markdown 在有道小P app中，有大量的地方需要做流式渲染，并需要支持markdown，且要根据需求自定义规...

以前准备做一个网页版聊天界面，表情啊、图片啊、上传文件啊都应该要有，视频就算了，语音还是要的。 如是，就有了这个轮子。 在线测试，支持大部分已实现getUserMedia的...

今年大部分时间都是在编码上和写文章上，但是也不知道自己都学到了啥，那就写篇文章来盘点一下目前的技术栈吧，也作为下一年的参考目标，方便知道每一年都学了些啥。 我的技术栈 首先...