从JavaScript 到 JQuery (1)学习小结

2016-02-19 16:03 1 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享从JavaScript 到 JQuery (1)学习小结吧。

【 tulaoshi.com - Web开发 】

这么说吧 , 只有扎实的 JavaScript 功底 ,才能得心应手的使用各种 JS 库 , 然后进入正题吧 !
1.先谈谈JQuery的效率方面吧
他在选择器的速度上比 标准的 JS Dom 要慢上4倍左右(官方说的,不是我瞎编的...) , 那为什么我们还要使用它呢 ?? 原因很简单, 第一 JS 是应用客户端的 , 速度影响并不那么明显 , 但是一定要注意什么时候用JQuery的选择器 , 什么时候用JavaScript的选择器 !
我个人是这样理解的 , 如果在选择对象时 , 逻辑比较容易则不要使用JQuery的选择器 , 例如
input type="text" id="name"
然后只做简单验证 , 没有复杂的操作 , 直接用 document.getElementById("name");
不要因为 JQuery 的 $("#ID") 看起来方便 就随意使用, 但是如果要做比较复杂 切有逻辑性的操作时 采用JQuery 例如有10个
input type="checkbox"
我们勾选后要删除 他们所在的行时
$("input[checked]").parent().parent().remove(); 这种连写的方式在逻辑性 和 维护性上来说比较好!
2.我们在来谈谈跨浏览器方面
一般写JavaScript 都存在代码如果想在不通浏览器上运行 , 部分方法不被浏览器支持 , 必须进行修改的问题 , 而JQuery 在这一点上做得比较出色 , 支持了主流浏览器 , 从而使得一种代码 可以在多种浏览器上使用的好处
3.接下来也谈谈 "宗海开发"
现在开发讲求的是 高速度 高质量 易维护 , 用传统的JavaScript来从头写起 是能写出来,但是在开发进度上会造成很大的影响 , 而JQuery 有丰富的插件库 , 使得开发效率大大提高 , 你可能会说 那么多插件库,光看API都累死了 , 但是JQuery 在这点做得不错 , 每个插件都有 详细的注释 和 Domo , 很方便就能投入实际应用 .
这是我第一次写东西,写得不好大家不要生气啊 , 下一篇会介绍实际开发中应用javascript 和 JQuery的一些技巧,谢谢

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

来源:https://www.tulaoshi.com/n/20160219/1610986.html

延伸阅读
中国父母育儿心态误区 “喜欢用孩子的成就来为自己脸上贴金,是中国父母的一个‘陋习’。”一位有海外求学经历的母亲和“好孩子育儿网”的专家讨论了育儿走入误区的一些话题。在海外留学期间,这位妈妈在帮老外看孩子的兼职工作中,开始对自己曾受到的教育和中国父母的心态有了比较。 学习是为了充实自我,而不是为实现父母的期待 她说:“...
Java Learning Path(二)、书籍篇 学习一门新的知识,不可能指望只看一本,或者两本书就能够完全把握。需要有一个循序渐进的阅读过程。我推荐Oreilly出版的Java系列书籍。 在这里我只想补充一点看法,很多人学习Java是从《Thinking in Java》这本书入手的,但是我认为这本书是不适合初学者的。我认为正确的使用这本书的...
Java Learning Path(三)过程篇 每个人的学习方法是不同的,一个人的方法不见得适合另一个人,我只能是谈自己的学习方法。因为我学习Java是完全自学的,从来没有问过别人,所以学习的过程基本上完全是自己摸索出来的。我也不知道这种方法是否是比较好的方法,只能给大家提供一点参考了。 学习Java的第一步是安装好JDK...
标签: Web开发
老话题了,各种方案和相关讨论都不少,简单总结下: 悠久的typeof JavaScript里只有五种基本数据类型:number, string, boolean, null, undefined. 其它的都是复合数据类型object. 值和数据类型是两码事。比如:null是null类型的唯一值,undefined是undefined类型的唯一值,就如true和false是boolean类型的唯两值一样。 可以用typeof检测出...
标签: Web开发
jsp页面 : 代码如下: var clientTel = $("#clientTel").val(); var activityId = $("#activityId").val(); $.ajax({ type : "post",//发送方式 url : "/arweb/reserve/saveCode.action",// 路径 data : "clientTel="+clientTel+"&activityId="+activityId , success: function(text){$("#randomCode").val(text);}, error: functio...

经验教程

260

收藏

86
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部