洪喵喵

最近MCP又火出圈，MCP+Cursor效率提升王炸组合，开发自己的MCP Server是新AI时代下前端的必备姿势，本文介绍将通过手把手带你实现一个简易的 TODO MCP Server，来带你快速

每天都在用的H5/小程序，你搞懂他们的区别在哪里吗？为什么选择小程序/h5，他们底层差异的原理在哪里？本文会深度对比h5、小程序，并从原理层面解析。

本文讲带你了解常见的Web安全问题如XSS、CSRF、中间人攻击，模拟场景以及讲解原理和防范措施。以及从设计一个登录系统为例，如何考虑安全问题，带你建立起Web安全意识。

详细介绍了H5和原生应用之间通信的必要性、常见场景、通信方式以及如何在Android和iOS上实现JavaScript Bridge。并介绍了如何在H5中构建一个通用的JSBridge库。

大型应用、多人协作、团队多项目开发、等场景增加了前端项目开发的复杂度，需要我们合理运用工程化手段来提效。代码共享是其中一种有效提效措施。只要了解不同方案，我们才能结合业务需要给出最合适的工程化解决方案

Http前端应该了解的知识点，包含缓存、状态码、请求头字段、Http1.0/1.1/2.0对比，狙击面试会问的Http所有知识点。

CSS 的前端工程化是指通过各种工具和技术来提高 CSS 的开发效率和质量，并且使得 CSS 更加易于维护和扩展。本文将介绍CSS预处理器、CSS模块化、自动化构建工具与CSS、CSS代码检查工具等知

模块化作为一种开发理念和技术实现，不仅让代码更易于维护，还能高效地管理依赖，提高开发效率。本文将带您深入探讨：1. 前端模块化的起源和演变；2. 不同时期的模块化方案及其特点3.模块化打包方案对比

React数据流管理方案 React Hooks革新了状态管理，但基于Hooks的数据流方案选择太多。本文将深度剖析主流React数据流方案，澄清其应用场景、设计哲学、优缺点，助你迅速其原理与选择