明远湖之鱼

话说，我在面试的时候，80%的情况下，都会被问到首屏优化问题，烦，恨~ 所以，看到这里的前端佬就有福了，如题，藏着个小小的知识点，大家如果遇到同样情况，说不定有作用哦！ T...

随着移动互联网的迅猛发展，目前市面上「端」的形态多种多样，Web、App 、车载、微信小程序等各种端大行其道，同一个业务需求往往又需要在多端上去实现，针对不同端去编写多套代...

本文通过一个极简的 Web 模拟案例，从虚拟 DOM、桥接通信到 Diff 算法，分析了 React DSL 跨端渲染的核心机制。...

如果一个网页中包含比较多的图片,在页面加载时,会严重拖慢整个页面的加载速度,这就是我们今天要解决的问题. 这篇文章聊一下如何去优化图片,提高页面的加载速度....

一 前言 React 是一款非常受前端开发者青睐的 UI 框架, 它不仅可以应用到传统 web 领域，还可以应用客户端应用，小程序应用，甚至是桌面应用。 可以说前端领域半片...

目前很多互联网大厂的移动端开发都在朝着跨端动态化方向发展。由于快速迭代开发或者对原生包体积要求严格，及其对资源成本的把控，实现跨端动态化迫在眉睫。...

本文将围绕跨端框架技术的主题，分析其技术目标和 3 种演进方向，接着揭秘业内的自绘跨端方案的技术实现——包括 Kun、WebF、TDF、Weex 2.0、Waft 与 Mi...

许多 agent 教程比较偏概念的科普，看完了后还是不知道怎么编程，这里以能够上手编写一个 Agent 为目标，理解 LLM 的关键概念，掌握构建 Agent 的关键技术。...

本文介绍了 Agentic System 的定义（由 agent 与 workflow 组成，能自主解决问题）、相关产品，详解 agent（定义、能力等）和 workflo...

从零基于 Canvas 实现一个定制化的文本渲染器。本文将介绍如何在 Canvas 中处理文本计算（如何分词、分行、分页），文本绘制等技术方案。...

笔者在某个需求实现中使用了 opentype.js 这个库，用于绘制某些字体的 SVG 路径，现将一些使用过程记录在本篇文章中。...

本文介绍了使用Node.js和LLM搭建简易AI代码审查系统的方法，包括设计AI应用思路、提示词、NodeJS与LLM结合分析代码、AI Code Review实现步骤、核...

该篇主要是分享一个前端工程师学习 AI 的历程。你将学习到：如何选择学习路线、学习 AI 相关的基础概念、学习 AI 应用开发的基本技术方案、学习基于 LLM 开发一个简单...

AI 离前端并不遥远。 大家好！今天我们来从前端视角介绍一下AI Agent。 在过去的一年里，我们见证了大型语言模型（LLM）的飞速发展。从 ChatGPT 到各种开源模...

构建一个完整的 Vue 3 博客demo实现，包含类似掘金的主题切换功能，使用 CSS 变量和 Vue 的组合式 API。 1. 使用**css变量**定义两套主题，封装h...

一、前言 最近AI在线生成前端代码特别火，很多公司的PD都学会使用这类平台开始生成原型图了。例如blot.new、1D等一系列P2C、D2C的场景。 但这些应用都有一个特性...

本篇文章主要描述了笔者在开发过程中，巧用 Puppeteer + Cheerio 批量生成高质量 Emoji 图片的技术实现。...