1.什么是ES6？ ES6， 全称 ECMAScript 6.0，是 JavaScript 的下一个版本标准，2015年6月份发版。ES6的主要目的是为了解决 ES5 的先天不足。2.了解ES和JS之间的关系 ES = ECMAScript 是一个动态脚本语言的‘标准’，JS = JavaScript是对ES的标准，默认，主流的‘实现’，由于商标权的问题，欧洲计算机协会制定的语言标准不能叫做JS，
转载
2024-03-29 10:00:07
26阅读
1、HTML代码<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="UTF-8">
<title>瓜娃子</title>
<meta name="viewport" content="width=device-width,initial-scal
声明变量的扩展在Es5中声明变量只有两种：var和function，在Es6中新增了两种常见的声明变量方式：let和const。下面我们就来介绍一下Es6 let和const命令。let1、let声明变量与var类似，但是var不同的是let声明变量会形成块级作用域（所谓的块级作用域是可以简单理解为{块级作用域}就是两个花括号之间的叫做块级作用域。）变量只能在块级作用域中起效果在块级外不能访问。i
1.letES6新增了let命令，用来生命变量。它的用法类似于var,但是所声明的变量，只在let命令所在的代码块内有效。for (let i = 0; i < 10; i++) {
}
console.log(i) //ReferenceError: i is not defined<br><br>for(var i=0;i<10;i++){&l
转载
2024-09-03 07:47:15
74阅读
本文主要介绍 24 中
es6 方法，这些方法都挺实用的，本本请记好，时不时翻出来看看。1.如何隐藏所有指定的元素const hide = (...el) => [...el].forEach(e => (e.style.display = 'none'))
// 事例:隐藏页面上所有`<img>`元素?
hide(document.querySelectorAll('i
转载
2024-09-19 10:27:21
45阅读
前言：由于对webpack的了解有限，所以在项目部署出现许多问题 一、webpack使用ES6语法，第三方js可以引入通过import，可以通过npm 配置到项目中或者直接下再加入项目js文件中首先无论require还是import，都不是webpack的发明，它们是已经存在于世的不同的模块化规范(目前都不能直接运行于浏览器,于是需要通过webpack在配合各种plugin、loader将其转义
转载
2024-04-26 12:32:38
59阅读
原标题：给大家分别介绍一下CommonJS和ES2015的importCOMMONJS：在ES2015标准之前，Java是没有原生的方式组织代码的。Node.js使用CommonJS模块格式，填补了这方面的空白。模块是代码结构中最基本的构建块。模块系统允许我们组织代码，隐藏实现细节已经暴露组件的接口。每次我们使用require，都会加载一个新的模块。下面是一个使用CommonJS的最简单的例子：要
转载
2024-06-18 13:45:12
50阅读
1. 直接引入[最佳方案]直接引入的关键在于输出的配置，这里以var为例，如下：output : { filename : '[name].js', // devServer不可配置为绝对路径 //publicPath: "http://localhost:8080/dist/",
转载
2024-05-23 09:59:33
58阅读
概述 在 ES6 前， 实现模块化使用的是 RequireJS 或者 seaJS（分别是基于 AMD 规范的模块化库， 和基于 CMD 规范的模块化库）。 ES6 引入了模块化，其设计思想是在编译时就能确定模块的依赖关系，以及输入和输出的变量。 ES6 的模块化分为导出（export） @与导入（i Read More
转载
2019-04-11 21:31:00
102阅读
2评论
1、模块化模块化是指将一个大的程序文件，拆分成许多小的文件，然后将小文件组合起来。1.1、模块化的好处模块化的优势有以下几点：防止命名冲突代码复用高维护性1.2、模块化规范产品ES6之前js是没有模块化的，都是用别的规范来实现对项目的代码进行拆分。ES6 之前的模块化规范有：CommonJS => NodeJS、BrowserifyAMD => requireJSCMD => s
转载
2024-05-06 17:10:16
88阅读
1、特点： ES6 的模块自动开启严格模式，不管你有没有在模块头部加上 use strict;。 模块中可以导入和导出各种类型的变量，如函数，对象，字符串，数字，布尔值，类等。 每个模块都有自己的上下文，每一个模块内声明的变量都是局部变量，不会污染全局作用域。 每一个模块只加载一次（是单例的）， 若 ...
转载
2021-09-27 19:43:00
144阅读
2评论
一：模块背景：JS”共享一切”的代码加载方式是该语言混乱且容易出错的原因之一，这种方式导致了诸多问题，例如命名冲突，安全问题等。ES6模块化就是要解决作用域问题，让JS变的更有条理。 模块的特点 1：模块代码自动运行在严格模式下，并且没有任何办法退出严格模式。 2：在模块顶层作用域创建的变量，不会被自动添加到共享的全局作用域，他们只会在模块的顶层作用域内部存在。 3：模块的顶层作用域this
转载
2024-08-09 12:12:32
33阅读
在vue-cli中遇到的模糊参考解决问题:在 ES6 之前，社区制定了一些模块加载方案，最主要的有 CommonJS 和 AMD 两种。前者用于服务器，后者用于浏览器。ES6 在语言标准的层面上，实现了模块功能，而且实现得相当简单，完全可以取代 CommonJS 和 AMD 规范，成为浏览器和服务器通用的模块解决方案。ES6 模块不是对象，而是通过export命令显式指定输出的代码，再通过impo
转载
2024-02-23 22:31:20
55阅读
es6的模块化和node模块化的区别是什么？ node模块化是： Node使用CommonJS规范 ,它有四个重要的环境变量：module、exports、require、global。实际使用时，module变量代表当前模块，exports是module的属性，表示对外输出的接口，加载某个模块，实际上是加载该模块的module.exports属性。用require加载模块（同步）。 Node为每
转载
2024-06-28 08:45:06
37阅读
知识已经过时了，可以直接跳到文章末尾看ES6封装ajax。怀念曾经的jQuery一. ajax方法jQuery：JavaScript代码包装成拿过来就能实现特定功能的代码库，基本淘汰了；json：简单说就是javascript中的对象和数组；Ajax：异步的JavaScript和XML，在不重载整个网页的情况下，ajax 通过后台加载数据，并在网页上进行显示；1. $(selector)
转载
2024-03-24 09:47:23
65阅读
使用场景：jsp页面中使用jquery的ajax请求比较频繁，以前vue框架的项目用过axios，所以就想着用then()封装一个公共请求的方法，这样每次请求就不用那么麻烦的写一大堆请求参数了。示例代码：/**
* 封装请求方法
* @param {Object} url 接口请求地址
* @param {Object} data 接口请求参数(无需请求方式参数，则此项可以为空，否则必须传)
*
转载
2024-03-28 10:12:29
38阅读
一.模块化前世今生： 1.模块化就是把单独的一个功能封装到一一个模块(文件)中,模块之间相互隔离,但是可以通过特定的接口公开内部成员,也可以依赖别的模块。模块化开发的好处是方便代码的重用，从而提升开发效率，期方便后期的维护。 2.以前浏览器常用的模块化规范有 AMD（代表Require.js）和 CMD（代表Sea.js），但是都落伍了。服务端有 CommonJS规范。不过也不是标准的。最终
转载
2024-04-20 21:35:34
79阅读
目前开发环境已经普及使用，如vue，react等，但浏览器环境却支持不好，所以需要开发环境编译，下面介绍下开发环境的使用和常用语法：
一，ES6模块化
1，模块化的基本语法
ES6 的模块自动采用严格模式，不管你有没有在模块头部加上"use strict";。模块功能主要由两个命令构成：export和import（注意有无default）。export命令用
转载
2024-08-23 17:29:21
21阅读
ES6模块化-介绍之前在nodejs中学习模块化，名称为“CommonJS模块化”导出：module.exports=对象导入：var 名称 = require(文件名字)为什么要使用模块化？模块化是代码共享机制体现有一份代码(例如axios、vue等等)在许多场合下都要进行使用，那么不要自己开发，直接把别人开发好的代码共享给我们使用即可在浏览器里边可以通过相反在nodejs中，不能使用现在我们通
转载
2024-10-20 18:55:15
56阅读
1、简介历史上，JavaScript 一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。在 ES6 之前，社区制定了一些 模块加载方案，最主要的有 CommonJS 和 AMD 两种。前者用于服务器，后者用于浏览器。ES6 在语言标准的层面上，实现了模块功能，而且实现得相当简单， 完全可以取代 CommonJS 和 AMD 规范，成为浏览器和服务
转载
2024-10-27 16:26:21
8阅读
