开发者学堂课程【微服务+全栈在线教育实战项目演练(SpringCloud Alibaba+SpringBoot):前端技术-模块化概念说明】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/667/detail/11321
前端技术-模块化概念说明
内容介绍
一、简介模块化
二、模块演示
一、简介模块化
1.模块化定义
(1)后端模块化
开发后端接口时,开发 controller service mapper,controller 注入 service,service 注入 mapper,在后端中,类与类之间的调用成为后端模块化操作
(2)前端模块化
在前端中,js 与 js 之间调用成为前端模块化操作
前端写代码不仅是页面上,也可以做到比后端更复杂的代码,所以使用模块化很有必
2.模块化产生背景
随着网站逐渐变成“互联网应用程序”,嵌入网页的 Javascript 代码越来越庞大,越来越复杂
Javascript 模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。
但是,Javascript 不是一种模块化编程语言,它不支持"类"(class),包(package)等概念,更遑论模块"(module)了。
3.什么是模块化开发
传统非模块化开发有如下的缺点:
命名冲突
文件依赖
模块化规范:
CommonJS 模块化规范
ES6模块化规范
二、模块演示
1.es5实现模块化操作
2.es6实现模块化操作