jquery应用过程感悟

来源:互联网 发布:数据透视表计数项在哪 编辑:程序博客网 时间:2024/06/07 11:57

缓存的问题:http://www.2cto.com/kf/201409/335954.html
jQuery可以直接将一个对象,数组等放入cache中,想复杂了,$.data(td,jsonArray);

用float属性时一定要注意父级元素的大小,注意清除浮动;

一定要注意两个函数同名,因为传递的参数可有可无,可多可少;

数据库连接的学习:http://www.cnblogs.com/xiohao/p/3510980.html

相对地址错误改正的方法:
<%
String path = request.getContextPath();
String basePath = request.getScheme() + “://”
+ request.getServerName() + “:” + request.getServerPort()
+ path + “/”;
%>
然后在head中加入“>
再写相对地址时则不需要写”../../”

可能遇到兼容性视图的问题,只要把兼容性视图关了就好(IE)http://blog.csdn.net/bbirdsky/article/details/9186729

表格学习:http://blog.csdn.net/sunvying/article/details/2156537
双重表格的时候:用cellspacing和cellpadding两个属性
border-collapse:collapse;
发现个问题:table在程序内可以直接写border=“1”此时border是所有元素的边框;而在css中写table的border属性时,一定要为1px,此时的边框为最外层的body边框;
td的边框仅仅是元素的边框,不包括表的边框;
注意:有些属性在代码内跟css中写法是不一样的,如border,cellspacing,cellpadding等;
cellspacing和cellpadding一般写在代码标签之中,值为0,是为了去除掉重合的边框,像border直接写值就可以,若在css中写时,cellspacing=0得用border-collapse:collapse代替;而cellpadding=0用td{padding:0px}代替;

ajax传输数组时要注意traditional:true;
ajax异步时注意async的参数;

json与jsonp的区别:json只是一种传输的数据格式,就像传输的暗语;jsonp就像如何传输暗语,因为web访问js时不存在跨域的问题,所有可以访问js文件,而.json也是一种js文件,所以可以直接访问;http://kb.cnblogs.com/page/139725/ http://my.oschina.net/duwaiweb/blog/80576
json后台传输的格式为{ :};而jsonp传输的格式为aa({ :}); jsonp通过aa这个名将数据包裹打包到前端,而前端对其进行加入标签《script》这样既可访问到;

老黑分享:http://segmentfault.com/a/1190000000349384

布局也可通过display:inline和block来布局,不一定非得position和float;

按钮宽度自适应:float:和display:inline-block;负margin配合float
float缺陷:太霸道,会超出父元素的区域,甚至覆盖父元素,打乱既有block;float之后好像不能控制元素大小;
负magin 实现:但自身也有一个小的缺陷,即如果内部最后一个子元素使用负margin上移后,由于父元素是其边距元素,其实际高度由于内部子元素上移也会跟着变小。解决方式就是设置一个最小高度,最小高度值为较小的固定元素高度(此例即为左边固定的图片高度),就可彻底解决负margin上移影响父元素高度Bug。

inline和block有细微的区别:inline的元素是自动充满,而block非这样;

classname/classlist/domtokenlist

target/currenttarget;

console.dir()

queryselector();

伪类为:hover;(伪类是对元素的描述以及效果);伪元素:是一个虚拟的内容,真实的元素;

js的event;

trigger激活;

观察订阅者模式;

form中的button自动提交问题;

background-position;切图时可以将图片放在一块儿的;

uri和url;可以理解为url为uri的父级,它比uri多个寻找资源的方法;

隐藏显示时,事先对元素visibility进行隐藏时,用jquery的.show.css(“visibility”,”visible”)和$.css(“visibility”,”hidden”)?

在css中body中设置好字体,当js新建一个select框时,字体又会用默认字体,而不是沿用css中body的字体,body设定字体的范围到底有多大?

checkbox的prop;

//sheet页获取数据
/*var varname=”flag”+a;
window[varname] = 0;*/

//取缓存的两种方法
.data(document.getElementById(oid1)).flag;(document.getElementById(“oid1”)).data(“flag”);

技巧:
for(var i in document.getElementById(“”)){console.log(i)}可以打印出这个节点的所有属性;

猪八戒;
循环绑定;事件委托;
事件冒泡;事件委托(捕获的过程);dom事件流;
阻止冒泡:e.cancelBubble=true;e.stopPropagation();
dom0:onclick()/…=null;dom2:addeventlistener()【得注意后面true和false的区别】/removeEventListener();
事件委托:$(‘ul’).on(‘click’,’li’,function())
preventDefault();e.phrase;

可以给每个对象赋予一个属性;
nodetype;
cssText;
prototype和fn.extends()原型继承;
时间戳注意乘除1000;
js函数括号的问题;当将函数整个包含扩上然后后面加个括号即相当于执行该函数;因为函数如果不带括号时不执行,带括号时则执行;自执行的函数,外面套一个括号;out.style.background=(function(){return ‘red’});
instanceof/constructor;
obj.protoType.toString.call();
类数组;
setInterval();
js解除绑定事件(对于浏览器的性能很重要);
label和input相互影响;
js没有代码块,即在代码块中定义的变量对外面没有影响;而不像c或java时代码块中的变量是局部变量,而js则相当于就是全局变量;

绑定事件时,注意静态dom跟动态dom绑定的不同,动态的需要:$(document).on(‘click’,’.aa’,function() {
alert(“kkkkk”);
})

一个有意思的网页效果:http://www.clocklink.com/clocks/otsukashokai001-navy.swf?TimeZone=China_Beijing&amp
http://www.cnblogs.com/wangyuelang0526/archive/2012/05/17/2506052.html、

复选框选中:http://www.jb51.net/article/48361.htm

select下拉列表选中:http://www.cnblogs.com/songhaipeng/archive/2012/11/25/2787214.html

quots()与伪类:lang()一起使用;

sdn和vpn;混了

seo;

left左边定位得学学,在第4讲中,如何左右固定,中间不确定;(绝对定位跟随)

当有时候ajax不可以使用时,可以现在页面上用调试出来,然后再移到js文件中;(jsonp)

absolute确实是相对于父元素,但是父元素必须得固定下来;
text-align:center;适用于块级元素内的行内元素;
技巧:里面div大,而外面div小,外面div设置overflow:hidden;即可隐藏掉一部分不想要的东西;

0 0
原创粉丝点击