随笔分类 -  日常知识点总结

上一页 1 2 3 4 下一页
项目中遇到的知识点回顾，总结
CSS3盒模型display:box简述
摘要：display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。 box-flex属性box-flex主要让子容器针对父容器的宽度按一定规则进行划分 必须给父容器wrap定义c 阅读全文
posted @ 2017-05-04 09:42 快乐的咸鱼 阅读(311) 评论(0) 推荐(0)
jQuery 绑定事件总结
摘要：目前已知有： $("..").bind("事件名",fn); $("parent").on("事件名","selector",fn); $("..").one("事件名",fn); DOM:addEvenetlistener("事件名",fn); removeEvenetListener("事件名" 阅读全文
posted @ 2017-05-03 19:52 快乐的咸鱼 阅读(249) 评论(0) 推荐(0)
js 柯里化Currying
摘要：今天读一篇博客的时候，看都有关柯里化的东西，由于好奇，特意查了一下，找到一篇比较好的文章，特意收藏。 引子先来看一道小问题：有人在群里出了到一道题目：var s = sum(1)(2)(3) ....... 最后 alert(s) 出来是6 var s = sum(1)(2)(3)(4) ..... 阅读全文
posted @ 2017-05-03 12:52 快乐的咸鱼 阅读(383) 评论(0) 推荐(0)
toString 和 valueOf 总结
摘要：两者的共同点与不同点： 共同点：二者都能用来数据转换，并且在输出对象时会自动调用。 不同点：二者并存的情况下，在数值运算中，优先调用了valueOf，字符串运算中，优先调用了toString,没有操作运算符的情况下，优先调用toString。 所有对象继承了两个转换方法： toString(),主要 阅读全文
posted @ 2017-05-03 11:45 快乐的咸鱼 阅读(178) 评论(0) 推荐(0)
js mouseover/out 要用mouseenter/leave 代替
摘要：js中 onmouseover/out 在进入离开绑定事件的子元素时，都会触发一次，因此项目中药尽量少用 可以使用onmouseenter/leave代替，它们在绑定事件上只会触发一次，不会重复触发 阅读全文
posted @ 2017-04-27 20:35 快乐的咸鱼 阅读(369) 评论(0) 推荐(0)
js类 的小例子
摘要：class Flyer { constructor(fname, speed) { this.fname = fname; this.speed = speed; } fly(){ console.log(this.fname,this.speed) }; } class Plane extends Flyer{... 阅读全文
posted @ 2017-04-25 20:31 快乐的咸鱼 阅读(229) 评论(0) 推荐(0)
ES中保护对象的措施总结
摘要：必要性: JS中的对象可随意修改属性值，可随意添加删除属性,太乱,数据安全得不到保障。 如何保护: 保护属性: 保护对属性值的修改 对象属性分为: 命名属性: 可直接用.访问到的属性 数据属性: 直接存储属性值的属性 如何保护: 四大特性: value: 实际存储属性值 writable: 控制属性 阅读全文
posted @ 2017-04-25 20:19 快乐的咸鱼 阅读(434) 评论(0) 推荐(0)
兼容 数组 api map代码
摘要：if(!("map" in Array.prototype)) Array.prototype.map=function(fun){ for(var i=0,arr=[]; i"); document.write(String(evens)); 阅读全文
posted @ 2017-04-25 20:12 快乐的咸鱼 阅读(156) 评论(0) 推荐(0)
=> 应用在js回调函数中
摘要：=> 可以简化以前的回调函数的调用,具体来说: 今后，几乎所有的回调函数都可用箭头函数简化 比如: 1. 所有回调函数都可: 去function改=> 2. 如果函数体只有一句话: 可省略{} 如果这一句话还是return，可省略return 3. 如果只有一个参数: 可省略() 但是,如果没有参数 阅读全文
posted @ 2017-04-25 20:11 快乐的咸鱼 阅读(397) 评论(0) 推荐(0)
let防止变量声明提前
摘要：let可以解决原来js中,一个函数中变量混乱的问题,因为以前var 定义的变量时, {}是不能限制变量作用域的. 阅读全文
posted @ 2017-04-25 20:04 快乐的咸鱼 阅读(582) 评论(0) 推荐(0)
for-in 的坑
摘要：for-in 循环的下标为字符串,不是数字 结果: 阅读全文
posted @ 2017-04-25 19:54 快乐的咸鱼 阅读(171) 评论(0) 推荐(0)
call 与 apply的区别
摘要：运行结果: 阅读全文
posted @ 2017-04-25 19:35 快乐的咸鱼 阅读(199) 评论(0) 推荐(0)
js 获取元素宽
摘要：第一种情况就是宽高都写在样式表里，就比如#div1{width:120px;}。这中情况通过#div1.style.width拿不到宽度，而通过#div1.offsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中，比如style="width:120px;"，这中情况通过上述2个方法 阅读全文
posted @ 2017-04-22 17:26 快乐的咸鱼 阅读(7014) 评论(0) 推荐(0)
想知道什么是回调函数？就看懂这个例子!
摘要：talk is cheap show U the code! 先定义 doit 函数，有一个参数 callback。这个 callback 就是回调函数，名字可以任意取。看函数体，先定义三个变量 a,b,c。然后调用 callback 函数。最后返回一个值。 下面就调用 doit 函数了。要注意的是 阅读全文
posted @ 2017-04-22 15:03 快乐的咸鱼 阅读(872) 评论(0) 推荐(0)
JavaScript 中 this：
摘要：在绑定事件时，this指定的是被绑定的那个html元素，比如： 结果： press里的this指的就是canvas. 阅读全文
posted @ 2017-04-21 19:12 快乐的咸鱼 阅读(152) 评论(0) 推荐(0)
js 变量与属性的区别
摘要：在全局作用域下， 表明全局变量x，属性b，都是window的属性，因为在全局作用域下，浏览器默认会创建一个window对象。 说明变量x不能通过delete进行删除，但是属性y可以通过delete进行删除； 函数内的变量： 构造函数内的属性: 属性可以o.x调用，但变量不能o.x调用。 阅读全文
posted @ 2017-04-21 19:10 快乐的咸鱼 阅读(1098) 评论(0) 推荐(0)
jQuery attr 与 prop 区别最简单分析
摘要：比较经典的解释: 在处理html元素本身就带有的固有属性时，使用prop方法，对于html元素中，我们自己定义的dom属性时，使用attr方法。 而咱自己的理解是: attr会忠实的获取设置dom标签中的任何字符串，里面有的，都能读取，而且是什么就读取什么，不会隐身转换，没有的读取的值为‘undef 阅读全文
posted @ 2017-04-21 19:05 快乐的咸鱼 阅读(252) 评论(0) 推荐(0)
Js事件处理模型/周期
摘要：有3个阶段 1、 捕获阶段：由外向内，记录各级父元素上绑定的事件处理函数 只记录，不触发。 2、 目标触发：优先触发目标元素上的事件处理函数。 3、 冒泡：由内向外，按捕获的顺序的相反的方向，依次执行父元素上的事件处理函数。 过程如下图所示: 如果希望阻止某些冒泡行为,如表单验证失败时,不允许提交, 阅读全文
posted @ 2017-04-21 19:01 快乐的咸鱼 阅读(731) 评论(0) 推荐(0)
js作用域问题
摘要：js中的作用域是词法性质的，即在那里定义，其作用域就在那里，比如 这里的test定义在rn内部，其作用域就在rn内部，所以第二个alert(x); 的值为 1； 再看下面： test虽然在rn内调用，但是定义在rn外部，所以不能使用var x=1的变量，即第二个alert为undefined 阅读全文
posted @ 2017-04-20 00:21 快乐的咸鱼 阅读(172) 评论(0) 推荐(0)
js 函数里的 this
摘要：1,当作为纯粹的函数调用时,　this指向调用出的环境的上下文,看下面的例子 test()是在全局作用域里调用的,所以this就是指向全局作用域属性(window属性),而与test()函数里的x无关. 2,当作为对象调方法用时,this指的就是对象引用符'.'最前面的东东, 即作为某个对象的方法调 阅读全文
posted @ 2017-04-19 23:35 快乐的咸鱼 阅读(246) 评论(0) 推荐(0)

上一页 1 2 3 4 下一页