晓风零乱

摘要： 1.事件监听window.addEventListener方法： Window.addEventListener(event, function, useCapture); useCapture:表示传递的类型是冒泡（false）还是捕获（true）。 Event：表示事件； Function：表示 阅读全文

摘要： 浮动(float):浮动原先设定时主要是用于文本环绕图像设定的，后来发现其在css布局中有很大的帮助，故渐渐使用浮动。 浮动后的元素脱离了文档的普通流，使得浮动的元素不占据文档的位置，其他元素可以覆盖其位置。 浮动元素不影响块框元级元素布局，但是可以影响内联元素（主要是文本）布局。（即浮动元素不占据 阅读全文

摘要： 事件委托：当我们需要对很多元素添加事件的时候，可以通过将事件添加到它们的父节点而将事件委托给父节点来触发处理函数。这主要得益于浏览器的事件冒泡机制。 例如： <ul id="ul1"> var oUl = document.getElementById("ul1"); <li>111</li> va 阅读全文

摘要： 前端页面优化主要有2方面： 1.页面级别 一、减少http请求次数，每个请求都是有成本，请求多了数据显示慢，影响页面渲染。 实现方法：1.合理设置http缓存 将请求的内容缓存在本地，下次用时不用再去请求。2.合并页面所用的CSS图片，使加载图片的次数减少。 二、将JS文件置于文档底部，使其不影响页 阅读全文

摘要： 正则表达式练习： 1.判断用户输入的值是否正确的手机号 匹配手机号：/?1[3456789]\d{9}$/; // 其中 ?表示以什么开头 [3456789]表示第2位可能的数字 \d{9}表示9位数字 $表示结束 if(/?1[3456789]\d{9}$/.test(用户输入的值)) //tes 阅读全文

摘要： http请求由：请求行；消息报头；请求正文组成 //请求行 Request URL: http://172.32.4.33:8080/operation/v2/autoServer/queryAutoServer.htm //请求地址 Request Method: POST //请求方式 Stat 阅读全文

摘要： js线程：javascript是单线程的，所有任务都需要排队，这些任务分为同步任务和异步任务，单线程上有一个主线程任务。同步任务必须再主线程上排队进行，而异步任务（类似于点击事件）必须在主线程上的任务全部进行完成后形成一个任务队列（将所有的触发事件放在一个任务队列中），这任务队列的任务也是需要排队的 阅读全文

摘要： 1.static 默认定位方式 显示为没有设置定位时的位置 2.fixed(固定定位) 他所相对固定的对象是可视窗口，与其他无关。以浏览器窗口作为参考进行定位 3.relative(相对定位) 元素相对自身偏移某个位置，可于子元素设置absolute。 4.absolute(绝对定位) 元素相对于父 阅读全文

摘要： 手机白屏主要是因为页面渲染阻塞导致的，导致的原因有： 1：css文件加载需要一定的时间，在加载的过程中页面是空白的 解决：将css代码前置或者内联html 即使用<style> 2.可能是等待异步加载数据再渲染页面导致白屏,数据量大加载慢，导致数据没请求到阻塞页面渲染 解决：在手机显示的首屏时同步渲 阅读全文

摘要： function getColor(){ var color="#"; for(var i=0;i<6;i++){ color+=(Math.random()*16 | 0).tostring(16); //|0表示取整 } return color; } 阅读全文

摘要： 本地存储信息的储存方式有三种1：cookie 2.sessionStorage 3.localStroage cookie数据存储量少，安全性低已经渐渐被替代。 客户端存储数据的两个对象为：1：sessionStorage 2:localStorage sessionStroage.setitem( 阅读全文

摘要： 1：<canvas>标签 定义图形、图像，是基于javascript的绘图API 2：<video>标签 定义视频 3:<audio>标签 定义音频内容 4：<source>标签 定义多媒体资源 如：<video>、<audio> 5：<embed>标签 定义嵌入的内容 比如插件等。 阅读全文