日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
又到畢業(yè)季:程序員Web面試之JQuery

又到了一年一度的畢業(yè)季了,青春散場,卻等待下一場開幕。

站在用戶的角度思考問題,與客戶深入溝通,找到高平網(wǎng)站設(shè)計與高平網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:成都網(wǎng)站制作、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、國際域名空間、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋高平地區(qū)。

在求職大軍中,IT行業(yè)的程序員、碼農(nóng)是工科類大學(xué)生的熱門選擇之一,尤其是近幾年Web的如火如荼,更是吸引了成千上萬的程序員投身其中追求自己的夢想,這篇文章以Web面試官的經(jīng)歷整理而成,希望能對你有所幫助。

jQuery是什么?

jQuery是javascript編寫一個可重用的JavaScript庫。

不使用JQuery設(shè)置UI文本的JavaScript代碼如下:

 
 
  1. document.getElementById("txt1").value = "hello"; 

用JQuery類庫后的的JavaScript代碼如下:

 
 
  1. $("#txt1").val("Hello"); 

可見,在使用JQuery類庫后的JavaScript代碼明顯簡潔了很多,也更符合IT行業(yè)特點:短、平、快。

jquery與JavaScript的關(guān)系,JQuery會取代JavaScript嗎?

JavaScript:是一門Web***的腳本語言。

JQuery: 是一個優(yōu)秀的Javascript框架。它是輕量級的js庫 ,它兼容CSS3,還兼容各種瀏覽器(IE 6.0+, FF 1.5+, Safari  2.0+, Opera 9.0+)。

故,jQuery是并不是要取代的JavaScript;使用JQuery使Web開發(fā)變得簡單。

如何使用jQuery庫?

從jquery.com下載的jquery.js文件(***的JQuery版本V1.11.1或V2.1.1)。 jQuery的文件規(guī)則,如“jquery-1.4.1.j s”,其中1.4.1是JS文件的版本的版本號。

在開發(fā)Web程序前,需要包含的JavaScript,如圖下面的代碼:

 
 
  1.  

CDN(內(nèi)容分發(fā)網(wǎng)絡(luò))是什么?

在開發(fā)Web頁面,考慮最多的問題之一是頁面在客戶端電腦的響應(yīng):時間越短,用戶體驗越好。

而制約用戶體驗的關(guān)鍵因素之一是瀏覽器下載Web文件大小,包括*.html、圖片、*.js、*.css等文件。

為了***化復(fù)用和節(jié)約帶寬,故CDN應(yīng)運而生:其基本思路是盡可能避開互聯(lián)網(wǎng)上有可能影響數(shù)據(jù)傳輸速度和穩(wěn)定性的瓶頸和環(huán)節(jié),使內(nèi)容傳輸?shù)母臁⒏€(wěn)定。其目的是使用戶可就近取得所需內(nèi)容,解決 Internet網(wǎng)絡(luò)擁擠的狀況,提高用戶訪問網(wǎng)站的響應(yīng)速度。

如何使用JQuery CDN?

推薦使用官方的CDN節(jié)點,使用代碼如下:

 
 
  1.  
  2.  

還有Google提供的JQuery CDN:

 
 
  1.  

同時微軟也提供了JQuery CDN的節(jié)點:

 
 
  1.  

如何在CDN網(wǎng)絡(luò)不可訪問情況下,能自動訪問網(wǎng)站的JQuery文件?

一般情況下,CDN網(wǎng)絡(luò)節(jié)點是可靠的。

但是偶爾也有失靈的時候,故為了提供雙保險,可進行判斷網(wǎng)絡(luò)加載CDN失敗,則自動加載網(wǎng)站上的JQuery

, 示例代碼如下:

 
 
  1.  
  2.  

同版本的JQuery.js文件和JQuery.min.js有何不同?

相同

這兩個文件提供相同的jQuery的功能,即在函數(shù)調(diào)用上沒有區(qū)別。

不同

JQuery.js文件,適合讓程序員閱讀,如下圖所示:

JQuery.min.js文件,通過壓縮和刪除所有的空格,以節(jié)省帶寬和空間,使得文件更小,用于網(wǎng)絡(luò)傳輸,不適合程序員閱讀。

何時使用jquery.js,何時使用jquery.min.js?

開發(fā)調(diào)試場景下:用JQuery.js文件,因為你想調(diào)試,能夠看到j(luò)avascript代碼。

生產(chǎn)部署環(huán)境下:用JQuery.min.js文件,可減少網(wǎng)絡(luò)寬度,加快網(wǎng)頁加載速度。

JQuery.vsdoc.js文件是什么?

*.vsdoc.js文件是用來在微軟的開發(fā)環(huán)境Visual Studio下使用的,方便得獲得JQuery的智能感知,當(dāng)你輸入JQuery函授后,會自動提示函數(shù)的類型、函數(shù)使用說明、函數(shù)參數(shù)等等。

如果在VS下用JQuery開發(fā)Web程序,則vsdoc.js文件會大大的提高開發(fā)效率。

JQuery的基本語法如何解釋?

jQuery的語法結(jié)構(gòu)可以分為四部分:

  1. 默認情況下,所有Jquery的命令開始以一個“$”符號。

  2. 其次是HTML元素的選擇。例如下面是我們通過ID“txt1”選擇一個HTML文本框。

  3. 接著由點(.)分隔。這個操作者將分離的元素和該元素的動作(函數(shù))。

  4. ***什么樣的函數(shù)(動作)。

例如在下面的jQuery代碼,我們正在設(shè)置的文本值為“Hello world, jQuery”。

在jQuery中,“$”符號代表什么?

在JQuery中,“$”符號是一個jQuery的別名,默認的JQuery類庫以$開頭。

為何要使用JQuery.noConflict()

有很多類似JQuery一樣的類庫,如MooTools, Backbone, Sammy, Cappuccino, Knockout 。這些類庫中,有的也使用了$符號,如果同時使用,則會導(dǎo)致命名沖突。

為了解決這個沖突,需要用到JQuery.noConflict(),這樣就不依賴$這個默認符號了。
   例如:

 
 
  1. $.noConflict();  
  2. jQuery("p").text("I am jquery and I am working…"); 

或者使用別名代替:

 
 
  1. var jq = $.noConflict();  
  2. jq("p").text("I am invoked using jquery shortcut…"); 

請舉例說明JQuery的選擇器

選擇所有HTML的p元素,并隱藏

 
 
  1. $("p").hide(); 

選擇ID為Text1的HTML元素,并賦值

 
 
  1. $("#Text1").val("Hello"); 

選擇Class為Text1dHTML元素,并賦值

 
 
  1. $(".Text1").val("Hello"); 

在JQuery中,如何使用document.ready?

一次完整的HTML DOM加載完成,會觸發(fā)HTML的“document.ready”事件,而要通過JQuery訪問HTML元素,則需要頁面的HTML元素加載完成。

例如:

 
 
  1.  
  2.  
  3.  
  4.  
  5.  

而在Ready事件中的可訪問HTML元素,例子如下:

 
 
  1.  

同一個頁面中,能否加載多個個document.ready事件?

可以。

如何用JQuery對HTML元素事件進行附加?

下面通過2個例子來說明

例子1,選擇所有的button元素,在其click事件中,對所有p元素進行toggle。

 
 
  1. $("button").click(function(){  
  2. $("p").toggle();  
  3. }); 

例子2,選擇ID為p1的元素,在mouseenter事件中,進行alert。

 
 
  1. $("#p1").mouseenter(function(){  
  2.   alert("You entered p1!");  
  3. }); 

如何使用JQuery添加樣式(style)?

使用例子如下:

 
 
  1. $("li").filter(".middle").addClass("selected"); 

css樣式內(nèi)容如下:

 
 
  1.  

博客地址:http://powertoolsteam.blog./2369428/1428180


當(dāng)前文章:又到畢業(yè)季:程序員Web面試之JQuery
網(wǎng)頁鏈接:http://www.5511xx.com/article/ccehghe.html