CSS变量(CSS Variables)使用的方法和好处CSS自定义变量有过编程基础的人对变量一词应该不陌生。CSS 变量,即由网页的作者或用户定义的实体,用来指定文档中的特定变量。更准确来说,应称之为 CSS 自定义属性 ,不过为更好理解称之为 CSS 变量。然而学过CSS的人都知道,CSS 中是没有变量而言的,要使用 CSS 变量,只能借助 SASS 或者 LESS 预编译器。但现在,我们可以
转载
2024-05-21 22:57:09
40阅读
目录1、ES6 模块的设计思想2、ES6 模块默认使用严格模式3、export4、import5、module 的整体加载6、export default7、import 和 require 的对比8、import()函数适用场合(1)、按需加载(2)、条件加载我们经常看到在 js 文件中出现 require,还有 import,这两个都是为了JS 模块化编程使用。CSS 的是 “@im
转载
2024-04-11 15:37:31
166阅读
目录第二章地址第二章思维导图变量声明方式变量提升 hoist第一种提升方式:var第二种提升方式:function(函数提升)第三种提升方式:let & const重复声明疑问:为什么块级作用域使得匿名立即执行函数表达式不再必要了?参考资料第二章let 和 const 命令第二章思维导图第二章读得比较模糊的部分是变量提升和块级作用域。因此查了额外的资料进行补充总结,略过的部分书内都有详细的
转载
2024-05-17 14:06:56
52阅读
今天学习node 看了视频突然通透了 有一些东西学到后来一回顾才发现怎么回事。之前学node学的是commjs模块化和npm 这几天进行node的express框架的学习 才搞明白之前怎么回事 就好像之前我ajax都不知道干嘛的说一下node里面有两种模块化方式一种是CommJs模块化另一种是es6退出之后的模块化,在es6出来之前都是CommomJs模块化 那么在写node的时候我们就有两种选择
转载
2024-07-11 12:24:07
47阅读
demo结构dist为编译后的代码
src放es5代码环境搭建<!-- 安装babel -->
npm install --save-dev babel-cli
<!-- //转换es5 -->
cnpm i --save-dev babel-preset-es2015 babel-cli
<!-- 创建一个.babelrc文件 -->
{
"pr
什么是JavaScriptJavaScript一种动态类型、弱类型、基于原型的客户端脚本语言,用来给HTML网页增加动态功能。(好吧,概念什么最讨厌了)动态:在运行时确定数据类型。变量使用之前不需要类型声明,通常变量的类型是被赋值的那个值的类型。弱类:计算时可以不同类型之间对使用者透明地隐式转换,即使类型不正确,也能通过隐式转换来得到正确的类型。原型:新对象继承对象(作为模版),将自身的属性共享给
1.ES6的声明方式ES6一共有三种声明方式:var:是variable的缩写,全局变量;let:局部变量;const:常量var声明
在ES6中,var被定义为全局变量,我们做个测试:在区块中定义一个var的变量a,然后在区块外看看能否打印出来。{
var a = 1;
}
console.log(a);
复制代码你会发现,这个时候,a是可以打印出来的,这就说明var定义的是全局变量。l
ES6 变量声明letlet 只能在其作用域内使用暂时性死区在没有声明 let 变量之前使用变量,会
原创
2022-06-30 11:31:47
61阅读
对象分类ES6 规范明确定义了对象的每种类别:普通对象:拥有js对象所有默认的内部行为奇异对象:其内部行为在某些方面有别于默认行为标准对象:如Array、Date等。标准对象可以是普通的,也可以是奇异的内置对象:由js运行环境提供的对象。所有的标准对象都是内置对象。对象字面量ES6用几种方式扩展了对象字面量:属性值简写在以前,对象字面量是键值对的集合,属性值在初始化的时候可能会有重复:functi
转载
2024-03-19 16:30:43
59阅读
1. 对象再JavaScript中,对象是一组无序相关属性和方法的集合,所有事物都是对象,例如,字符串、数值、数组、函数等。对象是由属性和方法组成的:属性:事物的特征,在对象中用属性来表示(常用名词)方法:事物的行为,在对象中用方法来表示(常用动词)2. 类在ES6中新增了类的概念,可以使用class关键字声明一个类,之后这个类来实例化对象。类抽象了对象的公共部分,它泛指某一大类对象特指某一个,通
转载
2024-04-19 13:41:51
37阅读
1、为什么有模块概念 历史上,JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。其他语言都有这项功能,比如 Ruby 的require、Python 的import,甚至就连 CSS 都有@import,但是 JavaScript 任何这方面的支持都没有,这对开发大型的、复杂的项目形成了巨大障碍。 在 ES6 之前,社区制定
转载
2024-04-07 10:32:49
30阅读
简介类的由来JavaScript 语言中,生成实例对象的传统方法是通过构造函数。下面是一个例子。function Point(x, y) {
this.x = x;
this.y = y;
}
Point.prototype.toString = function () {
return '(' + this.x + ', ' + this.y + ')';
};
var p =
转载
2024-10-28 21:09:15
5阅读
ES6(ECMAScript2015)的出现,让前端开发者收到一份惊喜,它简洁的新语法、强大的新特性,带给我们更便捷和顺畅的编码体验,赞! 以下是ES6排名前十的最佳特性列表(排名不分先后):1、Default Parameters(默认参数) in ES62、Template Literals (模板文本)in ES63、Multi-line Strings (多行字符串)in ES6
1、简介 Class 可以通过extends关键字实现继承,这比 ES5 的通过修改原型链实现继承,要清晰和方便很多。 子类必须在constructor方法中调用super方法,否则新建实例时会报错。这是因为子类没有自己的this对象,而是继承父类的this对象,然后对其进行加工。如果不调用super方法,子类就得不到this对象。 在子类的构造函数中,只有调用super之后,才可以使用th
es6是JS(JavaScript)的下一个版本。新增了let命令,用来声明变量。变量在第一个花括号内有用,先声明后引用。不允许重复声明。存在暂时性死区。const声明一个只读的常量。一旦声明,常量的值就不能改变。声明并初始化。const只保证地址不变,并不代表值不变,Javascript:javascript是属于HTML和WEB的编程语言,JavaScript 是 web 开发者必学的三种语言
转载
2024-07-07 16:47:44
57阅读
JavaScript ES6知识点汇总(上)一、module、export、import二、Generator函数三、for...in 和 for...of四、Reflect 简单介绍下,js es6的一些新特性。一、module、export、importmodule、export、import是ES6用来统一前端模块化设计方案的设计思路和实现方案。export、import的出现统一了前端模
1、数组解构,可以设置默认值 2、对象解构 对象的解构与数组有一个重要的不同。数组的元素是按次序排列的,变量的取值由它的位置决定;而对象的属
转载
2017-12-08 10:30:00
100阅读
2评论
ECMAScript中的变量是松散的,每个变量只不过是一个保存任意值的“占位符” 3个关键字可以声明变量:var、const、let,后两个只能在ES6+版本中使用 #var 用法:var关键字后跟变量名 变量未初始化时,默认值为undefined 初始化变量时,只是简单的赋值,并不会将其标识为相应 ...
转载
2021-10-11 11:52:00
42阅读
get关键字特性get关键字可在对象内部使用,可为此对象创造一个伪属性。先看下面一个例子:let obj = {
get name(){
let a =10;
return a;
}
}
console.log(obj.name); //10当我们去调用o