'use strict' function showMeC() { alert("commonjs"); } module.exports = { showMeC: showMeC, }; # ...... const { showMeC } = require('./commonjs.js'); ...
分类:
Web程序 时间:
2019-01-08 15:38:51
阅读次数:
146
@(es6) [toc] 静态引入 1. html标签script引入 2. esm 中 3. commonjs 中 4. AMD,年代久远,价值在于jquery源码采用模块是AMD,你要学习jquery设计模式,必先学习AMD 5. CMD,完全忘记是什么,现在就只知道到它,就近依赖(类似动态加载 ...
分类:
编程语言 时间:
2019-01-08 12:28:38
阅读次数:
168
本文由云+社区发表 模块化是指把一个复杂的系统分解到一个一个的模块。 模块化开发的优点: (1)代码复用,让我们更方便地进行代码管理、同时也便于后面代码的修改和维护。 (2)一个单独的文件就是一个模块,是一个单独的作用域,只向外暴露特定的变量和函数。这样可以避免污染全局变量,减少变量命名冲突。 js ...
分类:
Web程序 时间:
2019-01-06 18:12:25
阅读次数:
208
一、使用之前,我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给 ...
分类:
其他好文 时间:
2019-01-04 21:29:30
阅读次数:
165
前端模块规范有三种:CommonJs,AMD和CMD。 CommonJs用在服务器端,AMD和CMD用在浏览器环境 AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。 CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。 AMD:提前执行(异步加载:依赖先执行)+延迟执行 ...
分类:
其他好文 时间:
2019-01-04 14:33:27
阅读次数:
152
社区模块规范: 1.CommonJS规范 规范实现者: NodeJS 服务端 Browserify 浏览器 2.AMD规范 全称 异步模块定义 规范实现者: RequireJS 浏览器 3.CMD规范 通用模块定义 规范实现者: seaJS 服务端和浏览器通用 官方模块规范 1.ESM规范 就是ES ...
分类:
Web程序 时间:
2019-01-03 19:26:08
阅读次数:
216
# CommonJS - [CommonJS - Wikipedia](https://en.wikipedia.org/wiki/CommonJS) ## 介绍 主要在浏览器之外地方(例如服务器和桌面应用上)使用的模块化技术。 ## 规范 一个文件就是一个模块,拥有单独的作用域。 ## 定义模块 ... ...
分类:
Web程序 时间:
2019-01-02 01:16:49
阅读次数:
198
在JS模块化编程中,之前使用的是require.js或者sea.js。随着前端工程化工具webpack的推出,使得前端js可以使用CommonJS模块标准或者使用ES6 moduel特性。 在CommonJs模块标准中我们载入模块使用的是require(),输出模块用的是exports或者modul ...
分类:
其他好文 时间:
2018-12-23 12:01:14
阅读次数:
176
前言 JS模块化编程是前端小伙伴们必不可少的知识,下面妹子将于自认为比较清晰的方式列举出来。 1 require 特点: 1.运行时加载 2.拷贝到本页面 3.全部引入 1.1 CommonJS Node.js就是用CommonJS思想。在CommonJS中,有一个全局性方法require(),用于 ...
分类:
其他好文 时间:
2018-12-21 22:48:30
阅读次数:
295
1、首先我们先在安装好node node用于npm安装【自行百度】 2、全局安装vue 通过npm命令安装vue.js 在用vue.js在用于构建大型的应用时推荐使用npm安装,npm能很好的和webpack、browserify、commonJS模块 打包器 配合使用 npm i -g vue 3 ...
分类:
其他好文 时间:
2018-12-18 02:07:19
阅读次数:
159