DN-01

2017-03-17

DN

Introduction

这个系列大概就是随便写一写平时看到的,了解到的比较奇妙的东西,当然是跟 web 有关的,觉得有意义的就记下来,保不齐以后灵光一闪或者别人搜索到了呢.

DN - 01 (April 3)

在 IE 中每个域名的 cookie 总数收到限制

IE6或更低版本最多20个cookie
IE7和之后的版本最后可以有50个cookie。
Firefox最多50个cookie
Chrome 和 Safari没有做硬性限制

不但如此 IE,Opera 会定时清理不常用的 cookie, 而 firefox 会随机清理 cookie, 相比之下, 几乎支持所有浏览器的 user-data 不会被莫名其妙的清理, 支持128k 的大小.

传输采用 ssl 的话十分安全, 不会被拦截, 就算被拦截了, cookie 是的有效时间如果控制得好也没有价值, 而不存档重要信息的 cookie 就变得很好用了

DN_02 (April 3)

CSS 中 display:none 和 visibility:hidden 的区别？

display:none 隐藏对应的元素，在文档布局中不再给它分配空间，它各边的元素会合拢，就当他从来不存在。
visibility:hidden 隐藏对应的元素，但是在文档布局中仍保留原来的空间。

CSS中 link 和@import 的区别是?

link 属于 HTML标签，而 @import 是CSS提供的;
页面被加载的时，link会同时被加载，而 @import 引用的CSS会等到页面被加载完再加载;
import 只在 IE5 以上才能识别，而 link 是 HTML 标签，无兼容问题;
link方式的样式的权重高于@import的权重.

position:absolute 和 float属性的异同

共同点：对内联元素设置 float 和 absolute 属性，可以让元素脱离文档流，并且可以设置其宽高。
不同点：float仍会占据位置，position会覆盖文档流中的其他元素。

CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？

id选择器（ # my-id）
类选择器（.my-class-name）
标签选择器（div, h1, p）
相邻选择器（h1 + p）
子选择器（ul > li）
后代选择器（li a）
通配符选择器（ * ）
属性选择器（a[rel = “external”]）
伪类选择器（a: hover, li:nth-child）

CSS3新增伪类举例：

p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。
p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素。
p:only-of-type 选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。
p:only-child 选择属于其父元素的唯一子元素的每个 <p> 元素。
p:nth-child(2) 选择属于其父元素的第二个子元素的每个 <p> 元素。
:enabled :disabled 控制表单控件的禁用状态。
:checked 单选框或复选框被选中。

XML 和 JSON的区别？

数据体积方面: JSON 相对于 XML 来讲，数据的体积小，传递的速度更快些。
数据交互方面: JSON 与 JavaScript 的交互更加方便，更容易解析处理，更好的数据交互。
数据描述方面: JSON 对数据的描述性比 XML 较差。
传输速度方面: JSON 的速度要远远快于 XML。

你知道多少种Doctype文档类型？

该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。
HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。
XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset。
Standards （标准）模式（也就是严格呈现模式）用于呈现遵循最新标准的网页，而 Quirks
包容）模式（也就是松散呈现模式或者兼容模式）用于呈现为传统浏览器而设计的网页。

HTML 与 XHTML——二者有什么区别

所有的标记都必须要有一个相应的结束标记
所有标签的元素和属性的名字都必须使用小写
所有的XML标记都必须合理嵌套
所有的属性必须用引号”“括起来
把所有<和<特殊符号用编码表示
给所有属性赋一个值
不要在注释内容中使“–”
图片必须有说明文字

随便看看 :D