破坏办公室

在JavaScript的class中，方法名前加星号即可定义生成器方法，返回Generator对象，支持通过yield暂停与恢复执行，适合懒加载或处理大量数据。生成器方法中的this行为与普通方法一致，不可用箭头函数替代，常用于遍历树形结构、分页请求、状态机及无限序列。

Bootstrap中实现大屏左侧滑出弹窗应使用offcanvas组件，而非强行修改modal。modal专为居中弹窗设计，方向更改会引发定位冲突与动画失效。offcanvas原生支持侧滑方向、键盘关闭及无障碍语义，维护更省心，且无需额外CSS调整，能自动适应不同屏幕尺寸，避免布局错乱。

禁用按钮应使用`button disabled=true`属性而非仅添加CSS类，因属性可阻止点击、提交及焦点；旋转加载图标需用Bootstrap5的`spinner-border`动态插入DOM；状态恢复代码统一放在`finally`块中，保证异常时也能执行；移动端另需设置`aria-disabled`、`tabIndex`和`pointer-events

VueRouter的`props`配置将路由参数映射为组件标准props，彻底解除组件对`$route`的强依赖，提升可复用性与可测试性。Vue2与Vue3均支持布尔、对象、函数三种模式，函数模式可灵活转换参数类型、控制权限。命名视图与嵌套路由需单独配置，Vue3完全兼容Vue2且TypeScript推导更强。建议统一使用函数模式实现组件解耦。

基于Lucide图标库，通过Vite插件实现按需加载，1737图标分5个chunk，首屏不加载，使用某图标仅加载对应chunk（约24KBgzip），总chunk数27，构建1 08s，菜单图标可配置更换。