归档 | XMwarrior

2026

02

13

CSS Grid 生成器CSS Grid Generator 是一个帮助用户快速创建 CSS Grid 布局的交互式 Web 应用。该项目提供了一个可视化界面，允许用户设置列和行的数量及单位，并通过拖拽在网格中创建 div 元素。生成的 C

2026-02-13 工具分享

2022

05

26

js练习-手写数独

手写数独-步骤解析1. 生成默认表盘// 生成9*9宫格 function createBoard() { return JSON.parse(JSON.stringify(new Array(9).fill(new Arra

2022-05-26 js练习

js练习游戏

20

前端性能优化-内存泄漏问题分析

排查内存泄漏方法（Chrome）利用 Chrome 调试工具的内存快照： F12 => 内存 => 拍摄堆快照 => 摘要、比较、控制、统计信息重点检查 VueComponent

2022-05-20 前端性能优化

前端性能优化

2020

03

18

前端架构-单页面应用

前端架构原理本章前半部分讲解了MVC、MVVM架构的原理，针对此部分内容，我整理了两篇文章：架构模式-MVC 架构模式-MVVVM 前端架构选型框架选型需要考虑的因素：框架情况调研是否能满足大部分应用的需求？是否有丰富的组件库

2020-03-18 前端架构

前端架构读书复盘单页面应用

15

架构模式-MVVM

MVVMMVVM是Model-View-ViewModel的简写。简介与原理 MVVM是一种架构模式，并非一种框架，是一种思想，一种组织和管理代码的艺术。它利用数据绑定、属性依赖、路由事件、命令等特性实现高效灵活的架构。前端MVVM

2020-03-15 前端架构

设计模式 mvvm

15

设计模式-观察者模式&发布订阅模式

观察者模式定义了对象间的一种一对多的依赖关系。而发布订阅模式是观察者模式的衍生模式，它进一步解耦了发布者与观察者的依赖关系，并且能够更细粒度的控制依赖关系。观察者模式(Observer)Observer 定义观察者模式（Observer

2020-03-15 设计模式

设计模式观察者模式发布订阅模式

13

架构模式-MVC

MVC好的MVC架构，能实现View与Model层的分离、可替代。拥有条理、逻辑清晰的代码结构。简介与架构理念 MVC 是一种使用 MVC（Model View Controller 模型-视图-控制器）设计创建 Web 应用程序的模式。

2020-03-13 前端架构

mvc 设计模式

12

设计模式-中介者模式

定义中介者模式（Mediator Pattern）：定义一个中介对象来封装一系列对象之间的交互。中介者使各个对象不需要显示地相互引用，从而使其耦合性松散，而且可以独立地改变他们之间的交互。模式结构此处引用中介者模式的一段话。 Medi

2020-03-12 设计模式

设计模式中介者模式

12

设计模式

定义设计模式是为特定场景下的问题而定制的解决方案。特定场景指问题所在的重复出现的场景，问题指特定环境下你想达成的目标。同样的问题在不同的环境下会有不同的限制和挑战。定制的解决方案是指在特定环境下克服了问题的限制条件而达成目标的一种设计。分

2020-03-12 设计模式

设计模式