余弦の博客

本文系统介绍了 Redux 的核心概念与实现原理，包括单一不可变状态树、状态只读、通过 Action 触发状态变化、使用纯函数（Reducer）描述状态变更等三大原则，并通过一个简易计数器示例演示了 Reducer 的编写与测试。文章还详细解释了 createStore 的核心方法：getState、dispatch 和 subscribe 的作用与实现机制，帮助学习者理解 Redux 的状态管理逻辑和实际应用流程。

本文介绍了 JavaScript 中常见的设计模式，包括单例模式、观察者模式（发布订阅）、原型模式、代理模式和迭代器模式，并结合浏览器和前端框架（如 React）的实际应用场景进行说明。文章强调设计模式并非万能解决方案，真正理解和掌握需通过项目实践，在实际开发中学习和应用。

文章介绍了 React 中事件处理、列表 key 的使用、表单（特别是受控组件）以及状态提升的核心概念。强调事件处理应使用函数而非字符串，通过 preventDefault 阻止默认行为；key 用于标识列表元素，确保在兄弟节点间唯一；表单通过受控组件由 React 状态管理，实现数据与 UI 的单向数据流；状态提升是管理共享状态的最佳实践，通过将状态集中到父组件实现数据一致性与可维护性。

文章介绍了小程序的发展历程、业务价值与技术原理，重点讲解了其在渠道导流、业务试错和数字升级方面的三大价值，并通过实现一个简易番茄钟小程序，演示了小程序的开发流程与语法结构。同时对比了小程序与Web的区别，分析了其在安全管控、开发门槛和用户体验上的优势，并介绍了跨端框架通过AST语法树实现多端兼容的原理与局限。

文章系统介绍了Web多媒体技术的发展历程与核心概念，从PC时代Flash插件到移动时代HTML5和Media Source Extensions的兴起，重点讲解了图像与视频的基本参数（分辨率、深度、帧率、码率等）、视频帧类型（I/P/B帧）、时间与解码戳、视频编码原理（空间、时间、编码与视觉冗余去除），以及封装格式、HTML5多媒体元素和MSE API的应用。通过HLS等流媒体协议，实现视频的分段加载、自适应清晰度切换和流畅播放，广泛应用于点播、直播、云游戏等场景。

文章介绍了前端视角下的游戏开发，强调前端与游戏开发并非对立，而是可以融合。通过介绍Cocos Creator、PixiJS等主流2D游戏引擎，阐述了其在Web端开发中的应用、核心功能（如渲染、动画、物理、音效）及开发流程，并以实际案例和工作流说明了如何从零开始构建和发布一个前端小游戏。

本文介绍了TypeScript的发展历程、核心语法与优势，强调其作为JavaScript超集在静态类型检查、代码可读性、可维护性及团队协作中的重要作用。通过基本类型、泛型、联合与交叉类型、类型保护与守卫等高级特性，TypeScript提升了开发效率和代码安全性，并在Web和Node工程中通过配置tsconfig.js和构建工具实现实际应用。

本文详细介绍了WebGL的核心概念与工作原理，解释了为何WebGL复杂且需要理解GPU渲染管线，包括光栅化、帧缓存、顶点与片元着色器等过程，并对比了Canvas 2D等其他图形技术，最后列举了多个实用的WebGL相关库和学习资源。

本文系统讲解了前端工程化工具Webpack的核心概念、配置与使用，重点介绍了其打包流程、Loader与插件机制，并通过实际案例演示了如何配置Webpack处理CSS、Less、Babel、HMR、Tree-Shaking等功能，帮助开发者理解前端资源管理的自动化流程与工程化优势。文章强调了Webpack在模块化、代码分离、性能优化等方面的实践价值，并引导学习者掌握核心配置、Loader链式调用及插件开发原理，为构建现代化前端项目打下坚实基础。

本文系统讲解了Web安全中的常见攻击类型及其防御方法，重点介绍了跨站脚本攻击（XSS）、跨站请求伪造（CSRF）、SQL注入、DOS攻击等核心威胁，并从黑客和开发者的视角分析了攻击原理与防御策略，强调了“永不信任用户输入”和“同源策略、CSP、HTTPS”等安全实践的重要性。