width:auto 里的 width:100% 首先我知道，对于的width:auto：  inline-block : 被内容撑开 block : 充满父盒子  后来在 width:auto 和 width:100% 一起使用时，我发现了一些有趣的问题，我随着我的发现把它们记录了下来  首先是width:auto 里的 width:100%  <div class="out"> <div></div> <span> 这是一段话这是一段话这是一段话 </span> </div> .out { disp...

顺序很重要 顺序很重要 顺序很重要  +选择器  .a + .b + .c {} 选中 严格顺序为 ab紧接着的兄弟c元素 .a + .b + * {} 选中 严格顺序为 ab紧接着的下一个任意兄弟元素  <div class="a"> 1 </div> <div class="b"> 2 </div> <div class="a"> 3 </div> <div class="b"> 4 </div> <div c...

阶段一 最初只有两个基础盒子：块级盒子、内联盒子  块级盒子(block-level box) 负责结构，可作用宽高，不与图文一行显示 内联盒子(inline box) 负责内容，不作用宽高，与图文一行显示  这时候，所有的"块级元素"只有一个"块级盒子"。 阶段二 display:list-item 因为list-item默认要显示项目符号，一个盒子解释不了。 解决：为 == list-item == 重新命名一个盒子——附加盒子，学名标记盒子(marker box)用来存放圆点、数字这些项目符号。 这时候，所有的"块级元素"都有一...

网上遇到的讲的很好的文章链接汇总 let 深入理解 你会用ES6，那倒是用啊！ 观察者模式和发布订阅模式有什么区别？ 你真的会答“闭包”吗？ 持续更新中...

现有arr1,arr2生成obj:{ arr1[0]:arr2[0], arr1[1]:arr2[1], ...} const obj={}; arr1.forEach((value,index){ return obj[value]=arr2[index] })

获取x的某位数字，d=1即获取个位数，d=2即获取百位数..  function getDigit(x,d){ return parseInt((x/Math.pow(10,d-1))%10); }

两个margin在垂直方向相遇时会发生塌陷现象 .a1{ width: 100px; height: 100px; background-color: rgb(223, 126, 126); } .a2{ width: 50px; height: 50px; background-color: rgb(167, 153, 33); } <!-- margin了50px,40px塌陷 --> <div class="a1" style="margin-bottom:50px;">1 </div> <div clas...

默认全局变量为 window 优先级：new>显示绑定>隐式绑定>默认绑定  概要  function函数this绑定规则 构造函数return this 之外的东西，生成的对象和this指向的情况 箭头函数this指向 例题    function函数    默认绑定  独立调用，指向window console.log(this===window) //true   隐式绑定 谁调用就指向谁  函数执行才会有this，每个函数都有自己的this，this指向是否相等由函数执行方式决定 let obj = { foo : function(){ console.log(th...

总结于bi站up 前端小夏老师   众说闭包 闭包是什么？   犀牛书：函数变量可以保存在函数作用域内，从技术角度讲，所有函数都是闭包 function bar(){ let n = 0; } 高级程序设计：闭包是指有权访问另一个函数作用域中变量的函数(函数没导出) function foo(){ let n = 0; function bar(){ console.log(n) }; bar(); //bar就是闭包 } foo() 你不造的js： 当函数可以记住并访问所在的词法作用城时，就产生了闭包，即使函数是在当前词法作用域之外执行。 function foo(){ let n = 0;...

let set2 = new Set(set1) let set1 = new Set(); let set2 = new Set(set1); let set3 = new Set(); set3 = set1; console.log(set1===set2) //fasle console.log(set1===set3) //true

啊哈哈啊哈哈