跳到主要内容

AI 时代的前端新范式

· 阅读需 8 分钟

背景

恰逢春节同时由于 DeepSeek 大火,导致 AI 和大模型成了家喻户晓谈论的话题。作为一个老前端也有点焦虑,前有“前端已死”的言论,后又有之前的 ChatGPT 火了一阵,到现在的 GitHub CopilotCursorWindSurf 等这种 AI 代码编辑器的出现,所以不禁也会在想前端未来的职业选择和前景,是不是应该需要学会 AI,需要在编程方式上的转变呢?

从聊天机器人到智能管家:AI、LLM、AIGC、AI Agent的区别

· 阅读需 4 分钟

当我们在谈论 AI 时,到底在说什么?

周末的咖啡馆里,小明正用 ChatGPT 写工作报告,小红用 Midjourney 生成插画,隔壁桌的智能音箱在播放天气预报。这些看似不同的"智能"背后,其实对应着不同的 AI 技术分支。让我们通过一个家庭生活场景,来认识这个 AI 技术家族:

统一工作台架构设计

· 阅读需 13 分钟

1. 背景

目前,很多公司内部“个体独立多系统+风格各异式+重复开发”的传统开发模式,存在效率低、页面固化、重复开发、各系统“技术+风格”不一致等缺点,难以形成统一用户体验且开发响应周期长,用户体验较差。

前端内存泄漏排查

· 阅读需 7 分钟

背景

当前项目的背景是一个同时支持 Web 和 Electron 的 ToB 的投研管理平台项目,最近用户反馈说网页使用一段时间后变得越来越卡顿,且用户有一个习惯就是一直打开应用不关闭。怀疑是不是出现了内存泄漏的问题?所以学习利用浏览器内核的 Chrome DevTools 的内存面板进行排查。

前端测试方案

· 阅读需 12 分钟

1、背景

当我们开启一个新项目的时候,相信都会对自己的每一个变量命名、参数设计、目录结构都经过了反复斟酌和多次修改,希望项目的设计哲学能够被后续的开发者理解并且参照着继续维护下去。然而随着项目需求数量的增加,迭代周期的拉长,开发人员的更替,最终代码风格和代码质量都会逐渐下降。于是研发同学开始设计出各类工具希望能够对代码的质量进行一定的限制,提前规避技术债务。

prefetch 和 preload 等的区别

· 阅读需 2 分钟

网络解析

  • dns-prefetch:DNS 预解析。<link rel="dns-prefetch" herf="//example.com">
  • preconnect:不光会解析 DNS,还会建立 TCP 握手连接和 TLS 协议(如果需要)。<link rel="preconnect" href="http://css-tricks.com">

Godzilla 前端框架简介

· 阅读需 6 分钟

Godzilla 是什么?

简单介绍下在公司从 0 到 1 参与实现的前端工程化整体解决方案。Godzilla,中文可发音为哥斯拉,一个高度集成的企业级 React 微前端应用框架。Godzilla 框架以低代码理念为指导,封装了众多金融资管业务属性的组件,能够帮助开发人员快速构建项目。除此之外,还可以利用 Godzilla 高效实现旧系统整合、异构技术整合,打造统一用户体验。

Formily 探究

· 阅读需 7 分钟

Fromily

Formily 是一个由阿里开发的面向中后台复杂场景的表单解决方案,它也是一个表单框架。

Formily 解决方案的本质是构造了一个 Observable Form Graph,在这个 Form Graph 中,我们抽象了整个表单领域模型,同时这个模型又是一个无限循环状态机。