10 2021 档案
摘要:一.前言 懒加载也有其它叫法,比如按需加载,代码分页等。简单来说,就是将js代码分割成多个文件,根据需要再加载对应js文件。 在单页面应用中,我们可以使用懒加载,根据不同的路由去加载对应页面的js文件。这样可以减少首屏加载时间,同时减少资源浪费。 二.使用React-Route 参考我之前的文章,有
阅读全文
摘要:一.场景 单页应用可以根据路由去加载不同组件,在react中,官方有一个Router组件可以让我们做这个路由配置,实现不同路由去加载不同组件。 二.安装 这里选择react-router的4.x以上的版本,必须要安装react-router-dom。注意v4版本和之前的版本有较大区别。 npm in
阅读全文
摘要:一.组件 React可以将模块拆分为多个组件,用分而治之的思想,让各个组件专注于实现某个功能。在设计上,符合高内聚、低耦合原则。高内聚是组件内部实现自己的逻辑,像展示页面的jsx,定义行为的js,甚至是样式css。低耦合是,各个组件相互依赖关系要弱化,每个组件尽量独立。 二.组件交互 定义一个Hom
阅读全文