前端码牛

摘要： <meta name="viewport" content="width=device-width,initial-scale=1.0,minimu // width 设置viewport宽度，为⼀个正整数，或字符串‘device-width’ // device-width 设备宽度 // hei 阅读全文

摘要： 缺点： iframe 会阻塞主⻚⾯的 Onload 事件；搜索引擎的检索程序⽆法解读这种⻚⾯，不利于 SEO；iframe 和主⻚⾯共享连接池，⽽浏览器对相同域的连接有限制，所以会影响⻚⾯的并⾏加载；使⽤ iframe 之前需要考虑这两个缺点。如果需要使⽤ iframe ，最好是通过javascri 阅读全文

摘要： 工作原理： 在⽤户没有与因特⽹连接时，可以正常访问站点或应⽤，在⽤户与因特⽹连接时，更新⽤户机器上的缓存⽂件 HTML5 的离线存储是基于⼀个新建的 .appcache ⽂件的缓存机制(不是存储技术)，通过这个⽂件上的解析清单离线存储资源，这些资源就会像 cookie ⼀样被存储了下来。之后当⽹络在 阅读全文

摘要： 新特性 HTML5 现在已经不是 SGML 的⼦集，主要是关于图像，位置，存储，多任务等功能； 增加绘画 canvas； ⽤于媒介回放的 video 和 audio 元素； 本地离线存储 localStorage ⻓期存储数据，浏览器关闭后数据不丢失；sessionStorage 的数据在浏览器关闭 阅读全文

摘要： 主要分成两部分： 渲染引擎( layout engineer 或 Rendering Engine )和 JS 引擎 渲染引擎： 负责取得⽹⻚的内容（ HTML 、 XML 、图像等等）、整理讯息（例如加⼊CSS 等），以及计算⽹⻚的显示⽅式，然后会输出⾄显示器或打印机。浏览器的内核的不同对于⽹⻚的 阅读全文

摘要： ⽤正确的标签做正确的事情！ HTML 语义化就是让⻚⾯的内容结构化，便于对浏览器、搜索引擎解析；在没有样式 CSS 情况下也以⼀种⽂档格式显示，并且是容易阅读的。搜索引擎的爬⾍依赖于标记来确定上下⽂和各个关键字的权重，利于 SEO 。使阅读源代码的⼈对⽹站更容易将⽹站分块，便于阅读维护理解 阅读全文

摘要： ⽹站性能优化 从前端角度出发可以从以下几个方面对网站性能进行优化 content ⽅⾯ 减少 HTTP 请求：合并⽂件、 CSS 精灵、 inline Image减少 DNS 查询： DNS缓存、将资源分布到恰当数量的主机名减少 DOM 元素数量 Server ⽅⾯ 使⽤ CDN配置 ETag对组件 阅读全文

摘要： 从浏览器地址栏输⼊url到显示⻚⾯的步骤 1. 在浏览器地址栏输⼊URL 2. 浏览器查看缓存，如果请求资源在缓存中并且新鲜，跳转到转码步骤 1. 如果资源未缓存，则发起新请求；2. 如果已缓存，检验缓存是否⾜够新鲜，如果⾜够新鲜直接提供给客户端，否则与服务器进⾏验证；3. 检验新鲜通常有两个HTT 阅读全文

摘要： 前端需要注意哪些SEO 合理的 title、description、keywords： 搜索对这三项的权重逐个减⼩，title值强调重点即可，重要关键词出现不要超过2次，⽽且要靠前，不同⻚⾯ title 要有所不 同； description 把⻚⾯内容⾼度概括，⻓度合适，不可过分堆砌关键词，不同⻚ 阅读全文