1.禁止缓存
a.设置头部meta似乎没什么效果,但是有必要写出来
b.js添加随机数
var vs = Math.random();
var linkNode1 = document.createElement("link")//, scriptNode = document.createElement("script");
linkNode1.setAttribute("rel", "stylesheet");
linkNode1.setAttribute("type", "text/css");
linkNode1.setAttribute("href", "Content/Layout.css?vs=" + vs);
document.head.appendChild(linkNode1);
2.火狐浏览器不支持embed标签,可考虑iframe,object,也可以建议用户升级浏览器
a.
b.
升级浏览器
var app= "Microsoft Internet Explorer"
if(navigator.appName.indexOf(app) ==0){
alert("请将您的浏览器升级到谷歌/火狐浏览器")
}
3.更多视频,更多案例等小三角形(纯css)
.trigon {
display: inline-block;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-left: 10px solid #fff;
border-bottom: 5px solid transparent;
margin-left: 5px;
}
4.跳转到指定锚点(选项卡)
指定某个锚点a.html
b.html设置显示某个选项卡,
aria-controls为自定义属性,设置和锚点id一样
var url = location.href; //获取url
// alert(url)
strs = url.split("#")[1];
if (strs != null || strs != undefined) {
$("#casetab a").removeClass("soluulactive");
$("#casetab a[aria-controls='" + strs + "']").addClass("soluulactive");
$("#tab-content .tab-pane").removeClass("active");
$("#tab-content .tab-pane[id='" + strs + "']").addClass("active");
}
5.flex是个好东西,特别对于多个元素,还想让他们垂直居中的时候;
6.自适应的话得看公司要求
有些是不够宽就自动往下排,可用bootstrap布局,但是我们公司是要求不管分辨率多少,都要保持版面一致,所以就只能缩小字体,图片大小了
/*990-1200 */
@media (max-width:1240px){
.w1200{
width: 960px;
}}
7.ie默认宋体,谷歌默认微软雅黑,然后某些文字就不一样了,坑,继承不下去