还在为 Vue 的底层原理发愁？本文系统梳理 MVC/MVVM、设计模式、渲染流程、Vite/Webpack 对比和性能优化五大模块，带你从根上吃透 Vue，为进阶打下最坚实的基础！

大家有没有遇到过这种情况：刚开始接手一个项目，或者自己从零搭一个新功能，一开始代码还挺清晰，逻辑也挺顺。但随着需求不断迭代，功能越加越多，代码就开始“放飞自我”了——各种逻辑绕来绕去，模块之间互相调用

大家好，我是双越老师。本文是 2025 前端 大前端 全栈 知识体系（上），用全面、体系的思维方式，整理前端和全栈所设计的所有知识点、工具和框架。希望能给大家的学习、工作和面试带来帮助。

这些基本概念有些可能不易理解但却都很重要，如果看完还是很不理解的话需要自己谷歌或百度，网上关于这些概念的文章不少。 “流”又叫文档流，是css的一种基本定位和布局机制。流是html的一种抽象概念，暗喻这种排列布局方式好像水流一样自然自动。“流体布局”是html默认的布局机制，如…

【导读】最近在面试，把一些前端高频面试题或知识点做一个总结，一方面自己做一个梳理和总结，另外一方面也分享给正在面试或有需要的朋友。 1.什么是 DOCTYPE， 有何作用？ Doctype是HTML5

回想起多年前，前端开发者常被戏称为“切图仔”，但就是这样的角色，通过精湛的CSS技巧，能够实现各种复杂的交互和特效，展现出前所未有的网页魔法。这是那些专注于服务端开发的工程师所难以企及的领域。

很早就阅读了电子版的《React技术揭秘》，后来听说出了实体书，果断就下单了 所以今天分享下最近的阅读心得 基本原理 概述 前端框架主要的作用是将数据的变化映射为UI的变化： UI=fn(state)

Emmet 语法的前身是 Zen coding，它使用缩写来提高 html/css 编写速度，VSCode内部已经集成该语法。本内容准备分两篇基础篇和高级篇详细说明 Emmet 的使用。

我个人理解的策略模式就是把原本 if…else 中的条件判断存到一个对象的 key 上，让原本命令式代码转变为申明式。极大的增加了代码灵活性和可读性。 这个写法用的好，代码可以写的赏心悦目。