优化接口数据,合并了 blog_menu 和 blog 接口。减少了 HTTP 请求次数。 本地构建脚本重构,废弃了 tree-lang 格式。(因为接口合并)
使用 forceUpdate hook 代替 location reload,减少了不必要的 HTTP 请求。
本质是使用 React Context 代替 Redux。
useLayoutEffect
同步
触发。
优化 header nav 的 dom 结构和语义化,使结构更清晰。
优化全局 css,微调组件大小,使页面主要内容突出。
动态
页面:重构 CSS 布局,添加内容摘要。
动态
页面:添加返回顶部按钮。
动态
页面:使用 redux 做路由持久。
移除 Music 媒体功能
移除关于页面的音乐播放器
移除链接页面留言功能
添加了以下新功能:
笔记界面的侧边栏可收回隐藏,可全屏隐藏导航栏,全屏状态下可打开音乐播放器。
添加新的音乐播放器功能,设有 7 个网易云热门歌单。
版本更新分为了两种,动态版本为主要为笔记变动时更新,静态版本为源代码变动时更新。
优化性能:
webpack 配置了 code split。
PWA 缓存策略重构,使用动态缓存+静态缓存策略。
使用外置 loading,更快速地显示 loading 界面,避免长时间加载大资源导致无响应。
Loading 组件添加了超时提示功能,避免首次访问长时间 Loading 等待。
@saber2pr/md2jsx: 代码块添加了复制到剪贴板功能。
升级博客中的@saber2pr/md2jsx,针对移动端做了一点 css 优化。