Open HolyZheng opened 6 years ago
主要分为三个大阶段:
合理的技术选型可以为我们的项目节省很多工作,也有利于我们日后的维护。 比如什么时候适合vue开发单页应用呢?首先它的优点是vue带来的数据驱动,双向数据绑定,以及单页应用带来的页面跳转的高性能,类原生体验,后端压力的减轻。它的缺点则是首次加载耗时长,不利于SEO。所以哪些项目更适合单页应用呢?功能较多样的后台管理系统
ps:seo(Search Engine Optimization)搜索引擎优化,因为单页应用是以前后端分离的方式开发,数据渲染在前端,所以无法提供搜索引擎可收录的页面。
作者:holyZheng 转载请注明出处
模块化主要体现的是一种分而治之的思想。分而治之是软件工程的重要思想,是复杂系统开发和维护的有效措施。模块化则是前端最流行的分治手段。
随后出现了CommonJS,AMD/CMD,ES6 Module等方案,以及Browserify/Webpack等模块打包工具。
同步加载CommonJS
比如我们的node.js,使用的便是CommomJS规范。通过require,module.exports,exports来进行导入和导出,这里exports是module.exports的一个引用。
异步加载 AMD (Asynchronous Module Definition,异步模块定义)
采用异步方式加载模块,通过define来定义一个模块,通过require来引入模块,模块的加载不影响后面语句的执行,所有依赖于这些模块的语句都写在一个回调函数中,加载完毕后,这个回调函数才运行。如:
define(function (require, exports, module) { var one = require('./one') one.do() // 就近依赖,按需加载 var two = require('./two') two.do() })
引入模块
如果不在统一目录,可以通过config来自定义。
// 引入方式2 对应导出方式 2 import { methodOne } from './module' methodOne();