相关知识记录

1. <meta property="qc:admins" content="7401431725621653613475654455771645060454" />的作用是什么？

　　这个是让网站加入QQ登录接口，这段代码可放在<head></head>之间。申请腾讯接口后，会得到这样的代码，加入接口之后，你的网站上面的注册登录功能，别人可以直接用QQ登录，省去注册的麻烦。

2. 下面的这段代码是什么意思?

    var is_weixin = (function() { //判断微信UA
            var ua = navigator.userAgent.toLowerCase();
            if (ua.match(/MicroMessenger/i) == "micromessenger") {
                return true;
            } else {
                return false;
            }
        })();

这里通过navigator.userAgent.toLowerCase()获取浏览器的信息，然后匹配MicroMessenger（微信）来判断用户是否是使用的微信进行登录的。

我们在微信web开发者工具的console可以得到如下信息：

3. 我们在css文件中看到的@charset "utf-8";是什么意思？

表明CSS文件的页面编码为UTF-8。。如果这个CSS的文件编码也是UTF-8的话。。
那么在浏览器中看到的CSS文件的页面中中文的注释或者中文字体就可以正确显示为中文，如果CSS的文件编码和页面不一致的话。
那么这个CSS文件的中文则会显示为乱码。。特别是定义中文字体的时候。就不能正确识别。。其他则没有多大影响。。

4. window.onresize()的作用是什么？

移动端的字体是一件比较麻烦的事情，所以我们需要来控制字体，如下面的一个js插件就是调整移动端的字体大小的：

// JavaScript Document
; (function (win, doc) {
//动态设置font-size值
var h, setUnitA;
win.addEventListener('resize', function () {
    clearTimeout(h);
    h = setTimeout(setUnitA, 300);
}, false);
win.addEventListener('pageshow', function (e) {
    if (e.persisted) {
        clearTimeout(h);
        h = setTimeout(setUnitA, 300);
    }
}, false);

setUnitA = function () {
    doc.style.fontSize = doc.clientWidth / 32 + 'px';
}
setUnitA();

})(window, document.documentElement);

View Code

其中就用到了window.addEventListener这个的作用是当窗口或框架的大小改变时触发函数。具体可以看官方文档。

5. 在前端就压缩js和css代码或使用压缩过的js、css代码是一种优化的方法，如下所示：

<link href="css/bootstrap.min.css" type="text/css" rel="stylesheet"/>
<link href="css/font-awesome.min.css" type="text/css" rel="stylesheet"/>
<link href="css/cart-min.css" type="text/css" rel="stylesheet"/>

结束