发表于: 2017-04-27 23:53:06

1 1101


一、今天完成的事情

1、完成根据需要显示和隐藏视图。

2、根据玩家数,书写逻辑,点击一次查看身份再点击隐藏身份,再点击查看下一个人身份。主要是通过点击次数的奇偶性来控制,即奇数查看,偶数隐藏。

3、学习jQuery

二、明天计划的事情

1、完成法官日志,完成任务3

2、开始任务4:学习js有限状态机。

3、继续学习jQuery

4、有时间把任务2的玩家配比事件重新写一遍。

三、遇到的问题

今天尝试用jQuery写任务,感觉的确方便了很多。不过总感觉有点虚,因为JS都没学好。

发现使用jQuery是一件充满乐趣的事情。它简洁而强大,开发者能够迅速得到自己想要的结果。它解决了许多JavaScript问题和难题。通过一些基础性的改进,开发者可以真正去思考开发下一代Web应用,不再因为语言或工具的差劲而烦恼。相信它的“最少的代码做最多的事情”口号。

那么什么是JQuery

JQuery是一个优秀的javascript框架。

JQuery是继Prototype之后又一个优秀的Javascript框架。其宗旨是——write less, do more。它是轻量级的js库,这是其它的js库所不及的,它兼容CSS3,还兼容各种常用浏览器。

JQuery是一个快速的,简洁的JavaScript库,使用户能更方便地处理HTML documentsevents、实现动画效果,并且方便地为网站提供AJAX交互。

JQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。JQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。

接着说说.JQuery的特点

(1).一款轻量级的js框架。

(2).丰富的DOM选择器(CSS1-3 + XPath)

JQuery的选择器用起来很方便,好比要找到某个dom对象的相邻元素js可能要写好几行代码,而JQuery一行代码就搞定了,再比如要将一个表格的隔行变色,JQuery也是一行代码搞定。

(3).链式表达式。

(4).事件、样式、动画支持。

(5).Ajax操作支持。

(6).跨浏览器兼容。

(7).插件扩展开发。

JQuery有着丰富的第三方的插件,例如:树形菜单、日期控件、图片切换插件、弹出窗口等等基本前台页面上的组件都有对应插件,并且用JQuery插件做出来的效果很炫,并且可以根据自己需要去改写和封装插件,简单实用。

(8).可扩展性强。

JQuery提供了扩展接口:JQuery.extend(object),可以在JQuery的命名空间上增加新函数。JQuery的所有插件都是基于这个扩展接口开发的。

当然免不了谈谈.JQuery的优缺点

(1).JQuery优点

<1>.JQuery实现脚本与页面的分离

<2>.最少的代码做最多的事情

最少的代码做最多的事情,这是jQuery的口号,而且名副其实。使用它的高级selector,开发者只需编写几行代码就能实现令人惊奇的效果。开发者无需过于担忧浏览器差异,它除了还完全支持Ajax,而且拥有许多提高开发者编程效率的其它抽象概念。jQueryJavaScript带到了一个更高的层次。以下是一个非常简单的示例:

$("p.neat").addClass("ohmy").show("slow");

通过以上简短的代码,开发者可以遍历“neat”类中所有的<p>元素,然后向其增加“ohmy”类,同时以动画效果缓缓显示每一个段落。开发者无需检查客户端浏览器类型,无需编写循环代码,无需编写复杂的动画函数,仅仅通过一行代码就能实现上述效果。

<3>.性能支持比较好

在大型JavaScript框架中,jQuery对性能的理解最好。尽管不同版本拥有众多新功能,其最精简版本只有18KB大小,这个数字已经很难再减少。jQuery的每一个版本都有重大性能提高。如果将其与新一代具有更快JavaScript引擎的浏览器(如火狐3和谷歌Chrome)配合使用,开发者在创建富体验Web应用时将拥有全新速度优势。

<4>.它是一个“标准”

之所以使用引号,是以为jQuery并非一个官方标准。但是业内对jQuery的支持已经非常广泛。谷歌不但自己使用它,还提供给用户使用。另外戴尔、新闻聚合网站DiggWordPressMozilla和许多其它厂商也在使用它。微软甚至将它整合到Visual Studio中。如此多的重量级厂商支持该框架,用户大可以对其未来放心,大胆的对其投入时间。

<6>.节约学习成本

当然要想真正学习jQuery,开发者还是需要投入一点时间,尤其是如果要编写大量代码或自主插件的话,更是如此。但是,开发者可以采取“各个击破”的方式,而且jQuery提供了大量示例代码,入门是一件非常容易的事情。建议开发者在编写某类代码前,首先看一下是否有类似插件,然后看一下实际的插件代码,了解一下其工作原理。简而言之,学习jQuery不需要开发者投入太多,就能够迅速开始开发工作,然后逐渐提高技巧。

(2).JQuery的缺点

<1>.不能向后兼容。

<2>.插件兼容性。

与上一点类似,当新版jQuery推出后,如果开发者想升级的话,要看插件作者是否支持。通常情况下,在最新版jQuery版本下,现有插件可能无法正常使用。开发者使用的插件越多,这种情况发生的几率也越高。我有一次为了升级到jQuery 1.3,不得不自己动手修改了一个第三方插件。

<3>.多个插件冲突。

至于jQuery的使用,这里就不详细介绍了。不过相信我,用上jQuery,你会从此爱上它,从此一发不可收拾!

四、收获

    学会初步使用jQuery写代码。



返回列表 返回列表
评论

    分享到