c__dreamer的博客

一个充满梦想的世界

new运算符的模拟实现

一句话介绍JavaScript中的new运算符 new运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象类型之一 我们都知道在JavaScript中new运算符是利用构造函数的方式创建对象的,今天就来模拟一个这个new运算符的功能。 new关运算符通过构造函数创建对象得到的对象,来分...

2018-10-29 23:18:21

阅读数 79

评论数 0

margin的特性及Bug分析

margin是盒子模型中的外边距,在很多地方都会用到这个属性。对于margin相关的东西做了一些总结 目录 特性总结 margin的auto值的应用 margin的Bug分析 特性总结 1.不属于盒子的组成部分,不会影响盒子的尺寸设置。 2.在元素周围生成额外的空白区,这个空白区永远...

2018-09-07 17:20:47

阅读数 101

评论数 0

padding的特性及百分比值详解

padding是盒子模型内部的组成部分,它的设置会影响盒子尺寸。 有一下注意点。 1.不同盒模型下的特点     标准盒模型设定下,影响盒子自身尺寸。     怪异盒模型设定下,影响盒子内容区域尺寸 2.行间元素的padding垂直部分的占用空间会受到line-height的限制 (有效...

2018-09-03 11:14:21

阅读数 339

评论数 0

宽与高的特性总结

css中的width和height用于设置元素的宽度和高度。 1.不同盒模型下的宽高设置     标准盒子设定下:设置的是元素的内容区域宽高。     怪异盒子设定下:设置的是元素的整体区域宽高。 2.值可以是数值 3.对inline(行级)元素无效 4.支持min和max前缀   ...

2018-09-03 10:56:49

阅读数 51

评论数 0

clip的text值设置文字遮罩效果

在background-clip中有一个属性值是text。用于让裁剪区域限制于容器中的文本内。可以让背景图呈现在文本区域内,实现用图像填充文本的神奇效果。 有一下几点需要注意:     1.需要配合webkit的另一个私有属性: -webkit-text-fill-color: 来实现。  ...

2018-09-03 10:42:35

阅读数 97

评论数 0

漫谈background各种属性的特性

在CSS3样式中background中可以划分多个属性进行设置。 目录 background-image background-attachment background-origin background-color background-repeat background-pos...

2018-09-03 10:28:13

阅读数 143

评论数 0

JavaScriptES6中Map与对象、数组,JSON之间的相互转换

目录   Map转为数组 数组 转为 Map Map 转为对象 对象转为 Map Map 转为 JSON JSON 转为 Map 主页传送门 Map转为数组 const map = new Map(); map.set(1,"foo").s...

2018-08-29 14:53:18

阅读数 3686

评论数 0

JavaScriptES6Map与WeakMap

目录   Map 含义与用法 实例的属性和操作方法 遍历方法 WeakMap 含义 WeakMap的语法 WeakMap的用途 Map 含义与用法  JavaScript的对象,本质上是键值对的集合(hash结构),但是传统上只能用字符串作为建,这有了很大的限制。 co...

2018-08-29 14:46:44

阅读数 375

评论数 0

JavaScriptES6的Set与WeakSet

目录 Set 基本用法 Set实例的属性和方法 遍历方法及应用 WeakSet 含义 语法 WeakSet结构的三个方法。 Set 基本用法  ES6提供了新的数据结构Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set本身是一个构造函数,用来生成Set数据结构...

2018-08-29 14:22:13

阅读数 150

评论数 0

JavaScriptES6内置的Symbol值

除了定义自己使用的Symbol值以外,ES6还提供了11个内置的Symbol值,指向语言内部使用的方法。 目录 Symbol.hasInstance Symbol.isConcatSpreadable Symbol.species Symbol.match Symbol.replace...

2018-08-20 16:47:00

阅读数 205

评论数 0

JavaScriptES6之独一无二的Symbol

目录 作为属性名的Symbol 实例:消除魔术字符串 Symbol类型属性名的遍历 Symbol.for() Symbol.keyFor() Symbol是一个原始数据类型,表示独一无二的值,也就是说Symbol类型的值只要创建就是唯一的。它是JavaScript语言的第七种数据类型,前...

2018-08-20 16:10:48

阅读数 124

评论数 0

JavaScriptES6对象的Object.key, Object.values, Object.entries

目录   Object.key() Object.values() Object.entries() Object.key() 在ES5中,就引入了Object.keys方法,返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历(enumerable)属性的键名。 let o...

2018-08-13 13:13:02

阅读数 2475

评论数 0

JavaScriptES6对象的super关键字

我们知道,this关键字总是指向函数所在的当前对象,ES6又新增了另一个类似的关键字super,指向当前对象的原型对象。 const proto = { foo : "hello", }; const obj = { foo : &...

2018-08-13 12:59:17

阅读数 600

评论数 0

JavaScriptES6对象的__proto__属性,Object.setPrototypeOf,Object.getPrototypeOf

目录   __proto__属性 Object.setPrototypeOf() Object.getPrototypeOf() __proto__属性 __proto__属性(前后各两个下划线),用来读取或设置当前对象的prototype对象。目前,所有浏览器(包括 IE11)都部署...

2018-08-13 12:52:38

阅读数 70

评论数 0

JavaScriptES6对象的Object.getOwnPropertyDescriptors方法理解

上一个博客提到了Object.getOwnPropertyDescriptor方法会返回某个对象属性的描述对象。ES2017引入了Object.getOwnPropertyDescriptors方法。返回值为对象所有自身属性(非继承属性)的描述对象。 const obj = { a ...

2018-08-12 21:52:35

阅读数 129

评论数 0

JavaScriptES6对象之属性的可枚举性及遍历详解

目录   可枚举性 属性的遍历 可枚举性 对象的每个属性都有一个描述对象,用来控制该属性的行为,Object.getOwnPropertyDescriptor方法可以获取该属性的描述对象。描述对象的enumerable属性,称为可枚举性,如果为true,为可枚举的,如果为false,就表...

2018-08-12 20:25:52

阅读数 837

评论数 0

JavaScriptES6对象的Object.is和Object.assign方法详解

目录   Object.is() Object.assign() Object.is() ES5比较两个值是否相等,只有两个运算符:相等运算符(===)和严格运算符(===)。他们都有缺点,前者会自动转换数据类型,后者NaN不等于自身,以及 +0 等于-0,JavaScript缺乏一种运...

2018-08-12 14:55:09

阅读数 159

评论数 0

JavaScriptES6对象之属性简洁表达式及属性名表达式

ES6中对象的字面量是发生了翻天覆地的变化,变得非常简便 目录 属性简洁表达式 属性名表达式 方法的name属性 属性简洁表达式 ES6中允许使用变量来作为属性和方法,书写更简便。 const foo = "bar"; const baz = {...

2018-08-12 00:02:50

阅读数 460

评论数 0

JavaScriptES6数组的方法

目录   Array.from() Array.of() 数组实例的copyWithin() 数组实例的find()和findIndex() 数组实例的fill() 数组的实例 entries(),keys()和values() 数组实例的includes() Array.fro...

2018-08-09 15:13:28

阅读数 123

评论数 0

JavaScriptES6数组的扩展运算符详解

ES6中新增了许多数组的方法以及数组的新特性 目录 扩展运算符 扩展运算符的作用 扩展运算符 扩展运算符是三个点,它好比rest参数的逆运算,作用是将一个数组转为用逗号分隔的参数序列。 console.log(...[1,2,3]); //该运算符主要用于函数调用 function...

2018-08-09 14:16:03

阅读数 130

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭