- 博客(19)
- 收藏
- 关注
原创 检测对象类型instanceof
检测对象类型: xxxx instanceof Object(对象类型)输出 true or false Object.prototype.toString.call(NaN))正确检测类型方法//[object Number]
2019-03-02 21:29:40
264
原创 CSS 清除浮动
方法1: 构建BFC/haslayout 但是这种方法时块内与外部隔绝了 方法2: 比较兼容的方法: 用在包含浮动子元素的父元素上 .clearfix:after{ content:";display;block;height:0;overflow:hidden;clear:both } .clearfix{*zoom:1}IE6/IE7 方法3...
2019-03-02 21:23:03
154
原创 [js学习]prototype与_proto
_proto_指向的是构造该对象的构造函数的的原型对象 prototype指向的是函数的对象原型 Person.prototype.isPrototype(Person)用来检验实例是否存在指向这个构造函数对象原型这层关系 ES5新增了这种方法,叫Object.getPrototypeOf()可以返回_proto_的值 hasOwnProperty()可以检验属性是来自于原型还...
2019-03-02 21:16:32
142
原创 [js学习]apply()方法与call()方法
Object.call(this,obj1,obj2,obj3) Object.apply(this,arguments) call和apply为 应用函数 如果第一个参数为null的话,this指向全局对象,此时得到的结果恰好如同当调用一个非指定对象时的方法。 当函数是一个对象的方法时,此时不能传递null引用。在这种情况下,这里的对象将成为apply()的第一个参数; 其...
2019-03-02 21:14:54
209
原创 冒泡事件和捕获事件
冒泡事件:事件由目标元素往外层触发,至document元素(IE9、Firefox、Chrome和Safari则将事件一直冒泡到window对象) 捕获事件:事件由外开始接受事件,至目标元素。IE9、Firefox、Chrome和Safari 从window对象开始捕获) 目前DOM事件流将2个阶段合并起来。事件触发由捕获阶段开始,冒泡阶段结束,(目标接受到事件这一阶段被归为...
2018-12-08 14:23:26
235
原创 CSS样式初始化
不同浏览器对各个元素的margin,padding,border,font等属性的定义各有不同,不同浏览器的显示效果可能不一样,为了杜绝这种情况,通过CSS强制让所有元素的属性值都一样。 主要需要初始化的样式 1.块元素,由于不同浏览器对各个元素的margin,padding,等属性的定义各有不同,为了兼容性的问题,我们需要将块级元素的margin和padding设置为0; ...
2018-07-31 15:42:12
392
原创 DOM(文档对象模型document object model):总结自红宝书
什么是DOM? Dom是针对HTML和XML文档的一个API。DOM描绘了一个层次化的节点树,允许开发人员添加、移动和修改页面的某一个部分。 节点层次 1.DOM可以将任何HTML描绘成一个由多层节点构成的元素。节点分为几种不同的类型,每种类型分别表示文档中不同的信息及标记。每个节点都拥有各自的特点、数据和方法,另外也与其他节点存在某种关系。节点之间的关系构成了层次,而所有页面标记则表...
2018-07-18 01:08:10
350
原创 [js学习]闭包的理解
闭包是什么? 闭包是指有权访问另一个函数作用域中的变量的函数 闭包的作用: 闭包使得函数可以继续访问定义时的词法作用域 无论通过何种手段内部函数传递到所在的词法作用域以外,它都会持有对原始定义作用域的引用 ,无论在何处执行这个函数都会使用闭包 缺点:没有被回收,会照成内存泄漏 (为什么?因为垃圾回收机制所以引用的方法,而闭包内的变量引用数至少也是一,因此不会被回收,...
2018-07-18 01:05:37
158
原创 js中的this对象
this对象是运行时基于函数的执行环境绑定的;在全局函数中:this等于window当函数作为某个对象的方法调用时,this等于那个对象,不过匿名函数的执行环境具有全局性,因此this对象通常指向window。var name=" The Window"var object={ name:"My Object" getNameFunc:function(){ retur...
2018-07-14 11:22:30
231
原创 【ES6】let 与 var 的区别
一、let与var在块级作用域中的区别ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。例如:输出在for循环中也是如此,用var声明的计数器a在全局都有效,用let声明的计数器a中在只在循环体内有效;另外,for循环还有一个特别之处,就是设置循环变量的那部分是一个父作用域,而循环体内部是一个单独的子作用域。只输出了4次3也就是说这表...
2018-06-06 14:45:32
219
原创 Vue.js axios解决跨域问题
首先在config的index.js中的proxyTable做如下配置target为你所要调用的地址然后在main.js中做如下配置定义一个变量url并赋予地址这样就解决了跨域的问题
2018-05-28 22:40:58
297
原创 [js框架]Vue框架的基础学习 三、列表渲染
v-for指令 v-for指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法,items 是源数据数组并且 item 是数组元素迭代的别名。例如:结果:在 v-for 块中,我们拥有对父作用域属性的完全访问权限。v-for 还支持一个可选的第二个参数为当前项的索引。结果为:v-for可以迭代一个对象,第二个参数为键名,第三个为索引值如:结果为:...
2018-05-15 10:20:30
279
原创 [js框架]Vue框架的基础学习 一、模板语法的使用
一、模板语法的使用1.“Mustache”语法 (双大括号) 文本{{ }}中能传入字符串,也能传入数字但是不能传入未定义的变量,如{{hello}}如果data中未定义hello的值,是不会显示的显示结果:{{ }}中能使用 JavaScript 表达式,但是只能用单个表达式如:结果为:2 0如果你用if或语句的话是不会执行的,会报错。...
2018-05-14 21:56:07
608
原创 [js学习]扩展运算符的用法
一.将数组元素在函数中调用如果不用扩展语法的话,我们将数组元素传入函数一般是用Function.prototype.apply( )方法例如function plus(a,b,c){return a+b+c}; var nums=[1,2,3]; plus.apply(null,nums)//6如果用扩展语法写的话,可以写成function plus(a,b,c){return a+b+c}; v...
2018-05-10 15:38:39
1694
原创 [js学习]三、js算法题:用函数计算
题目:seven(times(five())); // must return 35four(plus(nine())); // must return 13eight(minus(three())); // must return 5six(dividedBy(two())); // must return 3要求:对于从0(“零”)到9(“9”)的每个数字必须有一个函数对于以下每个数学运算必须...
2018-05-09 16:45:49
773
原创 [js学习]二、js笔记之匹配字符串问题
一.匹配字符串问题1.匹配字符串可以用match(//正则表达式)方法来匹配字符例子如下:functionXO(str){ let x = str.match(/x/gi); let o = str.match(/o/gi); return (x && x.length) === (o && o.length);}本例子为匹配字符“o”和“x”次数,不区分大小...
2018-05-02 17:35:34
297
原创 [js学习]一、js算法题:简单的字符串扩展
题目:给定一个字符串,返回该字符串的扩展。输入将由有效括号中的小写字母和数字(1到9)组成。最后一个右括号后面没有字母或数字。例如:solve("3(ab)") = "ababab" -- "ab" repeats 3 timessolve("2(a3(b))" = "abbbabbb" -- "a3(b)" == "abbb" repeats twice.本人的解决方
2018-05-02 17:30:18
372
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人