跳到主要内容

react-redux Hook 使用、性能优化以及与 Vue 的对比

· 阅读需 6 分钟
多云转晴
前端开发

redux

下图是 Redux 的工作流程图。
redux工作流程图 图中更新数据需要派发 Action,action 进入 dispatch,dispatch 中可能还会触发 action,比如使用 redux-thunk 中间件进行异步请求时,还会派发 action。然后 dispatch 函数会把 action 传递给 reducer 函数,reducer 用于状态的变更,状态变更后引起视图(View)更新。

PWA 入门教程

· 阅读需 18 分钟
多云转晴
前端开发

渐进式 web 应用 (Progressive web apps) 简称为 PWA。它可以给用户原生应用的体验。

之所以称为“渐进式”,是因为给网站架设 PWA 并不影响原有的网页(或者说不需要代码层面的重构),这是一个独立的功能,你可以选择性添加该功能。

PWA 的主要作用:可以让网站安装到设备的主屏幕上,就像用户在 APP 商店下载应用后这个应用的图标会放在桌面上。PWA 不需要用户通过应用商店进行下载,当你访问某个站点时,该站点如果支持 PWA,它会提示你可以将这个站点添加到桌面上。

PWA 在没有出实现时,可以通过右键“另存为”添加到桌面,但添加到桌面是一个 HTML 文件,当你点击访问时会跳转到浏览器加载。频繁访问某个站点时,我们一般会把它收藏起来。PWA 出现之后,添加到桌面的图标我们可以自定义,还可以自定义首次进入 app 的画面,而且它不再使用浏览器打开,而是像原生应用一样打开,没有 url 地址输入框。PWA 还支持离线缓存,当用户没有网络时也能利用缓存展示页面信息。