jquery应用过程感悟

Bertha 。 2022-06-17 02:50 161阅读 0赞

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

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

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

数据库连接的学习：[http://www.cnblogs.com/xiohao/p/3510980.html][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_bbirdsky_article_details_9186729]

表格学习：[http://blog.csdn.net/sunvying/article/details/2156537][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_kb.cnblogs.com_page_139725] [http://my.oschina.net/duwaiweb/blog/80576][http_my.oschina.net_duwaiweb_blog_80576]  
json后台传输的格式为\{ ：\}；而jsonp传输的格式为aa（\{ ：\}）； jsonp通过aa这个名将数据包裹打包到前端，而前端对其进行加入标签《script》这样既可访问到；

老黑分享：[http://segmentfault.com/a/1190000000349384][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.clocklink.com_clocks_otsukashokai001-navy.swf_TimeZone_China_Beijing_amp]  
[http://www.cnblogs.com/wangyuelang0526/archive/2012/05/17/2506052.html][http_www.cnblogs.com_wangyuelang0526_archive_2012_05_17_2506052.html]、

复选框选中：[http://www.jb51.net/article/48361.htm][http_www.jb51.net_article_48361.htm]

select下拉列表选中：[http://www.cnblogs.com/songhaipeng/archive/2012/11/25/2787214.html][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;即可隐藏掉一部分不想要的东西；

[http_www.2cto.com_kf_201409_335954.html]: http://www.2cto.com/kf/201409/335954.html
[http_www.cnblogs.com_xiohao_p_3510980.html]: http://www.cnblogs.com/xiohao/p/3510980.html
[http_blog.csdn.net_bbirdsky_article_details_9186729]: http://blog.csdn.net/bbirdsky/article/details/9186729
[http_blog.csdn.net_sunvying_article_details_2156537]: http://blog.csdn.net/sunvying/article/details/2156537
[http_kb.cnblogs.com_page_139725]: http://kb.cnblogs.com/page/139725/
[http_my.oschina.net_duwaiweb_blog_80576]: http://my.oschina.net/duwaiweb/blog/80576
[http_segmentfault.com_a_1190000000349384]: http://segmentfault.com/a/1190000000349384
[http_www.clocklink.com_clocks_otsukashokai001-navy.swf_TimeZone_China_Beijing_amp]: 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.cnblogs.com/wangyuelang0526/archive/2012/05/17/2506052.html
[http_www.jb51.net_article_48361.htm]: http://www.jb51.net/article/48361.htm
[http_www.cnblogs.com_songhaipeng_archive_2012_11_25_2787214.html]: http://www.cnblogs.com/songhaipeng/archive/2012/11/25/2787214.html