1. let、const 作用域在ES6以前,var关键字声明变量。无论声明在何处,都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)。let 关键词声明的变量不具备变量提升(hoisting)特性let 声明只在最靠近的一个块中(花括号内)有效当使用常量 声明时,请使用大写变量,如:CAPITAL_CASINGconst 在声明时必            
                
         
            
            
            
            ES6说明 ECMAScript6新的javascript标准变量的声明var
let
    01let与var基本一致,用作变量声明
    02let在一对括号{}中形成局部作用域
    03let声明的变量不会变量提升
    04let不能重复声明变量(同一作用域)
const
    01与let一致(局部,不提升,不能重复声明)
    02声明必须赋值
    03赋值不能修改            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-05 22:26:34
                            
                                75阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            如何使用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 的支持可以查看kangax.github.io/es5-compat-table/es6/。随着时间的推移,支持度已经越来越高了,超过 90%的 ES6 语法特性都实现了。Node 是 JavaScript 的服务器运行环境(runtime)。它对 ES6 的支持度更高。除了那些默认打开的功能,还有一些语法功能已经实现了,但是默认没有打开。使用下面的命令,可以查看            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-11 16:32:17
                            
                                54阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            vue项目构建之头条一、初始化项目1.1、创建项目【构建】创建项目命令vue create toutiao【组件】选择手动安装组件,如下:【选择】选择安装的组件,如下:【vue版本】选择2.0(目前项目版本为2.0的)【路由模式】选择路由模式,目前选择#开头的(因为#开头的代表hash值的路由,适配各种浏览器)【样式处理器】选择Less【语法规范】选择ESLint的标准规范【格式】选择检查格式配置            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-31 13:52:01
                            
                                215阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            浏览器适配 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            
                
         
            
            
            
            Babel 转码器 § es6转换es5     Babel 转码器 § es6转换es5 实时转码 /  Repl  -babel-node / babel-register(自动转码引入babel-register模块)配置文件.babelrc1、Babel 的配置文件是.babelrc,存放在项目的根目录下。使用 Babel 的第一步,就是配置这个文件。该文件用来设置转            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-24 22:23:32
                            
                                67阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            各大浏览器的最新版本,对 ES6 的支持可以查看kangax.github.io/es5-compat-table/es6/。随着时间的推移,支持度已经越来越高了,超过 90%的 ES6 语法特性都实现了。Node 是 JavaScript 的服务器运行环境(runtime)。它对 ES6 的支持度更高。除了那些默认打开的功能,还有一些语法功能已经实现了,但是默认没有打开。使用下面的命令,可以查看            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-01 14:56:54
                            
                                258阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             文章目录一、概述1.2 构造函数二、静态成员 & 实例成员2.1 实例成员2.2 静态成员三、原型3.1对象原型3.2 原型的 constructor构造函数3.3 原型链3.4 原型对象的应用3.5 总结四、继承2.1 call方法2.2 利用父构造函数实现继承2.3 class 类的本质 一、概述在典型的OOP的语言中(如Java),都存在类的概念,类就是对象的模板,对象就是类的实例            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-08 07:37:21
                            
                                46阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1.VSCode下载安装
vscode下载地址官网下载:https://code.visualstudio.com/安装教程鼠标左键双击,即可运行安装程序一:同意协议 二:选择安装路径 VSCode默认安装在C盘,可点击浏览选择安装的位置 三:选择创建VSCode的快捷方式并进行下一步安装   四、安装完成 安装完成后桌面上将出现该VSCode的快捷方式2.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-09 17:32:44
                            
                                82阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            利用babel把es6语法转换成es5语法一、转换的原因ECMAScript 6(ES6)的发展速度非常之快,但现代浏览器对ES6新特性支持度不高,所以要想在浏览器中直接使用ES6的新特性就得借助别的工具来实现。 Babel是一个广泛使用的转码器,babel可以将ES6代码完美地转换为ES5代码,所以我们不用等到浏览器的支持就可以在项目中使用ES6的特性。在开发中,有时我们需要的功能,可能需要的不            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-11 14:22:54
                            
                                181阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、模块化1.什么是模块化模块化就是把系统分离成独立功能的方法,这样我们需要什么功能,就加载什么功能每个模块都是独立的,良好设计的模块会尽量与外部的代码撇清关系,以便于独立对其进行改进和维护可以重复利用,而不用经常复制自己之前写过的代码 模块化主要解决两个问题,"命名冲突"、"文件依赖"。1)命名冲突在一个js文件中,如果我们的两个变量名字相同,则前面的会被覆盖,而在不同的js模块,就可            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-22 17:03:54
                            
                                176阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            数据类型数据类型数量类型概述数据类型实例/分类数值整数、小数/基本数据类型字符串文本/基本数据类型布尔true、false/ 基本数据类型undefined未定义、不存在/ 特殊值null空值 /特殊值对象狭义(object)、数组、函数typeof 运算符typeof  instanceof 运算符 Object.prototype.toStringtypeof 123 // "number"
            
                
         
            
            
            
            目录   1. 变量的定义letconst2. 模版字符串3. 数据解构4. 函数扩展设置默认值箭头函数5. 类的定义 class6. 对象的单体模式  "@ ES6新增了关于变量的定义,函数扩展,数据结构,类,模块等概念,本文将详细介绍常用的ES6语法。 ***1. 变量的定义letES6中新增了let语法,用来声明变量,用法类似var。 ==let定义的变量只在当前代码块内有效.== 如下示例            
                
         
            
            
            
            为什么要使用Babel?在当代环境中虽然对ES6的支持越来越好,但是大多数还是不支持ES6,这时候我们就需要把已经写好的ES6代码转换成ES5,而Babel就是将ES6转化成ES5的转码器,被广泛使用。  举个栗子:// 转码前
input.map(item => item + 1);
// 转码后
input.map(function (item) {
  return item + 1            
                
         
            
            
            
             ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版。Babel 主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中。一、安装 babel:安装前需要电脑已安装node。需要局部安装 babel-cli ,不要全局安装babel,            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-09-28 10:14:31
                            
                                541阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、ES5新增特性1.1 严格模式user strict
js是一个弱类型语言,对程序的书写没有太严格的限制,如果 可以不使用var声明变量等,导致在程序员们在开发的过程中,出现很多不并不严谨的代码书写方式。限定范围:当前执行上下文1,在全局上下文使用,限定全局上下文2,在函数上下文使用,限定函数上下文语法限定
1,必需使用var声明变量2,八进制被禁用3,函数必需声明在上下文的最外层4,函数参数            
                
         
            
            
            
            TL;DR    function say(message='Hi') {
    console.log(message);
}
say(); // 'Hi'
say('Hello') // 'Hello'  say() 函数中消息参数的默认值为'Hi'。在 JavaScript 中,默认函数参数允许我们在没有值或undefined传递给函数的情况下,使用默认值初始化命名参数。Argumen