2018年3月29日
摘要：
*iframe会阻塞主页面的Onload事件； *搜索引擎的检索程序无法解读这种页面，不利于SEO; *iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载。 使用iframe之前需要考虑这两个缺点。如果需要使用iframe，最好是通过javascript 动态给i 阅读全文
摘要：
在线的情况下，浏览器发现html头部有manifest属性，它会请求manifest文件，如果是第一次访问app，那么浏览器就会根据manifest文件的内容下载相应的资源并且进行离线存储。如果已经访问过app并且资源已经离线存储了，那么浏览器就会使用离线的资源加载页面，然后浏览器会对比新的mani 阅读全文
摘要：
在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件。 原理：HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下 阅读全文
摘要：
主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。 渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲 阅读全文
摘要：
（1）link属于XHTML标签，除了加载CSS外，还能用于定义RSS, 定义rel连接属性等作用；而@import是CSS提供的，只能用于加载CSS; （2）页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载; （3）import是CSS2.1 提出的，只在 阅读全文
摘要：
1、 使用document.domain设置相同主域（同主域不同子域）； 2、 使用window.name添加空网页； 3、 使用postmessage监听； 阅读全文
摘要：
深拷贝：在内存中新开辟一个地址存储； 浅拷贝：只是对值进行复制，指向同一个地址，操作执行的是同一个； 对象合并：Object.assign(); 数组合并：concat() 循环方式：for循环、foreach循环、for in循环、map循环; 数组去重：1、双层循环比较值；2、利用对象属性不能重 阅读全文
摘要：
1、 标签默认内外补丁不同：通配符*{margin:0;padding:0} 2、 图片默认有间距：使用float属性 3、 标签最低高度min-height：设置{min-height：200px;height:auto !important;height:200px;overflow:visib 阅读全文
摘要：
Seo是指遵循搜索引擎的搜索原则，对网站结构、网页文字语言和站点间互动外交等进行合理规划部署，以改善网站在搜索引擎的搜索表现，从而增加客户发现并访问网站的可能性的一个过程。 阅读全文
摘要：
由content、padding、border、margin四个部分组成了盒模型； 标准盒模型：width=content; box-sizing:content-box 怪异盒模型：width=content+padding+border; box-sizing:border-box 阅读全文
摘要：
less是单独的一种文件，可以理解为css的升级版； sass是一个相对新的编程语言，为web前端开发而生，可以用它来定义一套新的语法规则和函数； 区别： ① 表现方式不同：less基于javascript运行，是在客户端处理；sass基于ruby运行，是在服务器端处理； ② 变量区别：less使用 阅读全文
摘要：
src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。 src指向外部资源的位置，指向的内容会嵌入到文档中当前标签所在的位置，在请求src资源时会将其指向的资源下载并应用到文档内，如js脚本、img图片和frame等元素； href指向网络资源的位置，建立和当前元素（锚点）或当前文档 阅读全文
摘要：
1、域名解析 2、发起TCP三次握手 3、建立TCP连接以后发起http请求 4、服务器端响应请求，浏览器得到html代码 5、浏览器解析html代码并请求html中的资源 6、浏览器对页面进行渲染呈现给用户 阅读全文
摘要：
1、在if语句中都转换成false； 2、typeof null是对象， typeof undefined是undefined； 3、null在数值计算中转换成0，undefined在数值计算中转换成undefined； 4、null表示准备用来保存对象但还未真正保存对象的值，从逻辑角度看，null 阅读全文
摘要：
1、减少http请求，合理设置http缓存 2、使用浏览器缓存 3、启用压缩 4、雪碧图合并css图片，减少图片请求数量 5、css放在页面顶部，js放在页面底部 6、减少cookie传输 7、减少dom查找，使用变量缓存 8、避免使用eval，eval函数效率特别低 9、减少作用域链查找 10、避 阅读全文
摘要：
echarts底层为canvas，highcharts底层为svg canvas特点： ①依赖分辨率 ②不支持事件处理器 ③弱的文本渲染能力 ④能够以.jpg、.png格式保存结果图像 ⑤最适合图像密集型的游戏，其中的许多对象会被频繁重绘 svg特点： ①不依赖分辨率 ②支持事件处理器 ③最适合带有 阅读全文
摘要：
cookie存于客户端，session存于服务器端。 cookie的作用是与服务器进行交互，作为http规范的一部分存在，而web storage是为了在本地存储“数据”而生。 cookie应用场景：①判断用户是否登录过网站； ②用来记录购物车或者记录用户使用偏好来制定推送； session应用场景 阅读全文
摘要：
this指向： ① this的指向在函数定义时无法确定，只有函数执行时才能确定，this指向调用它的上一级对象； ② new、apply、call、bind可以改变this指向； ③ 当this碰到return时，如果返回值是一个对象this就指向该返回对象，如果返回值不是一个对象this还是指向该 阅读全文
摘要：
apply、call、bind这三种方法一般用来改变this指向。 apply()方法接收两个参数，一个是函数运行的作用域this，另一个是参数数组 call()方法接收两个参数，一个是函数运行的作用域this，传递给函数的参数一定要列举出来。 语法：调用一个对象的一个方法，另一个对象替换当前对象 阅读全文
摘要：
1、在AutoResponder中拖取所需修改文件，在最下方进行文件替换，然后刷新页面； 2、连接手机： 在tools—options—connections下勾选Allow remote computers to connect，注意上方的端口号，用于设置代理； 将手机与电脑连接同一网段，并在手机 阅读全文