未知小未来

摘要： 1、描述DOM事件捕获的具体流程： window——document——html——body——。。。——目标元素 2、event对象的常见应用 event.preventDefault() 阻止默认事件，如阻止a标签跳转 event.stopPropagation() 阻止冒泡 event.sto 阅读全文

摘要： 一、CSS盒模型 标准盒模型 IE盒模型 二者区别，前者的宽度是内容宽度，后者的宽度是内容+内边距+border 二、如何设置这两种盒模型呢？ box-sizing:content-box ; 为标准盒模型 box-sizing:border-box：为IE盒模型 三、js如何设置获取对应盒模型对应 阅读全文

摘要： 1、页面布局 题目：假设高度已知，请写出三栏布局，其中左栏，右栏宽度各位300px，中间自适应。 方法1：浮动 方法2：绝对定位 方法3：flex 方法4：table 方法5：grid布局 讨论： 以上五种方法的优缺点： 1、浮动布局 优点：兼容性好 缺点：要记得清除浮动 2、绝对定位布局 优点：配 阅读全文

摘要： 有人可能会有疑问，CSS3动画不是只有animation一个属性吗？怎么又和转化（transform）和过渡（transition）扯上关系了，其实并非如此，转化（transform）属性让动画的变换多元化，而过渡（transition）属性是动画中的一种表现形式，也可以说成是动画一个版本。 css 阅读全文

摘要： 1、原生js获取同级的兄弟节点 2、关于字符串、undefined、{}、null在代码中true还是false 字符串会自动转为true; undefined会转为false，但是有时候获取值时，undefined会为字符串，此时为true； {} 空对象会为true，那么如何判断一个对象是否为空 阅读全文

摘要： 用于手机端受dpr的影响，实际开发中，PC端和移动端展示的效果不太一样，往往在PC端显示的是1px，移动端常常是偏粗一些。 解决办法： 主要是用到伪类及缩放。在需要画边框的元素上，设置一个伪类，它的伪类相对于这个元素是一个绝对定位，通过伪类画一个1px边框，然后把它定位到元素的下面，就变成一个下边框 阅读全文

摘要： 1、some 如果数组中至少有一个元素满足测试函数，则返回 true，否则返回 false。 2、filter 将所有在过滤函数中返回 true 的数组元素放进一个新数组中并返回。 3、find 找到第一个满足测试函数的元素并返回那个元素的值，如果找不到，则返回 undefined。 4、reduc 阅读全文

摘要： 1、会改变自身的方法 2、不会改变自身的方法 下面的这些方法绝对不会改变调用它们的对象的值，只会返回一个新的数组或者返回一个其它的期望值 3、遍历方法 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_O 阅读全文

摘要： 引入箭头函数有两个方面的作用：更简短的函数并且不绑定this； 1、更简短的函数 箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ ... }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ ... }和return： 如果要 阅读全文

摘要： 由于系统的问题，加上-webkit-overflow-scrolling : touch; 即可解决平滑滚动问题 阅读全文