天空003

摘要： 一、js的内存模型 二、js代码执行机制： 所有同步任务都在主线程上的栈中执行。 主线程之外，还存在一个"任务队列"（task queue）。只要异步任务有了运行结果，就在"任务队列"之中放置一个事件。 一旦"栈"中的所有同步任务执行完毕，系统就会读取"任务队列"，选择出需要首先执行的任务（由浏览器 阅读全文

摘要： 先来了解一下当前都有哪些网页布局方式 （说个悄悄话：我面试的时候有遇到过！！！！原题，一毛一样。当时只讲了一下flex。） 1.静态布局（Static Layout）：即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。 优点：这种布局方式对设计师和CSS编写者来说都是最简单的，亦没有兼容 阅读全文

摘要： 当鼠标经过图片时显示title；alt是当图片没有加载出来时，图片位置显示alt 1.当给一个img添加了title和alt属性时 <img src="http://imgs.aixifan.com/content/2016_07_10/1468158502.gif" title="这是图片的标题" 阅读全文

摘要： 先来学习一下浏览器的运行机制 1.构建DOM树（parse）：渲染引擎解析HTML文档，首先将标签转换成DOM树中的DOM node(包括js生成的标签)生成内容树（Content Tree/DOM Tree） 2.构建渲染树（construct）:解析对应的CSS样式文件信息（包括js生成的样式和 阅读全文

摘要： 先来了解一下事件冒泡和事件捕获： 事件冒泡会从当前触发的事件目标一级一级往上传递，依次触发，直到document为止。 事件捕获会从document开始触发，一级一级往下传递，依次触发，直到真正事件目标为止。 事件委托依靠的就是事件冒泡和事件捕获的机制。 事件冒泡应用场景： <style type= 阅读全文

摘要： 1.Array对象 Array对象用于在单个的变量中存储多个值 创建Array对象的语法： new Array(); 返回的数组为空，length 字段为 0。 new Array(size); 返回具有指定个数、元素为 undefined 的数组。 new Array(element0,eleme 阅读全文

摘要： 1.flex是flexible box的缩写，顾名思义为”弹性布局“，用来为盒状模型提供最大的灵活性 任何一个容器都可以指定为flex布局 .box{ display:flex; } 行内元素也可以使用flex布局 .box{ display:inline-flex } webkit内核的浏览器，必 阅读全文

摘要： 对比一下常用的三种布局： 1.传统布局方式：利用position属性+display属性+float属性，兼容性最好，但是效率低，麻烦 2.flex布局：效率高，学习成本低，兼容性强 3.grid:翻译网格，grid布局相对于flex布局稍微复杂那么一点点，但grid布局比flex布局更强大。 有一 阅读全文

摘要： 1.冒泡排序：每次走完一轮，将最大的放在最后，第二轮，将第二大放在倒数第二个位置。。。。。。 代码如下： const arr = [10,6,26,0,59,1,2] // 外层循环，控制轮数，从0开始计数 for(var i = 0; i < arr.length -1; i++){ // 内层循 阅读全文

摘要： 前端经典面试题目：什么是函数节流，什么是函数防抖？ 函数节流：一个函数执行一次后，只有大于设定的执行周期后才会执行第二次 栗子：有个需要频繁出发函数，处于优化性能角度，在规定时间内，只让函数触发的第一次生效，后面不生效。 案例:页面中有个滚动条，当我滑动滚动条时，会出发函数打印一句话，控制在0.2s 阅读全文