 雨霖铃
|
aaefc9c3fc
|
feat(sidepanel): 实现基于组件的架构并优化路由管理
- 引入 BaseComponent 基类统一管理事件、定时器和脚本加载
- 重构 timestamp 模块为继承自 BaseComponent 的类组件
- 新增 ScriptManager 工具类用于动态加载和卸载脚本
- 修改路由配置支持按需加载页面对应的 JS 模块
- 路由切换时自动销毁旧组件实例以防止内存泄漏
- 更新文件引用路径适配新的目录结构
- 修复 rollup 配置中的语法问题及端口配置
- 移除无用的日志输出和冗余代码提升性能
|
2025-12-12 00:01:00 +08:00 |
|
|
雨霖铃
|
884fc09750
|
```
feat(router): 引入路由系统并重构页面结构
- 为项目引入基于 hash 的前端路由系统，支持多页面切换与动态加载
- 将原有单一 bundle 拆分为多个入口打包（index.js 和 timestamp.js）
- 修改 Rollup 配置以支持多输出文件及插件共享
- 更新 HTML 结构以适配路由容器和页面占位元素
- 调整 CSS 样式，移除旧的页面切换动画，交由路由控制
- 优化 domUtils 工具函数，并迁移部分样式处理逻辑
- 在 timestamp.js 中封装初始化函数以便路由调用
- todolist 页面模板新增，用于后续功能开发
```
|
2025-11-27 23:04:24 +08:00 |
|
|
雨霖铃
|
ed6053473d
|
https://github.com/biaochenxuying/route添加实现路由的代码-L1
|
2025-11-25 01:07:46 +08:00 |
|
|
雨霖铃
|
bc1943dc16
|
```
feat(dev): 添加开发服务器与热重载支持
- 新增 `npm run dev` 命令，启动带热重载的开发服务器
- 集成 rollup watch 模式与 LiveReload 实现自动刷新
- 添加开发指南 DEVELOPMENT.md，说明项目结构、预览方式及构建流程
- 新增开发预览页面 index.html，用于嵌入展示 sidepanel 内容
- 更新 package.json 和 package-lock.json，引入相关开发依赖
```
|
2025-11-18 00:26:41 +08:00 |
|
|
雨霖铃
|
8b608341e7
|
```
feat(sidepanel): 重构时间戳转换功能并优化用户界面
- 将代码模块化，拆分为 eventHandlers、domUtils 和 timestampUtils 等文件
- 使用 Rollup 配置文件替代内联构建命令，提升可维护性
- 引入页面切换动画与交互反馈动画，增强用户体验
- 更新 HTML 元素 ID 命名以提高语义化和一致性
- 改进 CSS 样式，增加悬停效果、过渡动画和响应式支持
- package.json 中添加 type: module 并升级版本至 1.1
```
|
2025-11-17 00:25:03 +08:00 |
|