前端的一些疑问总结01

1,关于web app

(1)em是相对于父元素的字体大小改变的

em 称为给定字体的font-size值,如果字体的font-size值为14px,那么对于该元素,1em就等于14px
em 不仅可以设置字体大小,还可以设置宽高,如果H1的字体大小为24px,那么它的左边距1em就等于24px

(2)rem 是相对于根元素html设置的
其实rem的值和em的意思都差不多,唯一的就是em是相对于父元素,而rem是相对于根元素的,
为什么许多网站设置font-size为62.5%呢?因为,大多数浏览器默认字体为16px,而16px的62.5%也就是10px。

(3)为什么要有rem呢?
例如我们的根元素字体设置为10px,而它的内容为1.4rem,也就是14px
如果有一天,我们要将我们的网站移植到不同的视口(例如ipad),我们只需要设置根元素字体即可,假如设置为20px,而它的内容还是1.4rem,也就是28px

总结:看了一些比较出名的手机网站,多数还在使用px来设置字体,或者宽高,只有淘宝设置的比较好,两边是不留白的。对于手机网站字体设置,可以直接使用320宽度下的字体样式,也可以使用自适应,根据视口大小来调整字体大小,通过js计算来设置根元素HTML。也可以使用媒体查询的方式来设置字体大小,这是我对手机网站的一些总结。

参考网站

web app 变革值rem推介

css3中rem

2,关于rel="dns-prefetch" 

每次我打开一些网站的前端,总是有这么一行代码,我必须得明白这其中的道理,于是便有了。。

 

参考网站

dns-prefetch

前端开发攻城师绝对不可忽视的五个HTML5新特性

DNS优化的原理和方法

Google chrome 中的高性能网络

 

对于这个知识稍微了解了一点,还需要探究其原理。

 

2,利用jquery获取自身html

 原理,通过创建一个匿名对象,通过将其自身加入,再取出匿名对象的html() ,便可得到自身html

$("p").append($(this).clone()).html();

参考网址:

jquery 获取自身html

你可能感兴趣的:(前端)