web前端开发用户体验:jQuery框架

对于web前端开发来说,越来越多人使用JS框架来实现效果,其中以jQuery框架的使用最普遍。本文中对于jQuery的讨论来自Karl Swedberg的访谈,作为 JavaScript 和 jQuery 技术专家,Karl Swedberg撰写了大量相关文章,并在各种 Web 开发设计大会上有与 jQuery 相关的讲座。

对那些可能还没听说过 jQuery 的设计师来说,什么是 jQuery

jQuery 是一种让开发和设计者在他们的网页中添加交互内容的工具,它的核心命令让你在网页中定位或创建对象并对之进行操作,它事实上是一种更容易使用的 JavaScript,可以不必强迫页面刷新而对页面进行各种操作。

在你看来,为什么 jQuery 对 Web 设计师有用?

JavaScript 为设计拓宽了视野,而 jQuery 让这一切变得更简单。对那些通晓 CSS 的设计师来说,编写 jQuery 代码很类似,而对于那些拥有 Flash 经验的设计师来说,jQuery 是一种标准化的,开放的技术,它可以实现类似 Flash 的交互效果。

你将在 The Future of Web Deisgn New York 大会上做 jQuery 讲座,大体内容是什么?

我将对 jQuery 库做一简介,接下来会通过一些实践一步一步讲解如何在站点中提升用户体验,我将演示一些技术,看看 jQuery 如何弥补 CSS 或某些浏览器的 CSS 处理的不足。我将讲解如何善用动画,如何防止滥用。最后将演示一些有趣的插件。

jQuery 有不少实用插件,哪一些是设计师不可或缺的?

这要看网站,或者说客户的需求。我自己常用的一个插件是 Mike Alsup 设计的 Cycle Plugin,这是一个轮番播放图片的饰件,拥有很漂亮的过度效果,这个插件并不限于播放图片,还可以播放任何内容,它确实很不错,在那么小的空间可以放那么多内容。

最近我还对 jQuery UI 插件颇感兴趣,这套插件使富用户体验,如拖放操作,变得很简单,它包含的部件都很棒,我已经开始使用其中的对话框,Tab 以及日期选择器等。

在你看来,Web 设计的未来是什么?

在预测任何未来技术方面我完全象个傻瓜。在某些方面,如果我们无法摆脱那些旧浏览器的话,事情可能没多少改变,不过,即使现在,在那些更好的浏览器身上,我们也已经看到一些令人振奋的东西,我期待看到一些全新的东西。

Webkit 引擎开发团队已经做在 CSS 动画方面做了很多工作,他们甚至将触角伸向图形硬件来实现炫目的视觉效果。Firefox, Safari, and Chrome 正在 JavaScript 引擎方面你追我赶,而众多 JavaScript 库也在性能上大幅提升。我们会开到越来越多的 HTML 5 元素的使用,如 Canvas, 音频,视频。Web 字体方面也将更加完善,不管从技术方面还是版权方面。可以肯定的是,未来的 Web 会让人惊异。

时间: 2024-09-15 19:39:50

web前端开发用户体验:jQuery框架的相关文章

基于jQuery实现多标签页切换的效果(web前端开发)_jquery

这里,实现多标签页效果的方法有两个,一个是基于DOM的,另一个是基于jquery的,此次我写的是一个对于一个电话套餐的不同,显示不同的标签页 方法一: 首先,我们要把页面的大体框架和样式写出来,html和css代码如下: <ul id="tab"> <li id="tab1" onclick="show(1)">10元套餐</li> <li id="tab2" onclick=&quo

web前端开发JQuery常用实例代码片段(50个)_jquery

本文给大家展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助.其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成.这些都是我尽量记住的有着最佳性能的代码段,因此如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中!我希望你在这一文章中能找到有帮助的东西. 1. 如何创建嵌套的过滤器 //允许你减少集合中的匹配元素的过滤器, //只剩下那些与给定的选择器匹配的部分.在这种情况下

独家分享——大牛教你如何学习Web前端开发

转载至:http://site.douban.com/imooc/widget/notes/17984491/note/472367715/ 引语      自从2008年接触网站开发以来到现在已经有六个年头了,今天偶然整理电脑资料看到当时为参加系里面一个比赛而做的第一个网站时,勾起了在这网站开发道路上的一串串回忆,成功与喜悦.烦恼与纠结都历历在目,感慨颇多.在此与大家分享,希望对初学Web前端的各位童鞋来说有所帮助.欢迎各位吐槽.拍砖. 先从大家学习上的一个误区开始谈起. Web前端的学习误区

淘宝前端工程师:国内WEB前端开发十日谈

中介交易 SEO诊断 淘宝客 云主机 技术大厅 一直想写这篇"十日谈",聊聊我对Web前端开发的体会,顺便解答下周围不少人的困惑和迷惘.我不打算聊太多技术,我想,通过技术的历练,得到的反思应当更重要. 我一直认为自己是"初级"前端开发工程师,一方面我入道尚浅,只有短短几年,另一方面我自知对技术的钻研并不深入,可能是由于环境的原因,当然最重要的是,我幸运的参与到互联网崛起的浪潮之巅.时势造就了一批技能薄弱但备受追捧的"弄潮者",这在很大程度上影响我

《Web前端开发最佳实践》——1.2 Web前端开发现状

1.2 Web前端开发现状 前端开发虽然起步时间晚,但是发展势头迅猛,在各种新技术.新标准的推动下,各大互联网公司也开始重视Web产品的前端重构与开发,如淘宝.腾讯.新浪.百度.搜狐等都对自己的网站进行了重构并同时使用了HTML5中的新特性.现在开发的Web新产品的页面交互也越来越丰富,视觉效果也越来越绚丽.互联网公司除了重视前端开发之外,还在积极推动互联网技术的发展,2001-2012年,腾讯.百度及奇虎360公司先后加入了万维网联盟(W3C),共同参与互联网技术标准的研究和制定,促进了国内互

Web前端开发十日谈:寻找适合自己的道路

开发十日谈:寻找适合自己的道路-"> 一直想写这篇"十日谈",聊聊我对Web前端开发的体会,顺便解答下周围不少人的困惑和迷惘.我不打算聊太多技术,我想,通过技术的历练,得到的反思应当更重要. 我一直认为自己是"初级"前端开发工程师,一方面我入道尚浅,只有短短几年,另一方面我自知对技术的钻研并不深入,可能是由于环境的原因,当然最重要的是,我幸运的参与到互联网崛起的浪潮之巅.时势造就了一批技能薄弱但备受追捧的"弄潮者",这在很大程度上

探究Web前端开发行业的发展

--Web前端开发的过去.现在和未来 自从第一个网站在上个世纪 90 年代初诞生以来,早期的网页完全由文本构成,除了一些小图片和毫无布局可言的标题与段落.然而,时代在进步,接下来出现了表格布局,然后是 Flash,最后是基于 CSS 的网页设计.无可否认,前端页面重构技术也经历着这样的一个过程:table布局页面→DIV+CSS→HTML5+CSS3,面对众多的浏览器与平台,Web前端不再是以前那样简单的重复性工作.下面让我们对Web前端开发行业的发展有一个简短的认识. 回首Web前端开发的过去

Web前端开发中的MCRV模式

摘要 针对前端开发中基于ajax的复杂页面开发所面临的代码规模大,难以组织和维护,代码复用性.扩展性和适应性差等问题,本文尝试以MVC思想为基础,结合Web前端开发中"内容-结构-表现-行为"相分离的开发标准,提出一种将Web页面代码分为视图(View,页面静态部分,包括内容.结构.表现).模型(Model,负责数据缓存.数据校验与本地逻辑处理.发起ajax请求).控制器(Controller,负责用户和系统事件响应.模型和渲染器调度).渲染器(Renderer,对视图的渲染,控制器与

极客Web前端开发资源大荟萃

中介交易 SEO诊断淘宝客 站长团购 云主机 技术大厅 前端开发已经成为当前炙手可热的技术之一.此次我们总结的前端开发包含了相关技术和流行趋势,希望从中大家可以挖掘你们所需要的,并带给你们最有价值的帮助!原文来自:极客标签 良心ui - 基于bootstrap 全面兼容ie6+的前端框架 良心ui - 基于bootstrap 全面兼容ie6+的前端框架. 前端代码回放:CSS3中的box-shadow用法 关于box-shadow的用法,分享出来给有需要的人使用. 360周鸿祎:互联网成功十大案