coder_xyf

摘要： JS的移入和移除函数的区别 移入事件： mouseover 和 mouseenter 移除事件： mouseout 和 mouseleave mouseover 和 mouseenter的区别 mouseover: 移入时，移入当前元素以及子元素都会触发事件的发生 mouseenter： 移入时只会 阅读全文

摘要： ####跟时间相关 toLocaleTimeString() 返回具体的时间（比如上午10:30） 具体如下： [大神笔记](https://www.cnblogs.com/sunshq/p/4503437.html) 阅读全文

摘要： Object.entries() Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组，其排列与使用 for...in 循环遍历该对象时返回的顺序一致（区别在于 for-in 循环还会枚举原型链中的属性）。 1. 处理字符串 let arr = 'james' let b 阅读全文

摘要： ###shadow 常用的阴影： box-shadow 、 text-shadow 官方格式： <shadow> = inset? && <length>{2,4} && <color>? 小技巧（如果官方文档中使用 && , 那么属性值跟顺序是没有关系的） inset? : 表示inset可以写可 阅读全文

摘要： ###特别之处 width、height、margin-top、margin-bottom对于行内元素无效 padding-top、padding-bottom对于行内元素来说有效 ，但是相当于浮动的效果，其他盒子布局还是跟正常一样，不会移动，就是行内元素已经覆盖，也不会移动（自动动手试试）(设置p 阅读全文

摘要： 特别之处：只会出现在上下，不会出现在左右 ##上下margin传递 如果块级元素的顶部线和父元素的顶部线重叠，那么块级元素的margin-top的值会传递给父元素 <style> .father { width: 200px; height: 200px; background-color: red 阅读全文

摘要： 原生JS中的DOM操作总结 理解： JS中节点的划分 JS中分为元素节点，文本节点，属性节点，（注释节点，文档节点） <div class="kk">james</div> <div> 元素节点 class="kk" 属性节点 james 文本节点 节点的四大属性 节点名称 节点名称（nodeNam 阅读全文

摘要： Vue中watch和computed的对比 共同点： ​ 都是根据数据的变化，对应的函数做出相应的动作。 不同点： computed根据data和props中的数据变换形成新的变量。watch只能监听中data和props中的数据。 computed支持缓存（响应式依赖计算得到的值），而watch不 阅读全文

摘要： 脱离标准流的条件： position: fixed position: absolute float: right / left 所以脱离标准流的特点： 可以设置宽高 默认的宽高是由内容决定的 不在遵循标准流 不在给父元素汇报宽高 这是官网上解释脱离标准流之后，与display之间的转化。大部分都是 阅读全文

摘要： 层叠顺序 标准元素 ——》 浮动元素 --》定位元素（position不是static） （层叠关系） 规则一 元素一旦设置了浮动元素，就会脱离标准流 朝着向左右方向移动，直到自己的边界紧贴着包含块（父元素）或者其他的浮动元素的边界为止 规则二 浮动元素不能与行内内容层叠，行内级内容将会被浮动推出去 阅读全文