前端开发总结

  X-UA-Compatible是针对IE8新加的一个设置，对于IE8之外的浏览器是不识别的，这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令，都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说，它是首选的兼容性模式。
        为了避免制作出的页面在IE8下面出现错误，建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码：

<meta http-equiv="X-UA-Compatible" content="IE=7" />

        这样我们才能使得页面在IE8里面表现正常！
        浏览器市场份额的激烈竞争，给网页设计开发人员带来了兼容性设计的麻烦。仅IE浏览器就有好几个主流版本，IE6、IE7、IE8 等等。当然使用诸如 IETester，多版本 IE 共存解决方案之类的第三方集成工具，可以方便代码调试。但我们总需要找寻一种更为省时省力的方法。
        X-UA-Compatible 是针对 IE8 版本的一个特殊文件头标记，用于为 IE8 指定不同的页面渲染模式。由于当下 IE6 和 IE7 使用率依然较高，综合考虑，启用 IE8 版本的 X-UA-Compatible 兼容模式显得相当重要。
        各种兼容模式代码示例如下：
1.<meta http-equiv="X-UA-Compatible" content="IE=5" />
像是使用了 Windows Internet Explorer 7 的 Quirks 模式，这与 Windows Internet Explorer 5 显示内容的方式很相似。

5.超出显示省略号
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

12.超出3行显示省略号
    {overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}

14.特殊符号尽可能使用代码替代。常用特殊符号如下。 
¥：&yen; 人民币符号元
©：&copy; 版权
®： &reg; 注册商标
™： &trade; 商标TM
·： &middot; 间隔符号
“： &quot; 双引号
&： &amp; &符
<： &lt; 小于号
>： &gt; 大于号
： &nbsp; 半角空格
×：&times; 乘号
÷： &divide; 除号

 

 

calc基本语法：
.class {width: calc(expression);}
它可以支持加，减，乘，除; 在我们做手机端的时候非常有用的一个知识点;
优点如下：
1. 支持使用 "+","-","*" 和 "/" 四则运算。
2. 可以混合使用百分比(%),px,em,rem等作为单位可进行计算。
浏览器的兼容性有如下：
IE9+，FF4.0+，Chrome19+，Safari6+
如下测试代码：

<div class="calc">我是测试calc</div>

.calc{
    margin-left:50px;
    padding-left:2rem;
    width:calc(100%-50px-2rem);
    height:10rem;
}