2 c-Tomorrow

尚未进行身份认证

如果你能力撑不起野心的时候,那么就应该静下心来好好学习了。

等级
TA的排名 4w+

new运算符的模拟实现

一句话介绍JavaScript中的new运算符new运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象类型之一我们都知道在JavaScript中new运算符是利用构造函数的方式创建对象的,今天就来模拟一个这个new运算符的功能。new关运算符通过构造函数创建对象得到的对象,来分析一下1.得到的对象的属性中有构造函数中this所绑定的属性2.得到的对象可以访问构造函数原型链上...

2018-10-29 23:18:21

margin的特性及Bug分析

margin是盒子模型中的外边距,在很多地方都会用到这个属性。对于margin相关的东西做了一些总结目录特性总结margin的auto值的应用margin的Bug分析特性总结1.不属于盒子的组成部分,不会影响盒子的尺寸设置。2.在元素周围生成额外的空白区,这个空白区永远都是透明的。3.主要用于控制盒子与盒子之间的间距,以及盒子在页面中的占位。4.对inline元...

2018-09-07 17:20:47

padding的特性及百分比值详解

padding是盒子模型内部的组成部分,它的设置会影响盒子尺寸。有一下注意点。1.不同盒模型下的特点   标准盒模型设定下,影响盒子自身尺寸。   怪异盒模型设定下,影响盒子内容区域尺寸2.行间元素的padding垂直部分的占用空间会受到line-height的限制(有效果,不占用空间)3.对除了table类显示模式的中间元素外,均有效   上述额中间元素指的是...

2018-09-03 11:14:21

宽与高的特性总结

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

2018-09-03 10:56:49

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

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

2018-09-03 10:42:35

漫谈background各种属性的特性

在CSS3样式中background中可以划分多个属性进行设置。目录background-imagebackground-attachmentbackground-originbackground-colorbackground-repeatbackground-positionbackground-clipbackground-size总结:背景的复合属性...

2018-09-03 10:28:13

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

目录 Map转为数组数组转为MapMap转为对象对象转为MapMap转为JSONJSON转为Map主页传送门Map转为数组constmap=newMap();map.set(1,"foo").set(2,"bar").set(3,"baz");constarr=[...map];console.log(arr);数组...

2018-08-29 14:53:18

JavaScriptES6Map与WeakMap

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

2018-08-29 14:46:44

JavaScriptES6的Set与WeakSet

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

2018-08-29 14:22:13

JavaScriptES6内置的Symbol值

除了定义自己使用的Symbol值以外,ES6还提供了11个内置的Symbol值,指向语言内部使用的方法。目录Symbol.hasInstanceSymbol.isConcatSpreadableSymbol.speciesSymbol.matchSymbol.replaceSymbol.searchSymbol.splitSymbol.iteratorSym...

2018-08-20 16:47:00

JavaScriptES6之独一无二的Symbol

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

2018-08-20 16:10:48

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

目录 Object.key()Object.values()Object.entries()Object.key()在ES5中,就引入了Object.keys方法,返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历(enumerable)属性的键名。letobj={foo:"bar",baz:18,}console.l...

2018-08-13 13:13:02

JavaScriptES6对象的super关键字

我们知道,this关键字总是指向函数所在的当前对象,ES6又新增了另一个类似的关键字super,指向当前对象的原型对象。constproto={foo:"hello",};constobj={foo:"world",find(){console.log(this.foo);},finds(){...

2018-08-13 12:59:17

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

目录 __proto__属性Object.setPrototypeOf()Object.getPrototypeOf()__proto__属性__proto__属性(前后各两个下划线),用来读取或设置当前对象的prototype对象。目前,所有浏览器(包括IE11)都部署了这个属性。该属性没有写入ES6的正文,而是写入了附录,原因是__proto__前后的双下划线,说...

2018-08-13 12:52:38

JavaScriptES6对象的Object.getOwnPropertyDescriptors方法理解

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

2018-08-12 21:52:35

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

目录 可枚举性属性的遍历可枚举性对象的每个属性都有一个描述对象,用来控制该属性的行为,Object.getOwnPropertyDescriptor方法可以获取该属性的描述对象。描述对象的enumerable属性,称为可枚举性,如果为true,为可枚举的,如果为false,就表示某些操作会忽略当前属性。letobj={foo:1};console.log(Ob...

2018-08-12 20:25:52

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

目录 Object.is()Object.assign()Object.is()ES5比较两个值是否相等,只有两个运算符:相等运算符(===)和严格运算符(===)。他们都有缺点,前者会自动转换数据类型,后者NaN不等于自身,以及+0等于-0,JavaScript缺乏一种运算,在所有环境中,只要两个值一样的,它们就应该相等。ES6提出同值相等算法,用来解决这个问题。Ob...

2018-08-12 14:55:09

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

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

2018-08-12 00:02:50

JavaScriptES6数组的方法

目录 Array.from()Array.of()数组实例的copyWithin()数组实例的find()和findIndex()数组实例的fill()数组的实例entries(),keys()和values()数组实例的includes()Array.from()Array.from方法用于将两类对象转为真正的数组,类似数组的对象和可遍历的对象,也包括E...

2018-08-09 15:13:28

JavaScriptES6数组的扩展运算符详解

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

2018-08-09 14:16:03

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!