01 2021 档案

jQuery小知识点
摘要：1. jQuery 对象的data方法 获取数据：$(selector).data(name) 如果没有传name, 则以对象形式返回所有数据 设置数据：$(selector).data(name,value) 2. 数组相关 $.inArray（field, array）判断项是否在数组中 $.i 阅读全文
posted @ 2021-01-28 14:24 碗粥 阅读(27) 评论(0) 推荐(0)
call、apply、bind 解析
摘要：1. call、apply、bind 都是用来重定义this的 2. call、apply、bind区别 //call、apply、bind区别 var obj = { name: "猴菇", age: 2, introduce1: function(hobby, food) { alert(thi 阅读全文
posted @ 2021-01-28 14:18 碗粥 阅读(65) 评论(0) 推荐(0)
Array.prototype.slice.call(param) 解析
摘要：1. 为什么不直接调用数组slice? 因为param参数不是数组， 它无法直接调用数组的slice方法，但是我们又想用到数组的这个方法，Array.prototype.slice帮我们做了将param转为数组的工作。 2. Array.prototype.slice 它将param参数转化为数组， 阅读全文
posted @ 2021-01-28 11:05 碗粥 阅读(71) 评论(0) 推荐(0)
css 画小三角形的方法
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 <style> 7 .outerDiv { 8 margin: 100px; 9 width: 100px; 10 height: 1 阅读全文
posted @ 2021-01-27 17:35 碗粥 阅读(73) 评论(0) 推荐(0)
css 小知识点
摘要：1.width:auto或者不设width 与 width:100% 区别 width:auto或者不设：子元素会默认撑满父元素content区域，如果子元素有margin、border、padding的话，content区域会自动减去margin、border、padding，这样子元素一定不会超 阅读全文
posted @ 2021-01-25 11:47 碗粥 阅读(100) 评论(0) 推荐(0)
（screenX、pageX、clientX、offsetX）（offsetWidth、scrollWidth、clientWidth） （srcollTop、clientTop）(offsetLeft、style.left) 区别
摘要：1、screenX、pageX、clientX、offsetX screenX: 鼠标指针距离屏幕左侧的距离，不随滚动条变化而变化 pageX: 鼠标指针距离文档左侧的距离，不随滚动条变化而变化 clientX: 鼠标指针距离可视窗口左侧的距离, 随滚动条变化而变化， 如果拖动滚动条让元素离可视窗口 阅读全文
posted @ 2021-01-20 16:46 碗粥 阅读(136) 评论(0) 推荐(0)
mouseover、mouseout与mouseenter、mouseleave 区别
摘要：1.mouseover与mouseout成对、mouseenter与mouseleave成对 2.mouseover、mouseout的触发先于mouseenter、mouseleave 3.mouseover、mouseout支持冒泡，即子元素的mouseover、mouseout事件被触发后会冒 阅读全文
posted @ 2021-01-05 17:12 碗粥 阅读(78) 评论(0) 推荐(0)
position属性，重要!
摘要：static 默认值，没有定位，元素出现在正常的流中 absolute 生成绝对定位元素，相对于static定位以外的第一个父元素定位 left/top/bottom/right fixed 生成绝对定位元素，相对于浏览器窗口进行定位 left/top/bottom/right relative 生 阅读全文
posted @ 2021-01-05 17:02 碗粥 阅读(48) 评论(0) 推荐(0)