基础问题整理_html/css_WEB-ITnose

 

!!

utf8_unicode_ci和utf8_general_ci

计算运行时间（性能）

width: 100%的应用

nth-child和nth-of-type的区别

document.addEventListener

offsettop的问题

在手机上测试网页遇到的问题

什么是Unicode,什么是UTF-8

手机屏幕分辨率和手机浏览器分辨率

 

!!

类型转换  将对应的类型转换为boolean型

!!b指的是将b转换为boolean值  去两次非是因为将b转换位boolean值后取了一次非，所以得到的值正好相反，再取一次反回来

utf8_unicode_ci和utf8_general_ci

具体的说：

1、对于一种语言仅当使用utf8_unicode_ci排序做的不好时，才执行与具体语言相关的utf8字符集校对规则。例如，对于德语和法语，utf8_unicode_ci工作的很好，因此不再需要为这两种语言创建特殊的utf8校对规则。

2、utf8_general_ci也适用与德语和法语，除了‘?’等于‘s’，而不是‘ss’之外。如果你的应用能够接受这些，那么应该使用 utf8_general_ci，因为它速度快。否则，使用utf8_unicode_ci，因为它比较准确。

用一句话概况上面这段话：utf8_unicode_ci比较准确，utf8_general_ci速度比较快。通常情况下 utf8_general_ci的准确性就够我们用的了，在我看过很多程序源码后，发现它们大多数也用的是utf8_general_ci，所以新建数据 库时一般选用utf8_general_ci就可以了

计算运行时间（性能）

使行属性标签既可以设置宽高，又可居中

===============================

span{

width:85px;

height:24px;

display: inline-block;

}

//父级

#main span{

Width: 100%;

text-align: center;

}

nth-child和nth-of-type的区别

els：nth-child（n）

1.往上找父级

2.父级下的第n个元素若为els======选中

els:nth-of-type（n）

往上找父级，父级下的第n个els元素=======被选中

 

 

zero

 

one

 

two

 

 

 

上面这个例子，.demo li:nth-child(2)选择的是

one

节点，而.demo li:nth-of-type(2)则选择的是

two

节点。

document.addEventListener

1.冒泡和下沉

document.addEventListener("事件名称", 函数, false);

addEventListener里最后一个参数决定该事件的响应顺序；

-----如果为true事件执行顺序为

addEventListener -> 标签的onclick事件 -> document.onclick　 （下沉）

-----如果为false

标签的onclick事件 -> document.onclick -> addEventListener  （冒泡）

 

理解为其他代码的调用入口

2.解决让一个js事件执行多个函数

document.onclick=function (){

 alert('a');

}

document.onclick=function (){

 alert('b');

}

--->只输出b

******************

document.addEventListener("click", function (){

 alert('a');

}, false);

document.addEventListener("click",function (){

 alert('b');

},false);

--->输出a,b

3.总结

true 的触发顺序总是在 false 之前；

如果多个均为 true，则外层的触发先于内层；

如果多个均为 false，则内层的触发先于外层。

 

 

响应顺序：

白块：2

绿块：1

黄块：3

白块：1

绿块：2

黄块：3

白块：3

绿块：2

黄块：1

白块：2

绿块：3

黄块：1

相关资料：js之事件冒泡和事件捕获

offsettop的问题

1.父级边框不算

2.offsettop是相对 relative 的定位

在手机上测试网页遇到的问题

1.首先关闭电脑上的防火墙

2.看看机器上是否有些什么杀毒软件，我遇到的也是这样，我机器上有一个偌顿（ESET），关闭上面的防火墙设置

3.看看你的电脑上是否允许访问80端口

什么是Unicode,什么是UTF-8

什么是Unicode

Universal Multiple-Octet Coded Character Set,简称UCS.

Unicode（统一码、万国码、单一码）是一种在计算机上使用的字符编码.

Unicode是国际组织制定的可以容纳世界上所有文字和符号的字符编码方案。Unicode用数字0-0x10FFFF来映射这些字符，最多可以容纳1114112个字符，或者说有1114112个码位。码位就是可以分配给字符的数字。UTF-8、UTF-16、UTF-32都是将数字转换到程序数据的编码方案。

中文范围 4E00-9FBF

 

什么是UCS-2、UCS-4

UCS-2用两个字节编码，UCS-4用4个字节编码。

UCS-2也称为基本多文种平面。

UCS-2转换到UCS-4只是简单的在前面加２个字节0。

 

什么是UTF-8

UTF是“UCS Transformation Format”的缩写，可以翻译成Unicode字符集转换格式.

Unicode编码(十六进制)	UTF-8 字节流(二进制)
000000 - 00007F	0xxxxxxx
000080 - 0007FF	110xxxxx 10xxxxxx
000800 - 00FFFF	1110xxxx 10xxxxxx 10xxxxxx
010000 - 10FFFF	11110xxx 10xxxxxx 10xxxxxx 10xxxxxx

UTF-8的特点是对不同范围的字符使用不同长度的编码。

对于0x00-0x7F之间的字符，UTF-8编码与ASCII编码完全相同。UTF-8编码的最大长度是4个字节。从上表可以看出，4字节模板有21个x，即可以容纳21位二进制数字。Unicode的最大码位0x10FFFF也只有21位。

手机屏幕分辨率和手机浏览器分辨率

手机屏幕分辨率

做手机应用时：

@media screen and (min-device-width:640px) and (max-device-width:960px)

手机浏览器分辨率

@media screen and (min-width:320px) and (max-width:480px)

 

document.write("浏览器分辨率是"+document.documentElement.clientWidth+"*"+document.documentElement.clientHeight ); 

document.write("屏幕分辨率是"+window.screen.width+"*"+window.screen.height);