07 2017 档案

摘要：项目升级为react-router4后，就尝试着根据官方文档进行代码分割。https://reacttraining.com/react-router/web/guides/code-splitting 在实际项目中，js,css文件默认通过webpack打包的话会很大，动不动就好几兆。 在实际场景中，我们需要保证首屏的时间展现时间比较短，需要把首屏没有 涉及到 其他页面的 业务和组件 进行按需加载。 使用按需加载的话，如果只是修改了页面的逻辑，也不用整个文件加载，一定程序上增加了浏览器缓存的利用 下面就一步一步的介绍在我的项目中是怎么实现Code Splitting的。 根据webpack文档 https://webpack.js.org/guides/code-splitting/ 推荐的代码分割的方式是 import(), 当然 require.ensure() 作为兼容，还是支持的。 而react-router4 文档上说到的 bundle-loader 组件就是通过 require.ensure 实现的。 阅读全文

摘要：VS Code 的编译器 其实就是使用的 typescript 编译器，就是以前提到过的 tsserver.js 相应的编译参数可以参考 http://www.typescriptlang.org/docs/handbook/compiler-options.html 编译配置的话，只需要在项目中编写 jsconfig.json 或 tsconfig.json 阅读全文

摘要：在开发中，页面 js 经常会遇到需要 当前登录用户信息（菜单权限，用户基本信息，配置信息） 的地方，一般情况我们可能对这些信息获取方式不是太在意，但是现在的前端通过webpack打包，即使做了代码分割，js文件,css文件还是很大。 在首次加载的情况下面，存在一定的优化空间。下面主要介绍一些信息获取的方式。 接口使用的是模拟数据，session获取接口设置成了1秒延时，下面的数据都是首次加载的数据，不考虑304的情况。 阅读全文