安装webpack npm install webpack@3.6.0 -g 一个commonJs简单实例 1 mathUtils.js function add(num1,num2){ return num1+num2 } function mul(num1,num2){ return num1* ...
分类：
Web程序 时间：
2020-05-24 23:50:23
阅读次数：
101
先回答我：为什么模块很重要？ 答：因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！ 于是下面三个模块规范出来了，这篇文章也出来了（拼出来的 {捂脸笑}）。 JS中的 ...
分类：
Web程序 时间：
2020-05-21 19:27:53
阅读次数：
60
1. commonjs模块输出的是值的浅拷贝，ES6模块输出的是值的引用 (也就是说，cmmonjs模块输出后被改变，其他引用模块不会改变，而ES6模块会改变) 2. commonjs模块是运行时加载，而ES6模块是编译时输出接口，之所以webpack的tree-shaking只能作用于ES6模块， ...
分类：
Web程序 时间：
2020-05-10 15:00:41
阅读次数：
112
1. webpack是什么? webpack是一款模块化及打包构建工具（支持ES6 modules,AMD,CommonJS等规范） 2. 之前用什么来替代webpack 在webpack出现以前，前端开发者们用sea.js,require.js来实现模块化 并且在webpack出现之前端开发者主要 ...
分类：
Web程序 时间：
2020-05-08 20:06:44
阅读次数：
81
一、初始化项目 1. 创建文件夹jest-sample 2.初始化项目(npm下载包文件)npm init 3. 下载npm依赖包 npm install jest -D 二、简单的测试案例 main.js //在node环境中，使用的是commonJs规范 function add(a, b) { ...
分类：
其他好文 时间：
2020-05-02 16:41:59
阅读次数：
51
模块化的不同解决方案 追根溯源，JS这门脚本语言设计伊始就是没有模块化的，所以早期的全局变量容易造成命名冲突。但随着web项目越来越大，JS的代码量也与日俱增，于是社区就自发约定了几种模块化的方案：requirejs遵循AMD，seajs遵循CMD，node的module遵循CommonJS规范，虽 ...
分类：
Web程序 时间：
2020-04-23 01:08:26
阅读次数：
106
先了解一下require和import require 是 CommonJS(在Node中实现), 运行时调用，理论上可以运用在代码的任何地方 import 是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法,编译时调用，必须放在文件开头 require 是赋值过程，其实requir ...
分类：
其他好文 时间：
2020-04-17 12:37:24
阅读次数：
98
JS 模块化、组件化、工程化相关的 15 道面试题 1.什么是模块化？ 2.简述模块化的发展历程？ 3.AMD、CMD、CommonJS 与 ES6 模块化的区别？ 4.它们是如何使用的？ 5.export 是什么？ 6.module.export、export 与 export defalut 有 ...
分类：
Web程序 时间：
2020-04-03 15:09:13
阅读次数：
79
前言：模块化开发需求 在JS早期，使用script标签引入JS，会造成以下问题： 1. 加载的时候阻塞网页渲染，引入JS越多，阻塞时间越长。 2. 容易污染全局变量。 3. js文件存在依赖关系，加载必须有顺序。项目较大时，依赖会错综复杂。 4. 引入的JS文件过多，不美观，且不易于管理。 一、Co ...
分类：
编程语言 时间：
2020-04-01 23:45:43
阅读次数：
168
一、使用之前，我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给 ...
