程序员web面试之jquery.pdf

又到毕业季：程序员 Web 面试之 JQuery 又到了一年一度的毕业季了，青春散场，却等待下一场开幕。 在求职大军中，IT 行业的程序员、码农是工科类大学生的热门选择之一，尤其是近几年 Web 的如火如荼， 更是吸引了成千上万的程序员投身其中追求自己的梦想，这篇文章以 Web 面试官的经历整理而成，希望能 对你有所帮助。 jQuery 是什么？ jQuery 是 javascript 编写一个可重用的 JavaScript 库。 不使用 JQuery 设置 UI 文本的 JavaScript 代码如下： 1. document.getElementById("txt1").value = "hello"; 用 JQuery 类库后的的 JavaScript 代码如下： 1. $("#txt1").val("Hello"); 可见，在使用 JQuery 类库后的 JavaScript 代码明显简洁了很多，也更符合 IT 行业特点：短、平、快。 jquery 与 JavaScript 的关系，JQuery 会取代 JavaScript 吗？ JavaScript：是一门Web 最流行的脚本语言。 JQuery： 是一个优秀的 Javascript 框架。它是轻量级的 js 库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 故，jQuery 是并不是要取代的 JavaScript；使用JQuery 使 Web 开发变得简单。 如何使用 jQuery 库？ 从 下载的 jquery.js 文件（最新的 JQuery 版本 V1.11.1 或 V2.1.1）。 jQuery 的文件规则， 如“jquery-1.4.1.j s”，其中 1.4.1 是 JS 文件的版本的版本号。 在开发 Web 程序前，需要包含的 JavaScript，如图下面的代码： 1. <script src="file:///C:/jquery-1.11.1.min.js" type="text/javascript">< /script> CDN （内容分发网络）是什么？ 在开发 Web 页面，考虑最多的问题之一是页面在客户端电脑的响应：时间越短，用户体验越好。 而制约用户体验的关键因素之一是浏览器下载 Web 文件大小，包括*.html、图片、*.js、*.css 等文件。 为了最大化复用和节约带宽，故 CDN 应运而生：其基本思路是尽可能避开互联网上有可能影响数据传输速 度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。其目的是使用户可就近取得所需内容，解决 Internet 网络拥挤的状况，提高用户访问网站的响应速度。 如何使用 JQuery CDN？ 推荐使用官方的 CDN 节点，使用代码如下： 1. <script src="///jquery-1.11.0.min.js"></script> 2. <script src="///jquery-migrate-1.2.1.min.js"></script> 还有 Google 提供的 JQuery CDN： 1. <script type="text/javascript" src="/ajax/li bs/jquery/1.9.1/jquery.min.js"> 2. </script> 同时微软也提供了JQuery CDN 的节点： 1. <script type="text/javascript" src="/ajax/jqu ery/jquery-1.9.1.min.js"> 2. </script> 如何在 CDN 网络不可访问情况下，能自动访问网站的 JQuery 文件？ 一般情况下，CDN 网络节点是可靠的。 但是偶尔也有失灵的时候，故为了提供双保险，可进行判断网络加载 CDN 失败，则自动加载网站上的 JQuery , 示例代码如下： 1. <script type="text/javascript" src="http://ajax/jque ry/jquery-1.9.1.min.js"></script> 2. <script type="text/javascript">if (typeof jQuery == 'undefined') 3. { 4. document.write(unescape("%3Cscript src='Scripts/j