


下載本文檔
版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
1、以下為Web前端開發(fā)筆試題集錦之Javascript篇,移步HTML/CSS篇1, 判斷字符串是否是這樣組成的,第一個必須是字母,后面可以是字 母、 數(shù)字、下劃線,總長度為 5-20var reg=廠 d-zA-Z&-zA-Z_0-94, 19$/;( /zala ala ala ala“) ;2, 截取字符串 abcdefg 的 efgvar str = "abcdefg"if (/efg/. test(str) var efg = ("efg"), 3);alert(efg);3, 判斷一個字符串中出現(xiàn)次數(shù)最多的字符,統(tǒng)計這個次數(shù)注意兼容性
2、)SPANDIVSPANP21, 請編寫一個 JavaScript 函數(shù) parseQueryString, 它的用途是把 U RL 參數(shù)解析為一個對象,如:var url = "keyO 二 O&keyl 二 l&key2=2"function parseQueryString(url)var params 二;if <= 1return params:arr = arrl. split “&for var i=0, 1=; ivar a = arri. split" 二“ ;paramsa0. = al;return params
3、:var url = "keyO二 O&keyl 二 l&key2 二 2"var ps = parseQueryStri ng(url): alert(ps"keyl");22, ajax是什么ajax的交互模型同步和異步的區(qū)別如何解決跨域問題Ajax是多種技術組合起來的一種瀏覽器和效勞器交互技術,根本思想是允許一個互聯(lián)網(wǎng)瀏覽器向一個遠程頁面/效勞做異步的 調用,并且 用收到的 數(shù)據(jù)來更新一個、“I前web頁面而不必刷新整個頁面。該技術能夠改良客戶端的體驗。包含的技術:XHTML對應 W3CI勺XHTM標準,目前是CSS對應W3C勺CS
4、S標準,目前是DOIM這里的DOH主要是指HTML DOM, XML DO包括在下面的 XML中JavaScript :對應于 ECMA的 ECMAScript 標準XML對應 W3C的XML DOM XSLT XPath等等標準specs/web-apps/curre nt-XML Request:對應 WhatWG的 Web 標準work/)AJAX交互模型基于AJAX的驢灸務群涓求數(shù)護應故抬黃務8S 整湎.同步:腳本會停留并等待效勞器發(fā)送回復然后再繼續(xù)異步:腳本允許頁面繼續(xù)其進程并處理可能的回復跨域問題簡單的理解就是因為 JS同源策略的限制,域名下的JS無法 操作 或下的對象,具體場景如
5、下:? ? ? ? ? ?L?RjL? ? ? ? 9 9?.? ? ? ? ? ? ? ? ? ? SS/tfTi? I RnO1-h ttp:/wevv. kuqin ccn ./bb/J.js :/Av/AA kuqi n.rcin Acript/hj?;同一城乞下不冃必什左允許| £? :/AvAw kuqin. ccn/a.is : 伽 i qin .<冋一域亡下允許? r/Aww. kuc ) in. ccm:8000/3.js耳一舷?不同搗二不躺 ? 一 ? ? “ %? Ln it p“/A?V. kii? in.:夕4 % /ittp : AAw kuqin.
6、 ccn./a.is h tt p M' kuqin m/bj 5同7他.沖洞協(xié)嘆不允許?* h ttpJSwwwqin cch/o.is 忤 77)"3.?% 吋:誡芒IM名對蟲P形滸? ? !/Av/A? v.kuqin mrVx.K :/Afript.kuqi n .corrVh.js企1或£同子域不閆不5滸? ? :/AwA-/. hac1?3 /a.jshitkiiqi n. mn/b.jw不同昭不允許? ?PS:(1)如果是端口或者協(xié)議造成的跨域問題前端是無能為力的(2) 在跨域問題上,域僅僅通過 URL的首部來識別而不會嘗試判斷相同的IP地址對應的域或
7、者兩個域是否對應一個IP前端對于跨域的解決方法:(1) +iframe(2) 動態(tài)創(chuàng)立script 標簽23,什么是閉包下面這個ul,如何點擊每一列的時候alert其index 這是第一條這是第二條這是第三條內部函數(shù)被定義它的函數(shù)的外部區(qū)域調用的時候就產(chǎn)生了閉包。(fun ction A() var in dex = 0;var ul 二("test");var obj = ;)for (var i = 0,1 = i < 1; iif i. 0 二二 廠)var li = i;=function() index+;alert(index);)();24, 請給出異步
8、加載 js 方案,不少于兩種默認悄況 javascript 是同步加載的,也就是 javascript 的加載時阻 塞的, 后面的元素要等待 javascript 加載完畢后才能進行再加載,對于一 些意義不是 很大的 javascript, 如果放在頁頭會導致加載很慢的話,是會 嚴重影響用戶體驗 的。異步加載方式:(1) defer, 只支持 IE(2) async :(3)創(chuàng)立script,插入到DOM中,加載完畢后callBack,見代碼:function loadScript(url, callback)var script 二 ("script")="te
9、xt/javascript;if opera, but no ff, support the onload event for linkelse =function() f(id, url);;26, js 中如何定義 class, 如何擴展 prototypeA是某個構造函數(shù)的名字B是這個構造函數(shù)的屬性C是想要定義的屬性的值27, 如何添加 html 元素的事件 ,有幾種方法 .(1) 為HTML元素的事件屬性賦值(2) 在 JS 中使用* = functionO ? ? (3) 使用 D0M2的添加事件的方法 addEventListener 或 attachEvent28, 和 inne
10、rHTML 的區(qū)別只能重繪整個頁面innerHTML 可以重繪頁面的一局部29, 多瀏覽器檢測通過什么(1)(2) 不同瀏覽器的特性,如 addEventListener30, js的根底對象有那些,window和document的常用的方法和屬性 列出 來String, Number, BooleanWindow:方法: setinterval,setTimeout, clearlnterval, clearTimeout, alert,confirm, open屬性: name, parent, screenLeft, screenTop, self, top, statusDocumen
11、t方法: createElement, execCommand,getElementByld, getElementsByN ame, getElementByTagName, write,writein屬性:cookie, doctype, domain, document Element, readyS tate, URL,31, 前端開發(fā)的優(yōu)化問題(1) 減少 請求次數(shù): css spirit, data uri(2) JS, CSS 源碼壓縮(3) 前端模板JS+數(shù)據(jù),減少山于HTML標簽導致的帶寬浪費,前端用 變量 保存AJAX請求結果,每次操作本地變量,不用請求,減少請求次數(shù)(4) 用innerHTML代替DOH操作,減少 DOM操作次數(shù),優(yōu)化javascri Pt 性能(5) 用 setTimeout 來防止頁面失去響應(6) 用 hash-table 來優(yōu)化查找(7) 當需要設置的樣式很多時設置 className而不是直接操作style(8) 少用全局變量(9) 緩存DOM節(jié)點查找的結果(10) 防止使用 CSS Expression(11) 圖片預載(12) 防止在頁面的主體布局中使用table, table要等其中的內容完 全下載之后才會顯示出來,顯示比 div+css布局慢32, 如何控制網(wǎng)頁在網(wǎng)
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 酒吧燈光安裝協(xié)議書
- 門窗公司入股協(xié)議書
- 茶樓包間訂購協(xié)議書
- 計算機二級Python開發(fā)流程標準化試題及答案
- 長期動物救助協(xié)議書
- 現(xiàn)代漢語文化認同探討試題及答案
- 計算機二級MySQL考試復習資料更新及試題及答案
- 計算機二級考試技術解析與Python試題及答案
- 護士醫(yī)院考試試題及答案
- 國家計算機考試題目及答案
- DBJ04-T 241-2024 公共建筑節(jié)能設計標準
- 汽車維修廠安全生產(chǎn)
- 【數(shù)學】圖形的軸對稱 問題解決策略:轉化課件+2024-2025學年北師大版數(shù)學七年級下冊
- 湖北省十堰市2023-2024學年高一下學期6月期末調研考試歷史試卷 含解析
- 鐵路運輸安全風險防范-洞察分析
- 三年級 語文 下冊《火燒云》課件 (第1課時)
- 2025年臨床醫(yī)師定期考核必考復習題庫及答案(1080題)
- 二零二五年度老舊小區(qū)改造房屋聯(lián)建合作協(xié)議3篇
- 計算機輔助制造(CAM)技術實踐考核試卷
- 創(chuàng)新創(chuàng)業(yè)創(chuàng)造:職場競爭力密鑰知到智慧樹章節(jié)測試課后答案2024年秋上海對外經(jīng)貿大學
- 四等水準測量技術總結
評論
0/150
提交評論