把模块先默认认为是豆腐块 为什么前端需要模块? 没有模块的方式 预览这个html页面     一共200行js代码 前100行在做一件事 ,另外100行在做另一件事,这样就是两个模块 main.js来控制模块1和模块2 把代码放在函数里面. 怎么让task1可以让第三个模块访问到呢???把task1交给window,因为大家都可以访问window 改成window.module1  2.js也改到函数里面 让main.js控制1和2的执行时机,不想页面加载了就执行. 变量声明到外面 第二次还是打…

https://babeljs.io/ 复制到命令行执行 提示一个警告.缺少package.json这个文件 npm init -t ls 然后看到了生成了package.json这个文件. 然后再去安装babel 安装完成后,多了一个node_module的目录.babel就装在了node_module这个目录里面了. 使用方法 在package.json文件内加上代码 提示的错误.从src到lib目录,也就是你需要src和lib这两个目录 分别去创建者两个目录 把所有模块化的代码放在src下…

H:\BaiDu\ES6深入浅出-wjw ES 6 新特性一览:https://frankfang.github.io/es-6-tutorials/ 我用了两个月的时间才理解 let https://zhuanlan.zhihu.com/p/28140450 1 新版变量声明:let 和 const 3 ES6深入浅出-1 新版变量声明:let 和 const-1.视频 概述 ES6深入浅出-1 新版变量声明:let 和 const-2.视频 let和const ES6深入浅出-1 新版变量声…

1 关于ES6      ECMAScript6(以下简称ES6)是JavaScript语言的最新一代标准,发布于2015年6月,因为ECMA委员会决定从ES6起每年更新一次标准,因此ES6被改名为ES2015,后面的标准将按照发布的年份命名,比如ES2016.ES2017. ES6引入了很多新特性,这些特性解决了JavaScript长久以来别开发者所诟病的很多缺点.同时,ES6也给JavaScript的语言带来了重大变革,它使JavaScript变得更加强大.更富有表现力.尽管属于重大升级,但…

阮一峰  http://es6.ruanyifeng.com/#docs/reflect MDN有一些简陋的介绍 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Reflect 不推荐直接学es6,学习要梯子型.今天要学的Proxy,可能会在自己的框架内用到.平时基本是用不到的 这个知识点是nodeJs的 MDN的文档更简单 还不如阮一峰的文章. 先过一边Reflect的API.说任…

本文摘自ECMAScript6入门,转载请注明出处. 一.Module简介 ES6的Class只是面向对象编程的语法糖,升级了ES5的构造函数的原型链继承的写法,并没有解决模块化问题.Module功能就是为了解决这个问题而提出的. 历史上,JavaScript一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来.其他语言都有这项功能. 在ES6之前,社区制定了一些模块加载方案,最主要的有CommonJS和AMD两种.前者用于服务器,后者用于浏览器.ES…

一.webpack介绍 webpack这个工具非常强大,解决了前端很繁琐的一些工具流程繁琐的事情.中文官网链接地址:https://www.webpackjs.com/ 1.为什么要使用webpack 现今的很多网页其实可以看做是功能丰富的应用,它们拥有着复杂的JavaScript代码和一大堆依赖包.为了简化开发的复杂度,前端社区涌现出了很多好的实践方法. 模块化,让我们可以把复杂的程序细化为小的文件. 类似TypeScript这种在JavaScript基础上拓展的开发语言:使我们能实现目前版本…

webpack4打包配置babel7转码ES6 Module语法与API的使用 import() Module加载实现原理 Commonjs规范的模块与ES6模块的差异 ES6模块与Nodejs模块相互加载 模块循环加载 一.webpack4打包配置babel7转码ES6 1.webpack.config.js 在webpack中配置babel转码其实就是在我之前的webpack配置解析基础上添加babel的加载器,babel的具体转码配置在之前也有一篇详细的博客做了解析: webpack安装与…

前言 这是我读<深入浅出Nodejs>的笔记,真是希望我的机械键盘快点到啊,累死我了. CommonJS规范 主要分为模块引用.模块定义.模块标识三个部分. 模块引用 上下文提供require()方法来引入外部模块,示例代码如下: //test.js //引入一个模块到当前上下文中 var math = require('math'); math.add(1, 2); 模块定义 上下文提供了exports对象用于导入导出当前模块的方法或者变量,并且它是唯一的导出出口.模块中存在一个module…

创建modules文件夹,我们的文件都写在这里面 modules下面新建index.js文件,在index.ts内引入这个js文件 es6的模块 最主要的两个关键字 import和export import可以引入和加载一个模块,我们在index.ts中已经使用过了 在modules文件夹新建a.js 我们可以export导出模块内容,导出模块,一般就是一个独立的文件,这个文件的所有变量外部是无法获取的,除非使用这个export导出这个变量 使用export导出name常量,他的值是Lison…