2015.05.28 工作任务与心得

工作任务：

1. javascript和Jquery，为什么要使用Jquery

2. bind事件

3. mozilla和ie内核的区别

4. 解决程序中的Jquery问题，动态动画的宽度问题

5. 使用Jquery制作动态效果

6. 网页的美化

工作心得：

  1. 

http://www.gbtags.com/gb/share/1389.htm 这个博主写的有关Jquery的文章特别的好

Richard Hein 在“6 Things You Need to Know About jQuery”一文中列举了推荐 jQuery 的托干理由，包括：

1. jQuery 简化工作――开发人员会发现学习 jQuery 比较容易，因为该框架的代码简洁精练，语法简单、编码标准开发等特点帮助开发人员缩短了部署应用的时间。此外，开发人员无需对 Web 设计非常在行，利用 jQuery，不必花费太多的时间用来编写和测试 CSS 代码，而且 jQuery 还有大量的 UI 组件。

2. jQuery 的显示不受 Javascript 被禁用的影响――如果 Adobe Flash 不能正常加载，那么有的页面就不能正常显示。这会对用户产生负面的影响，并且导致开发人员不得不为此做额外的编码处理，从而延长了开发时间。而这种情况不会在 jQuery 身上出现。它采用的是 HTML DOM 操作，即使浏览器的 Javascript 被禁用，网页还是可以正常显示。

3. jQuery 与 Visual Studio IDE 集成――NuGet 是 Visual Studio 的一个扩展，在开发基于 .NET Framework 的应用时，NuGet 能够简化添加、删除等工作。VS 2010 通过“管理 NuGet 包”对话框来支持对 jQuery 的集成。这种特性会触发 VS 的智能感知等功能，提示开发人员 jQuery 的方法和语法。总的来说，大多数 .NET 开发人员对 NuGet 都比较熟悉。这就是 jQuery 在 .NET 社区持续受到关注的原因之一。利用 jQuery 针对 Windows 的 Mobile theme，你会在 Windows Phone 平台上享受到所有的开发优势。微软也在鼓励 jQuery 的使用，并且认真对待 HTML5，引入了许多 jQuery 元素。

4. jQuery 制作的动画效果不比 Flash 差――Flash 开发人员需要很长的学习过程，对于通常的开发人员开说，需要花费数年的时间才能创建出优秀的作品。而另一方面，jQuery 是免费的，而且只要求开发人员了解 Javascript 和 HTML。假设你可以负担得起 Flash 开发软件，但是开发人员仍然需要处理那些不支持 Flash 的情况，这是构建 Flash 网站的最大的缺点之一，也是利用 HTML5 构建的最大优势之一。同时，jQuery 使用了 CSS、HTML、Javs 和 Ajax，这意味着你可以无需采用类似 Flash 那种特殊的优化方式。

5. jQuery 加载更快――Google 和其他搜素引擎都把页面加在时间作为影响 SEO 的因素之一。因此，开发人员都会努力把 Web 代码尽可能写的简洁和准确。最好的方式是减少代码量。jQuery 文件与 Web 页面分开存储，这可以让开发人员集中地优化代码。此外，jQuery 还支持开发人员自主选择如何加载 Div 标签，如果你想要改进网站的速度，那么可能会考虑在必要的时候只加载所需的 Div 标签。

6. jQuery 有助于 SEO――网站的代码结构对各种搜索引擎的排名影响较大，jQuery 提供了大量优化的插件帮助开发人员完成这项工作。

在国内社区，开发人员也对 jQuery 做了讨论。张经纬比较了 jQuery 和 YUI 的优缺点：

jQuery 专注于 DOM 的操作，他通过继承的方式给传入的对象增加了新的方法，从而使我们可以通过链式调用来操作对象，这种方法上手简单，我看到很多设计师都可以玩上一玩。其实，就像 jQuery 说的，write less do more!

但是jquery的类库并不是完整的，有时候需要使用其他的插件，而这些插件是良莠不齐的

2.bind事件

JQuery 官网的Bind事件的API吧：地址连接。

 刚开始我们先看一下它的定义：

.bind( eventType [, eventData], handler(eventObject))

 .Bind()方法的主要功能是在向它绑定的对象上面提供一些事件方法的行为。期中它的三个参数的意义分别如下：

 eventType是一个字符串类型的事件类型，就是你所需要绑定的事件。这类类型可以包括如下：blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error 。这里需要注意的是，这里用的都是javascript里面的事件方法，而不是JQuery里面的，JQuery里面的事件方法均在JavaScript前面多了一个“on”，比如 等等。

eventData参数是一个可选参数，不过它在平时用的比较少。如果提供了这个参数，那么我们就能把一些附加信息传递给事件处理函数了。这个参数有个很好的用处，就是处理闭包带来的问题。待会在给大家举实例。

Handler是用来绑定的处理函数，其实也也就是回调函数，处理完数据之后相应的方法。

 

图一： jquery里的bind参数提示

1.第一个简单的bind ()事件---Hello Word

Html Code：

1 <input id="BtnFirst"type="button"value="Click Me"/>

JavaScript Code：

1 $(function () {

2             $("#BtnFirst").bind("click", function () {

3                 alert("Hello World");

4             });

5  })

打开页面之后，点击按钮“Click Me”，就会弹出”Hello World”。这算是我们最简单的绑定事件吧。很简单吧。

3. ie是一个内核，火狐是一个内核，chrome和safari是一个内核

4. 幻灯片的宽度利用了Jquery动态等于屏幕的宽度，所以已经解决

5.