Saber2pr's Blog

网站重构、优化日志

2019.10.20

  1. 优化接口数据,合并了 blog_menu 和 blog 接口。减少了 HTTP 请求次数。 本地构建脚本重构,废弃了 tree-lang 格式。(因为接口合并)

  2. 使用 forceUpdate hook 代替 location reload,减少了不必要的 HTTP 请求。


2019.11.2

  1. 使用@saber2pr/react-router 中的 NavLink 代替 redux + link 方案,减少了事件通信次数。

本质是使用 React Context 代替 Redux。

  1. 在交互优先场景中使用 useLayoutEffect 代替 useEffect,优化了页面交互流畅度。

useLayoutEffect 同步触发。


2019.11.3

  1. 优化 header nav 的 dom 结构和语义化,使结构更清晰。

  2. 优化全局 css,微调组件大小,使页面主要内容突出。


2019.11.5

  1. 动态页面:重构 CSS 布局,添加内容摘要。

  2. 动态页面:添加返回顶部按钮。

  3. 动态页面:使用 redux 做路由持久。


2019.11.9

  1. 组件、函数使用 memo 优化,减少了大量重复渲染、计算。

2019.12.12

  1. 移除 Music 媒体功能

  2. 移除关于页面的音乐播放器

  3. 移除链接页面留言功能


2020.1.27

添加了以下新功能:

  1. 笔记界面的侧边栏可收回隐藏,可全屏隐藏导航栏,全屏状态下可打开音乐播放器。

  2. 添加新的音乐播放器功能,设有 7 个网易云热门歌单。

  3. 版本更新分为了两种,动态版本为主要为笔记变动时更新,静态版本为源代码变动时更新。

优化性能:

  1. webpack 配置了 code split。

  2. PWA 缓存策略重构,使用动态缓存+静态缓存策略。

  3. 使用外置 loading,更快速地显示 loading 界面,避免长时间加载大资源导致无响应。


2020.6.6

  1. Loading 组件添加了超时提示功能,避免首次访问长时间 Loading 等待。

  2. @saber2pr/md2jsx: 代码块添加了复制到剪贴板功能。

  3. 升级博客中的@saber2pr/md2jsx,针对移动端做了一点 css 优化。


2021.5.21

  1. 优化缓存更新机制,不弹窗 confirm,静默刷新缓存。