vue的性能优化开启gzip压缩yarn add compression-webpack-plugin -D
// 在vue.config.js中修改配置
const CompressionPlugin = require('compression-webpack-plugin')
configureWebpack: (config) => {
if (process.env.N
前言在ES6代码和语法糖满天飞的时候，却因为浏览器兼容问题而不敢使用。现在我介绍2种方法来转换ES6。babel脚本转换和在线转换。babel脚本转换介绍Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而能在先有环境下使用。 使用到的插件介绍：插件名描述babel-cliBabel 的 CLI 是一种在命令行下使用 Babel 编译文件的简单方法。babel-corebabel
转载
2024-04-03 10:43:25
891阅读
各位同仁，想想什么情况下，我们需要做es6转es5呢？明明技术都那么成熟了。js版本语法不断更新，也更加满足不同业务所需。为啥还要往回走呢。无他，需要做向下兼容的时候。当一个vue+element的纯html项目需要需要兼容IE9+的时候，于是，一系列的ES6到ES5的横向跨域转变就来了。下面我说重点： IE解决各类兼容问题的js引入：html5shiv-printshiv.min.js
转载
2024-08-07 08:55:48
297阅读
commonjs模块化解决方案commonjs导入导出需要底层解析器如webpack的支持，无法直接使用下面的格式导入导出CommonJS的导出语法：module.exports={...}CommonJs中使用module.exports导出变量及函数，也可以导出任意类型的值，看如下案例// 导出一个对象
module.exports = {
name: "蛙人",
age: 2
英文 | https://www.javascripttutorial.net翻译 | 杨小爱在本教程中，我们将学习了解JavaScript符号原始类型以及如何有效地使用Symbol。创建SymbolES6 添加了 Symbol 作为新的原始类型。与数字、布尔值、空值、未定义和字符串等其他基本类型不同，symbol类型没有文字形式。要创建Symbol，我们可以使用全局 Symbol() 函数，如本
TL;DR function say(message='Hi') {
console.log(message);
}
say(); // 'Hi'
say('Hello') // 'Hello' say() 函数中消息参数的默认值为'Hi'。在 JavaScript 中，默认函数参数允许我们在没有值或undefined传递给函数的情况下，使用默认值初始化命名参数。Argumen
数据类型数据类型数量类型概述数据类型实例/分类数值整数、小数/基本数据类型字符串文本/基本数据类型布尔true、false/ 基本数据类型undefined未定义、不存在/ 特殊值null空值 /特殊值对象狭义(object)、数组、函数typeof 运算符typeof instanceof 运算符 Object.prototype.toStringtypeof 123 // "number"
ES6基本语法概念ES6是javaScript下的一个标准，是浏览器脚本语言的一个标准vscode生成html页面快捷键:Shift+!let特性//特性 一
<script>
//var 声明的变量会越域
//let 声明的变量有严格的局部作用
{
var a=1;
let b=2;
}
转载
2024-10-18 18:45:43
47阅读
从程序优化和美观角度看，更推荐使用ES6。（ES5之后的所有javaScript的语法统称ES6）一、关于取值取值在程序中非常常见，比如从对象obj中取值。const obj = {
a:1,
b:2,
c:3,
d:4,
e:5,
}吐槽：const a = obj.a;
const b = obj.b;
const c = obj.c;
const d
前言前端时候忙完项目，有两个星期的调整优化时间，最近在整理公司的统一开发者平台的技术文档，因为项目中使用的React，所以笔者看了一下阮一峰的EcmaScript入门这本书,对Es6语法以及一些新特性进行了梳理。以下为项目中一些常见的用法，仅供参考。一、 let命令用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。(块级作用域)基础用法示例：{
let a =
转载
2024-04-19 11:18:42
181阅读
1.ES6入门1.1 介绍 es6是一个泛指，含义是 5.1 版以后的 JavaScript 的下一代标准，涵盖了 ES2015、ES2016、ES2017 等，ES6 的第一个版本，在 2015 年 6 月发布了，正式名称就是《ECMAScript 2015 标准》（简称 ES2015）。 &
一、将es6转成es5的操作需要通过gulp-babel插件完成npm install -g babel-cli
npm install --save-dev babel-preset-es2015
npm init -y
3） 项目目录创建文件根目录下创建一个index.js,代码：
let =45；
和新建自定义文件：.babelrc 代码：
{
转载
2024-05-10 18:48:34
1877阅读
如何使用ES6开发Three.js项目（二）之前写过一篇文章如何使用ES6开发Three.js项目（一），这次再完善一下，并把代码放在GitHub上了。three.js-es6-webpack基于ES6开发的three.js演示项目项目目录：public : 打包后文件夹src : 项目文件
assets : 项目资源文件夹,图片视频等
mapb.jpgcss :
ind
单例模式单例模式可以保证系统中，应用该模式的类一个类只有一个实例。在JS中的单例 模式，就相当于给一个类中假如一个静态方法，然后使它返回这个类的实例化对象，他返回的这个实例化对象就是唯一的，通过这个单例模式我们就可以在其他js文件中不引用其他js获取到其中的方法，也可以用侦听来得到我们需要的数据。举例如下，使用单例模式使用get相当于常量，ES6中是没有常量的。get和set可以参考我之前的set
ES6说明 ECMAScript6新的javascript标准变量的声明var
let
01let与var基本一致，用作变量声明
02let在一对括号{}中形成局部作用域
03let声明的变量不会变量提升
04let不能重复声明变量（同一作用域）
const
01与let一致（局部，不提升，不能重复声明）
02声明必须赋值
03赋值不能修改
转载
2024-08-05 22:26:34
75阅读
各大浏览器的最新版本，对 ES6 的支持可以查看kangax.github.io/es5-compat-table/es6/。随着时间的推移，支持度已经越来越高了，超过 90%的 ES6 语法特性都实现了。Node 是 JavaScript 的服务器运行环境（runtime）。它对 ES6 的支持度更高。除了那些默认打开的功能，还有一些语法功能已经实现了，但是默认没有打开。使用下面的命令，可以查看
转载
2024-08-11 16:32:17
54阅读
浏览器适配 Loaders cnpm install babel-loader@7 babel-core babel-preset-es2015 --save-dev webpack.config.js { test: /\.m?js$/, exclude: /(node_modules|bower
转载
2021-07-07 14:07:00
510阅读
作者：黎跃春模块引用在ES5里，如果使用CommonJS标准，引入React包基本通过require进行，代码类似这样：//ES5var React = require('react');
var {
Component,
PropTypes
} = React; //引用React抽象组件
var ReactNative = require('react-native');
var {
Ima
ES6 完全使用手册前言这里的 "ES6" 泛指 ES5 之后的新语法这里的 "完全" 是指本文会不断更新这里的 "使用" 是指本文会展示很多 ES6 的使用场景这里的 "手册" 是指你可以参照本文将项目更多的重构为 ES6 语法此外还要注意这里不一定就是正式进入规范的语法。1. let 和 const在我们开发的时候，可能认为应该默认使用 let 而不是 var，这种情况下，对于需要写保护的变量
Babel 转码器 § es6转换es5 Babel 转码器 § es6转换es5 实时转码 / Repl -babel-node / babel-register(自动转码引入babel-register模块)配置文件.babelrc1、Babel 的配置文件是.babelrc，存放在项目的根目录下。使用 Babel 的第一步，就是配置这个文件。该文件用来设置转
转载
2024-06-24 22:23:32
67阅读
