亚洲最大看欧美片,亚洲图揄拍自拍另类图片,欧美精品v国产精品v呦,日本在线精品视频免费

  • 站長(zhǎng)資訊網(wǎng)
    最全最豐富的資訊網(wǎng)站

    xhtml和html有什么區(qū)別?

    1.xhtmlhtml有什么區(qū)別

    HTML是一種基本的WEB網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言,XHTML是一個(gè)基于XML的置標(biāo)語(yǔ)言

    最主要的不同:

    XHTML 元素必須被正確地嵌套。

    XHTML 元素必須被關(guān)閉。

    標(biāo)簽名必須用小寫字母。

    XHTML 文檔必須擁有根元素

    2、簡(jiǎn)述一下src與href的區(qū)別:

    href 是指向網(wǎng)絡(luò)資源所在位置,建立和當(dāng)前元素(錨點(diǎn))或當(dāng)前文檔(鏈接)之間的鏈接,用于超鏈接。

    src是指向外部資源的位置,指向的內(nèi)容將會(huì)嵌入到文檔中當(dāng)前標(biāo)簽所在位置;在請(qǐng)求src資源時(shí)會(huì)將其指向的資源下載并應(yīng)用到文檔內(nèi),例如js腳本,img圖片和frame等元素。當(dāng)瀏覽器解析到該元素時(shí),會(huì)暫停其他資源的下載和處理,直到將該資源加載、編譯、執(zhí)行完畢,圖片和框架等元素也如此,類似于將所指向資源嵌入當(dāng)前標(biāo)簽內(nèi)。這也是為什么將js腳本放在底部而不是頭部。

    3、行內(nèi)元素有哪些?塊級(jí)元素有哪些? 空(void)元素有那些?

    行內(nèi)元素:a、b、span、img、input、strong、select、label、em、button、textarea

    塊級(jí)元素:div、ul、li、dl、dt、dd、p、h1-h6、blockquote

    空元素:即系沒(méi)有內(nèi)容的HTML元素,例如:br、meta、hr、link、input、img

    4、 form中的action屬性和method屬性的含義是什么method常用值有哪些?

    action屬性用于指定form表單提交的后臺(tái)程序地址method屬性用于指定form表單提交的方法。

    method的常用值有getpost

    5、 表單元素新增的屬性有哪些?

    required 必填項(xiàng)目

    placeholder提示信息,點(diǎn)擊input內(nèi)容時(shí)會(huì)消失

    pattern:校驗(yàn)正則表達(dá)式

    antofocus自動(dòng)獲得焦點(diǎn)

    aotucomplete:自動(dòng)完成

    6.向指定服務(wù)器提交數(shù)據(jù)的方法有哪些?

    Ajax 表單Form

    URL?參數(shù)

    AngularJS的$HTTP

    JQ Ajax: $.POST(,,) $.GET(,,) $.Ajax({})

    JS Ajax: 5步。(參考25題)

    7、寫一個(gè)function,清除字符串前后的空格。(兼容所有瀏覽器)

    function trim(str) {

    if (str && typeof str === "string") {

    return str.replace(/(^s*)|(s*)$/g,""); //去除前后空白符

    }

    }

    8、如何消除一個(gè)數(shù)組里面重復(fù)的元素?

    var arr1 =[1,2,2,2,3,3,3,4,5,6],

    var arr2 = [ ];

    for(var i = 0; i< arr1.length; i++){

    if(arr2.indexOf(arr1[i]) < 0){

    arr2.push(arr1[i]);

    }

    }

    document.write(arr2); // 1,2,3,4,5,6

    9、請(qǐng)描述一下cookies,sessionStorage和localStorage的區(qū)別

    sessionStorage用于本地存儲(chǔ)一個(gè)會(huì)話(session)中的數(shù)據(jù),這些數(shù)據(jù)只有在同一個(gè)會(huì)話中的頁(yè)面才能訪問(wèn)并且當(dāng)會(huì)話結(jié)束后數(shù)據(jù)也隨之銷毀。因此sessionStorage不是一種持久化的本地存儲(chǔ),僅僅是會(huì)話級(jí)別的存儲(chǔ)。而localStorage用于持久化的本地存儲(chǔ),除非主動(dòng)刪除數(shù)據(jù),否則數(shù)據(jù)是永遠(yuǎn)不會(huì)過(guò)期的。

    web storage和cookie的區(qū)別

    Web Storage的概念和cookie相似,區(qū)別是它是為了更大容量存儲(chǔ)設(shè)計(jì)的。Cookie的大小是受限的,并且每次你請(qǐng)求一個(gè)新的頁(yè)面的時(shí)候Cookie都會(huì)被發(fā)送過(guò)去,這樣無(wú)形中浪費(fèi)了帶寬,另外cookie還需要指定作用域,不可以跨域調(diào)用。

    除此之外,Web Storage擁有setItem,getItem,removeItem,clear等方法,不像cookie需要前端開發(fā)者自己封裝setCookie,getCookie。但是Cookie也是不可以或缺的:Cookie的作用是與服務(wù)器進(jìn)行交互,作為HTTP規(guī)范的一部分而存在 ,而Web Storage僅僅是為了在本地“存儲(chǔ)”數(shù)據(jù)而生。

    10、cookie和session的區(qū)別是什么?

    Cookie 保存在客戶端本機(jī)

    Session保存在服務(wù)器端;

    聯(lián)系:sessionid存在cookie中。

    11.頁(yè)面導(dǎo)入樣式時(shí),使用link@import有什么區(qū)別?

    1.link屬于XHTML標(biāo)簽,而@importCSS提供的;

    2.頁(yè)面被加載的時(shí),link會(huì)同事被加載,而@import引用的CSS會(huì)等到頁(yè)面被加載完再加載;

    3.import只有在IE5以上才能被識(shí)別,而linkXHTML標(biāo)簽,無(wú)兼容問(wèn)題;

    4.link 方式的樣式的權(quán)重>@import的權(quán)重

    12.簡(jiǎn)單描述下定位Position:

    Relative:相對(duì)定位。相對(duì)于自身原有位置定位,原DOM空間會(huì)保留;

    Absolute絕對(duì)定位。相對(duì)于第一個(gè)非static定位的祖先元素進(jìn)行定位,會(huì)刪除原DOM空間;

    Fixed:固定定位器窗口進(jìn)行定位; 會(huì)刪除DOM空間

    Static 默認(rèn)值。沒(méi)有定位,元素出現(xiàn)在正常的流中(忽略 top, bottom, left, right z-index 聲明)。

    Inherit規(guī)定從父元素繼承 position 屬性的值。

    13.display有哪些值?說(shuō)明他們的作用。

    block 象塊類型元素一樣顯示。

    none 缺省值。象行內(nèi)元素類型一樣顯示。

    inline-block 象行內(nèi)元素一樣顯示,但其內(nèi)容象塊類型元素一樣顯示。

    list-item 象塊類型元素一樣顯示,并添加樣式列表標(biāo)記。

    table 此元素會(huì)作為塊級(jí)表格來(lái)顯示

    inherit 規(guī)定應(yīng)該從父元素繼承 display 屬性的值

    14、jquery中如何將數(shù)組轉(zhuǎn)化為json字符串,然后再轉(zhuǎn)化回來(lái)?

    $.parseJSON

    $.fn.stringify = function() {

    return JSON.stringify(this);

    }

    使用$(array).stringify();

    15.JSON 的了解?

    JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式。

    它是基于JavaScript的一個(gè)子集。數(shù)據(jù)格式簡(jiǎn)單, 易于讀寫, 占用帶寬小

    如:{"age":"12", "name":"back"}

    JSON字符串轉(zhuǎn)換為JSON對(duì)象:

    var obj =eval('('+ str +')');

    var obj = str.parseJSON();

    var obj = JSON.parse(str);

    JSON對(duì)象轉(zhuǎn)換為JSON字符串:

    var last=obj.toJSONString();

    var last=JSON.stringify(obj);

    16、什么是響應(yīng)式設(shè)計(jì)?響應(yīng)式設(shè)計(jì)的基本原理是什么?

    根據(jù)不同設(shè)備的屏幕大小、分辨率、方向等,統(tǒng)一網(wǎng)站展示為不同效果。

    移動(dòng)優(yōu)先。可以使用JS跳轉(zhuǎn)不同手機(jī)站和PC站,可以使用MediaQuery檢測(cè)不同設(shè)備的屬性展示不同的CSS,可以使用各種響應(yīng)式前端框架。

    優(yōu)點(diǎn):用戶體驗(yàn)好,尤其是手機(jī)端。

    缺點(diǎn):包含大量冗余代碼,開發(fā)成本較大(但是遠(yuǎn)低于開發(fā)手機(jī)站+PC站的模式)

    17. visibilityhiddendisplaynone的區(qū)別?

    使用displaynone隱藏以后,元素的空間被釋放,其余元素可以占用空間;

    使用visibilityhidden僅僅是看不見,但是元素的空間依然占據(jù),別的元素?zé)o法使用。

    18、 列舉數(shù)組相關(guān)的常用方法

    push/pop, shift/unshift, split/join, slice/splice/concat, sort/reverse, map/reduce, forEach, filter

    19、 列舉字符串相關(guān)的常用方法

    indexOf/lastIndexOf/charAt, split/match/test, slice/substring/substr, toLowerCase/toUpperCase

    20常見的瀏覽器內(nèi)核有哪些?

    Trident內(nèi)核:IE,MaxThon,TT,The World,360,搜狗瀏覽器等。[又稱MSHTML]

    Gecko內(nèi)核:Netscape6及以上版本,FireFox(火狐),MozillaSuite/SeaMonkey

    Presto內(nèi)核:Opera7及以上。 [Opera內(nèi)核原為:Presto,現(xiàn)為:Blink;]

    Webkit內(nèi)核:Safari(蘋果自帶的瀏覽器),Chrome(谷歌)等。 [ Chrome的:BlinkWebKit的分支)]

    21.titleh1的區(qū)別、bstrong的區(qū)別、iem的區(qū)別?

    title屬性沒(méi)有明確意義只表示是個(gè)標(biāo)題,H1則表示層次明確的標(biāo)題,對(duì)頁(yè)面信息的抓取也有很大的影響;

    strong是標(biāo)明重點(diǎn)內(nèi)容,有語(yǔ)氣加強(qiáng)的含義,使用閱讀設(shè)備閱讀網(wǎng)絡(luò)時(shí):<strong>會(huì)重讀,而<b>是展示強(qiáng)調(diào)內(nèi)容。

    i內(nèi)容展示為斜體,em表示強(qiáng)調(diào)的文本;

    22網(wǎng)頁(yè)驗(yàn)證碼是干嘛的,是為了解決什么安全問(wèn)題。

    區(qū)分用戶是計(jì)算機(jī)還是人的公共全自動(dòng)程序??梢苑乐箰阂馄平饷艽a、刷票、論壇灌水;

    有效防止黑客對(duì)某一個(gè)特定注冊(cè)用戶用特定程序暴力破解方式進(jìn)行不斷的登陸嘗試。

    23.對(duì)前端工程師這個(gè)職位你是怎么樣理解的?

    a. 前端是最貼近用戶的程序員,前端的能力就是能讓產(chǎn)品從 90分進(jìn)化到 100 分,甚至更好

    b. 參與項(xiàng)目,快速高質(zhì)量完成實(shí)現(xiàn)效果圖,精確到1px;

    c. 與團(tuán)隊(duì)成員,UI設(shè)計(jì),產(chǎn)品經(jīng)理的溝通;

    d. 做好的頁(yè)面結(jié)構(gòu),頁(yè)面重構(gòu)和用戶體驗(yàn);

    e. 處理hack,兼容、寫出優(yōu)美的代碼格式;

    f. 針對(duì)服務(wù)器的優(yōu)化、擁抱最新前端技術(shù)。

    24、什么是閉包(closure),為什么要用它

    閉包是指有權(quán)訪問(wèn)另一個(gè)函數(shù)作用域中變量的函數(shù),創(chuàng)建閉包的最常見的方式就是在一個(gè)函數(shù)內(nèi)創(chuàng)建另一個(gè)函數(shù),通過(guò)另一個(gè)函數(shù)訪問(wèn)這個(gè)函數(shù)的局部變量,利用閉包可以突破作用鏈域,將函數(shù)內(nèi)部的變量和方法傳遞到外部??梢园验]包簡(jiǎn)單理解成“定義在一個(gè)函數(shù)內(nèi)部的函數(shù)”

    閉包的特性

    1.函數(shù)內(nèi)再嵌套函數(shù)

    2.內(nèi)部函數(shù)可以引用外層的參數(shù)和變量

    3.參數(shù)和變量不會(huì)被垃圾回收機(jī)制回收

    //li節(jié)點(diǎn)的onclick事件都能正確的彈出當(dāng)前被點(diǎn)擊的li索引

    <ul id="test">

    <li> index = 0</li>

    <li> index = 1</li>

    <li> index = 2</li>

    <li> index = 3</li>

    </ul>

    <script type="text/javascript">

    var nodes = document.getElementsByTagName("li");

    for(i = 0;i<nodes.length;i+= 1){

    nodes[i].onclick = function(){

    console.log(i+1); //不用閉包的話,值每次都是4

    }(i);

    }

    </script>

    25、Ajax是什么?如何創(chuàng)建一個(gè)Ajax?

    ajax全稱為Asynchronous javascript and XML,即異步的JavaScriptxml也稱頁(yè)面無(wú)刷技術(shù)。這里的異步可以簡(jiǎn)單的理解為:向服務(wù)器發(fā)送請(qǐng)求的時(shí)候,我們不必等待結(jié)果,而是可以同時(shí)做其他的事情,等到有了結(jié)果它自己會(huì)根據(jù)設(shè)定進(jìn)行后續(xù)操作,與此同時(shí),頁(yè)面是不會(huì)發(fā)生整頁(yè)刷新的,提高了用戶體驗(yàn)。

    如何創(chuàng)建一個(gè)Ajax?

    (1)創(chuàng)建XMLHttpRequest對(duì)象,也就是創(chuàng)建一個(gè)異步調(diào)用對(duì)象

    (2)創(chuàng)建一個(gè)新的HTTP請(qǐng)求,并指定該HTTP請(qǐng)求的方法、URL及驗(yàn)證信息

    (3)設(shè)置響應(yīng)HTTP請(qǐng)求狀態(tài)變化的函數(shù)

    (4)發(fā)送HTTP請(qǐng)求

    (5)獲取異步調(diào)用返回的數(shù)據(jù)

    (6)使用JavaScriptDOM實(shí)現(xiàn)局部刷新

    26.原生JSwindow.onloadJquery$(document).ready(function(){})有什么不同?如何用原生JS實(shí)現(xiàn)Jqready方法?

    window.onload()方法是必須等到頁(yè)面內(nèi)包括圖片的所有元素加載完畢后才能執(zhí)行。

    $(document).ready()DOM結(jié)構(gòu)繪制完畢后就執(zhí)行,不必等到加載完畢。

    27.(設(shè)計(jì)題)想實(shí)現(xiàn)一個(gè)對(duì)頁(yè)面某個(gè)節(jié)點(diǎn)的拖曳?如何做?(使用原生JS

    回答出概念即可,下面是幾個(gè)要點(diǎn)

    給需要拖拽的節(jié)點(diǎn)綁定mousedown, mousemove, mouseup事件

    mousedown事件觸發(fā)后,開始拖拽

    mousemove時(shí),需要通過(guò)event.clientXclientY獲取拖拽位置,并實(shí)時(shí)更新位置

    mouseup時(shí),拖拽結(jié)束

    28、 apply, callbind有什么區(qū)別?

    三者都可以把一個(gè)函數(shù)應(yīng)用到其他對(duì)象上,注意不是自身對(duì)象.apply,call是直接執(zhí)行函數(shù)調(diào)用,bind是綁定,執(zhí)行需要再次調(diào)用.

    applycall的區(qū)別是apply接受數(shù)組作為參數(shù),而call是接受逗號(hào)分隔的無(wú)限多個(gè)參數(shù)列表,

    代碼演示

       function Person() {      }      Person.prototype.sayName() { alert(this.name); }      var obj = {name: 'michaelqin'}; // 注意這是一個(gè)普通對(duì)象,它不是Person的實(shí)例      1) apply      Person.prototype.sayName.apply(obj, [param1, param2, param3]);      2) call      Person.prototype.sayName.call(obj, param1, param2, param3);      3) bind      var sn = Person.prototype.sayName.bind(obj);          sn([param1, param2, param3]); // bind需要先綁定,再執(zhí)行      sn(param1, param2, param3); // bind需要先綁定,再執(zhí)行

    29、iframe有那些缺點(diǎn)?

    *iframe會(huì)阻塞主頁(yè)面的Onload事件;

    *搜索引擎的檢索程序無(wú)法解讀這種頁(yè)面,不利于SEO;

    *iframe和主頁(yè)面共享連接池,而瀏覽器對(duì)相同域的連接有限制,所以會(huì)影響頁(yè)面的并行加載。

    使用iframe之前需要考慮這兩個(gè)缺點(diǎn)。如果需要使用iframe,最好是通過(guò)javascript

    動(dòng)態(tài)給iframe添加src屬性值,這樣可以繞開以上兩個(gè)問(wèn)題。

    30、如何解決ajax跨域問(wèn)題?

    jsonp、 iframe、window.name、window.postMessage、服務(wù)器上設(shè)置代理頁(yè)面

    自己的做法

    jQueryajax的使用

    $.ajax({

    dataType:’jsonp’

    })

    贊(0)
    分享到: 更多 (0)
    網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)