前端的一些疑问总结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

3,在手机端页面中，触摸事件会出现、或者点击会出现小白框

从别人那里得到的是使用如下的代码：a{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-touch-callout:none;} 

具体细节，还需要自己去思考

 

4,js  中的回调函数，回调函数故名思议，就是在程序执行完成后、执行。一般已函数为参数传入，所以称为回调函数。

例如：

function a(callback){
	alert('aaaaa');
	callback(); // 这里就是一个回调函数。
}

function callback(){
	alert("我是一个回调函数");
}

 参考文章：

js回调函数全解析