- 博客(12)
- 收藏
- 关注
RSS订阅转载 link与@import的区别
link与@import的区别link是HTML方式， @import是CSS方式link最大限度支持并行下载，@import过多嵌套导致串行下载，出现FOUC(文档样式短暂失效)link可以通过rel="alternate stylesheet"指定候选样式览器对link支持早于@import，可以使用@import对老浏览器隐藏样式@import必须在样式规则之前，可以在css文件...
2020-02-24 16:33:34
169
转载 display: none;与visibility: hidden;的区别
display: none;与visibility: hidden;的区别联系：它们都能让元素不可见区别：display:none;会让元素完全从渲染树中消失，渲染的时候不占据任何空间；visibility: hidden;不会让元素从渲染树消失，渲染师元素继续占据空间，只是内容不可见display: none;是非继承属性，子孙节点消失由于元素从渲染树消失造成，通过修改子孙节点属性无...
2020-02-24 16:32:31
173
转载 meta viewport相关
meta viewport相关<!DOCTYPE html> <!--H5标准声明，使用 HTML5 doctype，不区分大小写--><head lang=”en”> <!--标准的 lang 属性写法--><meta charset=’utf-8′> <!--声明文档使用的字符编码--><meta h...
2020-02-24 16:18:41
220
转载 渲染优化
渲染优化禁止使用iframe（阻塞父文档onload事件）iframe会阻塞主页面的Onload事件搜索引擎的检索程序无法解读这种页面，不利于SEOiframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载使用iframe之前需要考虑这两个缺点。如果需要使用iframe，最好是通过javascript动态给iframe添加src属性值，这样可以绕开以上两...
2020-02-24 16:16:49
173
转载 HTML全局属性(global attribute)有哪些
HTML全局属性(global attribute)有哪些class:为元素设置类标识data-*: 为元素增加自定义属性draggable: 设置元素是否可拖拽id: 元素id，文档内唯一lang: 元素内容的的语言style: 行内css样式title: 元素相关的建议信息...
2020-02-24 15:59:42
586
转载 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？行内元素和块级元素有什么区别？
行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？行内元素和块级元素有什么区别？行内元素有：a b span img input select strong块级元素有：div ul ol li dl dt dd h1 h2 h3 h4… p空元素：br hr img input link meta行内元素不可以设置宽高，不独占一行块级元素可以设置宽高，独占一行...
2020-02-24 15:58:43
935
转载 请描述一下 cookies，sessionStorage 和 localStorage 的区别？
请描述一下 cookies，sessionStorage 和 localStorage 的区别？cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）cookie数据始终在同源的http请求中携带（即使不需要），会在浏览器和服务器间来回传递sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存存储大小...
2020-02-24 15:53:04
163
转载 html5有哪些新特性、移除了那些元素？
html5有哪些新特性、移除了那些元素？HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加绘画 canvas用于媒介回放的 video 和 audio 元素本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失sessionStorage 的数据在浏览器关闭后自动删除语意化更好的内容元素，比如article、footer...
2020-02-24 15:45:22
305
转载 介绍一下你对浏览器内核的理解？
介绍一下你对浏览器内核的理解？主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显...
2020-02-24 15:41:34
387
转载 语义化的理解
语义化的理解用正确的标签做正确的事情！HTML语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解...
2020-02-24 15:37:04
241
转载 HTTP状态码及其含义
HTTP状态码及其含义1XX：信息状态码100 Continue 继续，一般在发送post请求时，已发送了http header之后服务端将返回此信息，表示确认，之后发送具体参数信息2XX：成功状态码200 OK 正常返回信息201 Created 请求成功并且服务器创建了新的资源202 Accepted 服务器已接受请求，但尚未处理3XX：重定向301 Moved...
2020-02-24 15:34:07
194
转载 如何进行网站性能优化
如何进行网站性能优化content方面减少HTTP请求：合并文件、CSS精灵、inline image减少DNS查询：DNS缓存、将资源数量分布到恰当数量的主机名减少DOM元素数量Server方面使用CDN配置ETag对组件使用Gzip压缩Cookie方面减少cookie大小css方面将样式表放到页面顶部不使用CSS表达式使用,不适用@import...
2020-02-24 15:30:05
254
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人