
JavaScript
继续继续努力
冰冻三尺非一日之寒
展开
-
对原型对象中this的一个认知--(转自张鑫旭)
1. 事情的起因 平时接触的都是下面的故事: var story = { progress: "unknown", start: function() { this.progress = "start"; } }; 然后如下执行的时候,结果就是: story.start(); console.log(story.progress);转载 2017-05-13 10:35:37 · 644 阅读 · 0 评论 -
JavaScript中call()l和apply()的区别
call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明: call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数,那么 Global 对象被用作原创 2017-05-13 14:46:43 · 424 阅读 · 0 评论 -
ES6 Class的用法
1.Class的基本语法 ES5写法 function Point(x, y) { this.x = x; this.y = y; } Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')'; }; var p = new Point(1, 2); console转载 2017-05-15 10:10:51 · 254 阅读 · 0 评论 -
多个ip空格分隔,验证ip是否合法
文本域输入多个ip以空格或者多个空格分隔,判断每个输入的ip是否合法。 1、首先给String增加一个原型方法,用来去除多个空格,人后通过split方法分割成数组 String.prototype.ResetBlank=function(){ var regEx = /\s+/g; return this.replace(regEx, ' '); }; var ipList = va原创 2018-01-31 19:07:00 · 793 阅读 · 0 评论 -
几行代码让你明白原型链
原型链作为实现继承的主要方法,基本思想是利用一个引用类型继承另一个引用类型的属性和方法~~可能看着有点绕。(js的数据类型分为基本类型和引用类型,而ECMA-262把对象定义为无序属性的集合,创建对象最简单的方式就是创建一个Object的实例,然后为它添加属性和方法。)构造函数、原型和实例的关系:每个构造函数都有一个原型对象,即prototype,原型对象都包含一个指向构造函数的指针,而实例都包含...原创 2018-04-13 17:56:14 · 318 阅读 · 0 评论 -
React.js循环渲染问题
render:() => { let items = []; for (let i = 0; i < 3; i++) { items.push(<div className="item" key={index}>{i}</div>); } return ( <div> {items}...原创 2018-05-23 11:05:19 · 5506 阅读 · 0 评论 -
JS常用深拷贝使用
react开发过程中,从后台接收数据有的时候不是很友好,需要进行对数据加工才能进行数据渲染。如果不采用深拷贝对数据操作会污染原始数据: // json const obj = {name: 'llx123'} const obj2 = { ...obj } const obj3 = JSON.parse(JSON.stringify(obj)) // array const arr= [{...原创 2018-08-09 17:43:58 · 741 阅读 · 0 评论 -
JS数组常用方法:forEach、map、filter、some、every,filter与map区别
forEach() 方法对数组的每一个元素执行一次提供的函数。 map() 方法创建一个新数组,其结果是该数组都执行一次函数,原函数保持不变。 filter() 方法使指定函数测试数组的每一个元素,并放回一个通过元素的新数组。 some() 方法测试该数组有元素通过了指定函数的测试,如果有返回true,否则,返回false。 every() 方法测试该数组是否全部通过指定函数测试,全部通过...原创 2018-08-02 11:27:24 · 1055 阅读 · 0 评论 -
使用addeventlistener点击li弹出内容,并且动态添加li之后有效
html <button onclick="addFunction()">点我增加</button> <ul></ul> var num = 1; var u=document.querySelector("ul"); function addFunction(){ var l=document.createElement('li') ...原创 2018-11-22 09:51:33 · 1328 阅读 · 0 评论