1、 研究Web框架的动态加载技术 针对移动互联网环境下移动端内存、流量、电池资源有限，通过使用动态加载技术，将程序文件打散成多个小文件，以延迟加载技术（LazyLoading），实现按需加载提升用户体验，降低移动端的资源使用率。在业务和样式上，前端开发人员只需要在JS代码块头部引用需要的js库和c ...
分类：
其他好文 时间：
2017-07-14 19:33:45
阅读次数：
224
dva 是一个基于 react 和 redux 的轻量应用框架，redux步骤繁杂，更容易出错，搭建成本更高。 1.安装dva-cli：确保版本在0.7.0或以上 2.创建新应用 3.启动程序 4.使用antd框架 编辑 .roadhogrc，使 babel-plugin-import （按需加载） ...
分类：
其他好文 时间：
2017-07-14 18:46:45
阅读次数：
675
Ant Design是蚂蚁金服基于react实现的一个UI 设计库，基于 npm + webpack + babel 的工作流，支持 ES2015。babel-plugin-import 可以从组件库中仅仅引入需要的模块，而不是把整个库都引入，从而提高性能。 如果使用 import { Button ...
分类：
其他好文 时间：
2017-07-14 10:06:26
阅读次数：
6263
1. 配置文件压缩 页游需要10几，20几个配置文件这是很常见的，配置文件现在流行使用xml格式。可以通过压缩软件打包，flash通过二进制方式加载压缩包之后解压使用。这样一方面减少连接请求数；另一方减少了流量。 2. 资源细化分离，按需加载 分离各类模块和素材（图片、swf文件），方便实现按需加载 ...
分类：
其他好文 时间：
2017-07-04 13:24:50
阅读次数：
165
九：如何打包成多个资源文件 我们在开发页面的时候，有时候需要有多个入口文件，做到文件是按需加载，这样就可以使用缓存提升性能；那么我们接下来需要如何配置呢？现在我们继续做demo，现在比如我现在的项目文件结构如下： 我们直接看 webpack.config.js配置代码变成如下： 从上面的配置代码我们 ...
分类：
其他好文 时间：
2017-06-21 13:54:28
阅读次数：
167
Vue官方文档异步组件： 在大型应用中，我们可能需要将应用拆分为多个小模块，按需从服务器下载。为了让事情更简单， Vue.js 允许将组件定义为一个工厂函数，动态地解析组件的定义。Vue.js 只在组件需要渲染时触发工厂函数，并且把结果缓存起来，用于后面的再次渲染。 原图文来自http://www. ...
分类：
其他好文 时间：
2017-06-21 11:45:09
阅读次数：
160
页面初始效果如下图,打开浏览器控制台,可以看到child.js以及third.js在页面载入时并没有加载: 页面初始化: 当点击子页面和三级页面时,会依次加载所依赖的js文件.实现分步加载. 点击子页面: 三级页面: 填坑:网上关于angular按需加载的文章也蛮多的,也有人使用的是requireJ ...
分类：
Web程序 时间：
2017-06-16 12:04:30
阅读次数：
337
前面的话 r.js(下载)是requireJS的优化（Optimizer）工具，可以实现前端文件的压缩与合并，在requireJS异步按需加载的基础上进一步提供前端优化，减小前端文件大小、减少对服务器的文件请求。本文将详细介绍r.js 简单打包 【项目结构】 以一个简单的例子来说明r.js的使用。该 ...
分类：
编程语言 时间：
2017-06-10 00:31:49
阅读次数：
376
webpack是一个前端打包工具 它可以优化网页、例如 页面模块化加载、图片优化、css、js压缩等等。 模块化加载也就是懒加载，按需加载，以前的模式是所以得css写在一起、加载量很大，页面响应很慢、有了模块化加载、我们可以把一个css、或者是js拆分成多个、进行按需加载、来加快页面的渲染。 第一节 ...
分类：
Web程序 时间：
2017-06-08 13:09:29
阅读次数：
225
