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