|
//2016-06-01 至 2016-06-30 前端工作知识点总结
六月学习目标：
1、阅读完成《BackboneJs 实战》---ok
2、swipe 和slickjs的对比异同、slickjs图片响应式是否会变形、准备云涛分享首页优化主题
3、css3渐变色 ---ok
4、sourceTree的使用
5、angularJs
总结：
1、添加jar包：
在WEB-INF下的lib文件夹下，选中jar包右击-build path-add即可。在Referenced Libraries中会显示添加的jar包
2、 IE9对propertychange和input的兼容bug处理
解决方案一： 为ie9时设置定时器，一定时间内执行自定义的方法以模拟监听变化。
具体步骤如下：http://blog.csdn.net/cuixiping/article/details/7450542
解决方案二：为ie9时，使用js的监听，判断是否和和初始字符一致
具体步骤如下：http://www.tuicool.com/articles/3MjUNbU
//其他浏览器
$("#J_searchProduct").on("input propertychange",function(){
//执行自定义的方法，实现交互行为
});
//IE9兼容处理
var userAgent = window.navigator.userAgent; //取得浏览器的userAgent字符串
var isIE = /(msies|trident.*rv:)([w.]+)/.exec(userAgent.toLowerCase());
if (isIE != null) {
var IEVersion = "IE" + parseInt(isIE[2]);
if(IEVersion && IEVersion==="IE9"){
var searchInput = document.getElementById("J_searchProduct");
var lastValue = searchInput.value;
var onInput = function() {
if (lastValue !== searchInput.value) {
//执行自定义的方法，实现交互行为
}
};
var onFocusChange = function(event) {
if (event.type === "focus") {
document.addEventListener("selectionchange",onInput,false);
} else {
document.removeEventListener("selectionchange",false);
}
};
searchInput.addEventListener("input",false);
searchInput.addEventListener("focus",onFocusChange,false);
searchInput.addEventListener("blur",false);
}
}
3、ie9使用图片进行css3的兼容方式：
比如：css3渐变样式的实现。ie9只能使用图片替代。
html代码如下：
|
