前台开发总结14——20180504

一、元素定位后，只和定位的父级有关系，和自己的直接父级没有关系，假如定位子元素的width为100%，那么它的width取的为其定位父元素的width的100%

二、获取事件对象及事件触发元素

var ev=ev || window.event;
var element=ev.target || ev.srcElement;

三、IE8不支持window事件，可以使用document事件代替

window.οnclick=function(){			//不触发，应该为document
	alert("点击事件");
}

IE8不支持onkeypress()事件，可用onkeydown()代替

四、元素事件

禁止鼠标右键：οncοntextmenu="return false"；
禁止选择：onselectstart="return false"；
禁止拖放：οndragstart="return false"；
禁止拷贝：οncοpy=document.selection.empty() 。
禁止复制：oncopy = "return false"；
禁止保存：<noscript><iframe src="*.htm"></iframe></noscript>，放在head里面。
禁止粘贴：<input type=text οnpaste="return false">
禁止剪贴：oncut = "return false"；
关闭输入法：<input style="ime-mode:disabled">
event.button鼠标按键事件
对于IE6 7 8 	左键1 右键2 左右键3 中键4
高级浏览器 		左键0 中键1	右键2
event.which	只兼容IE6 7 8

五、jQuery中queue()方法的作用
jQuery中的方法，如animate(),delay()等需要执行时间的方法，可以依次执行。
但是像css()，addClass()这样的方法，却会立即执行。使用queue()方法保证了一系列操作的先后顺序

$(ele).slideDown().queue(function(){
	$(this).addClass("color").dequeue();
});

六、javascript中通过typeof得出的数据类型有几种？
六种，Number String Object Boolean Function undefined

七、潭州教育JS测试题http://web.tanzhouedu.com/index/web/javascript_final_test.html
10 == '10' true
10 === 10 false
'6'>'50' true 字符串比较的是按照对应字位的ASCII码比较的，这里比较的为'6'和'5'

八、在JS中设置style属性，有下列几种写法
1，直接写css属性的，如：obj.style.height/width/color/position等
2，要改大写的，如：obj.style.fontSize/marginLeft/backgroundColor等
3，float，此属性在IE中用obj.style.styleFloat="left";
　　　　　　　　在ff等其他浏览器中用obj.style.cssFloat="left";

第三种兼容性写法：obj.style['cssFloat' in obj.style?'cssFloat':'styleFloat']='left';

九、
1、在获取元素的left等定位值时，我们一般使用offsetLeft等，而不是通过获取样式值（getComputedStyle）的方式。
获取样式值得方式有时候会是auto
2、nodeJs是基于javascript开发的，它能实现网站后端的搭建。但是，nodeJs是c++底层的，js不能完成后端任务，不能说明JS语法能完成后端任务。
3、angular.js和vue.js是基于javascript开发的，它们能非常便捷的处理数据、实现前端路由等。

十、优化网页加载速度的方法
1、压缩css js；
2、将网站上的一些小图用css sprite技术进行合并；
3、条件允许情况下，使用单独的图片服务器存放图片
4、能放在页面后面的JS代码放在页面后面
5、引入外部js库时，可以从各大CDN库引入；
6、js代码逻辑尽量减少和HTML文档的频繁交互；
7、使用延迟加载技术处理页面中的图片
8、设置浏览器缓存，讲常用的js/css文件缓存下来