當前位置:首頁 » 網頁前端 » mdnweb
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

mdnweb

發布時間: 2022-02-24 01:47:08

㈠ 有哪些好的網站學習Web開發

現在學習這樣的網站有很多很多,我就簡單的舉例幾個:網易雲課堂,騰訊課堂,慕課網,開課吧,潭州學院,51cto,還有自學網。如果你是零基礎,我建議你先學習html,css,jquery,中期學習js,後期可以學期目前流行的三大前端主流框架。

㈡ web前端怎麼自學,有什麼好的網站,或者資料推薦嗎

隨著Web前端的風行於世,有許多小夥伴加入了前端開發行業,但是有很多小夥伴想學Web前端很久了
首先,Web工程師要入門必須要了解前端、後端、後台的基本概念,同時要了解基本的html、css和javascript語法,最後根據設計師的設計圖在不考慮兼容性的情況下把頁面做出來。
其次,你可以把html、css和javascript分成三個階段進行學習。
第一階段:HTML的學習
Html是超文本標記語言,英文全稱為HyperText Mark-up Language,這是一個網頁的骨架。靜態網頁還是動態網頁,最終返回到瀏覽器端的都是HTML代碼,瀏覽器將HTML代碼解釋渲染後呈現給用戶。
當然,學習html過程是比較枯燥乏味的,所以你需要更有效的學習策略。依w3cschool看來,你可以藉助Dreamweaver的「拆分」視圖輔助學習。在「設計」視圖中看效果,在「代碼」視圖中學本質,將各種視圖的優勢發揮到極致,想必會比單純記憶HTML標簽和屬性有趣、有用的多吧?
第二階段:CSS的學習
CSS是英文Cascading Style Sheets的縮寫,叫做層疊樣式表,是能夠真正做到網頁表現與內容分離的一種樣式設計語言。
學習css建議可以看相關的一些書籍,如《CSS權威指南》(很詳細、很經典!)、《CSS揭秘》 《精通CSS:高級Web標准解決方案》,博客和專欄等也可以瀏覽。
第三階段:JavaScript的學習
JavaScript是一種在客戶端廣泛使用的腳步語言,在JavaScript當中為我們提供了一些內置函數、對象和DOM操作,進而實現客戶端的特效、驗證、交互等。
建議可以看《javascript語言精粹》,js是一門很混亂的語言,這本書能夠幫助你區分哪些是語言的精華,哪些是糟粕。如果是精華部分,我們在後續進階部分可以深入研究,而如果是糟粕部分,那麼只要大概看懂別人寫的渣代碼就可以,自己還是不要嘗試為妙。
通過這三個階段的學習,我們就可以往更高級的web前端工程師進階了!
這里給你推薦5個網站供你學習

博客園
一個面向開發者的知識分享社區,一個IT技術人員想為IT技術人員們提供一個純凈的技術交流空間,博客園很長時間只有一個不能再簡單的博客,近四年,博客園僅靠一個人幾年工作的積蓄在維持。
芯晴素材網-網頁特效代碼
是一個集各種網頁素材以及網頁源碼為一體的面向開發人員的一個網頁素材網站,如果你想要學習前端頁面開發,這里,將是一個很好的起點。
jquery中文網
前端所能涉及領域的干貨文章,包括:Jquery、腳本編程、資料庫、伺服器技術、操作系統、建站教程。
菜鳥教程
網站HTML、CSS、Javascript、PHP、C、Python等基礎編程教程,同一個知識點有多篇不同角度的文章可供參考學習,資源免費,會實時更新站內文章。
jquery插件庫
各種前端程序員能用到的插件,喜歡研究新東西的自學者可以在這個網站里挖掘各種小插件。
以上的回答希望對你有所幫助

㈢ web前端開發都包括哪些技術

1、學會HTML

HTML是網頁內容的載體內容就是網頁製作者放在頁面上想要讓用戶瀏覽的信息,可以包含文字、圖片、視頻等。要熟練掌握div、table、ul li 、p、span等這些標簽,這些都是最常用的。

2、學習CSS(Cascading Style Sheets)—樣式。

一般看到web前端開發工程師的要求裡面,有一個會使用css+html 或者 css+div 來進行界面布局,所以css是用於輔助html來布局和展示的,

稱之為「css樣式」,CSS要熟練掌握float、position、width、height,以及對於的最大最小、會使用百分百、overflow、margin、padding,標題字體、顏色變化,或為標題加入背景圖片、邊框等等,這些都是跟布局有關系的樣式,必須要掌握的。

3、JS(java)—— 行為

java是用來實現網頁上的特效效果。如:滑鼠滑過彈出下拉菜單。或滑鼠滑過表格的背景顏色改變。還有焦點新聞(新聞圖片)的輪換。可以這么理解,有動畫的,有交互的一般都是用Java來實現的。

4、學習jquery

jquery是相當於把js封裝了一套的一個js插件,目的就是操作起來更方便,代碼寫的更少,jquery入門也很簡單,那些是入門需要學的和js一樣,只是換成了jq的代碼.其他的一樣網路就夠了。

5、最好會點後台語言,比如java、php,因為前台界面的數據都是從後台來的,如果會點後台代碼,就知道怎麼跟後台交互數據是最好的, 這樣節約時間,也可以讓前端代碼更規范.不然可能因為你的寫法和後端給來的數據不能結合上,那麼前端代碼又得重新寫,那就更麻煩了。

㈣ 有哪個網站可以自學web前端

我也在W3Cschool學過HTML,總感覺缺了點什麼,然後就去報了培訓班,跟老師說我要學用HTML做出好看的EDM設計,於是老師就讓我照著EDM案例模仿學習,很快我就拿到了網頁設計師的認證,賣給客戶$100一個,很快就賺回了培訓費。這算不算最早期的知識付費,還賺了?

學習需要動力,總是停留在理論層面是沒有價值的,所謂的實操也不是一場考試認證,而是做出商業化項目作品,看客戶是否願意為你付費?正好有一個機會,讓你做屬於自己的3D可視化項目,這里了解一下什麼是3D可視化?就是帶有基礎數據的3D效果圖,根據需求不同進行更多效果開發,天貓雙十一倒數大屏也算一種!

㈤ 前端說的MDN是什麼意識,全稱是什麼

Mozilla 開發者社區(MDN)是一個完整的學習平台,你可以在這里深入學習Web技術以及能夠驅動Web的軟體,包括:
網路標准(例如:CSS、HTML 和 JavaScript)
開發開放網路應用
開發 Firefox 附加組件。
前端即網站前台部分,運行在PC端,移動端等瀏覽器上展現給用戶瀏覽的網頁。隨著互聯網技術的發展,HTML5,CSS3,前端框架的應用,跨平台響應式網頁設計能夠適應各種屏幕解析度,合適的動效設計,給用戶帶來極高的用戶體驗。
HTML、CSS、JavaScript這三個是前端開發中最基本也是最必須的三個技能。前端的開發中,在頁面的布局時, HTML將元素進行定義,CSS對展示的元素進行定位,再通過JavaScript實現相應的效果和交互。雖然表面看起來很簡單,但這裡面需要掌握的東西絕對不會少。在進行開發前,需要對這些概念弄清楚、弄明白,這樣在開發的過程中才會得心應手。
HTML
指的是超文本標記語言 (Hyper Text Markup Language),這個也是我們網頁最常用普通的語言了,經歷了多個版本的發展,已經發展到5.0版了,得力於W3C建立的標准和規范

㈥ web前端開發要怎麼學

要學前端就要想了解前端是什麼,用官方的定義,就是網站前台部分,運行在PC端,移動端等瀏覽器上展現給用戶瀏覽的網頁。

用我們的話來說,前端就是網頁給訪問網站的人看的內容和頁面,而前端開發顧名思義就是這些內容的製作,也就是代碼的實現。而要實現這些代碼,就要用到HTML,CSS及JavaScript三大基礎知識。目前看來。論趨勢如何發展,它們都是整個前端開發的三大基石。

前端學習起來知識面比較廣,知識很雜亂,可能自學起來有一定的困難,缺乏學習方向。如果要報班培訓的話,也是一個不錯的選擇,至少,你能明確自己的學習方向,遇到問題可以及時解決,不過可能要承擔昂貴的學費。

總之,無論是自學還是報班,前端的學習都是一個大工程,都需要自己多下功夫的。學無止境,付出全身心的努力,你一定能得到收獲。

㈦ web前端必讀書籍有哪些

學習Web前端要看哪些書籍?

目前市場上HTML、CSS 類別書籍,都是大同小異,在當當網、卓越網搜索一下很多推薦。今天就多年web前端經驗總結:Javascript 的書籍推薦看老外寫的,國內很多 Javascript 書籍的作者對 Javascript 語言了解的都不是很透徹。下面就來具體說一說吧!

一、初級讀物

《Javascript高級程序設計》:一本非常完整的經典入門書籍,被譽為JavaScript聖經之一,詳解的非常詳細,最新版第三版已經發布了,建議購買。

《JavaScript王者歸來》網路的一個web開發項目經理寫的,作為初學者准備的入門級教程也不錯。

二、中級讀物

《JavaScript權威指南》:另外一本JavaScript聖經,講解的也非常詳細,屬於中級讀物,建議購買。

《 JavaScript.The.Good.Parts》:Yahoo大牛,JavaScript精神領袖Douglas Crockford的大作,雖然才100多頁,但是字字珠璣啊!強烈建議閱讀。

《高性能JavaScript》:《JavaScript高級程序設計》作者Nicholas C. Zakas的又一大作。

《 Eloquent JavaScript》:這本書才200多頁,非常短小,通過幾個非常經典的例子(艾米麗姨媽的貓、悲慘的隱士、模擬生態圈、推箱子游戲等等)來介紹JavaScript方方面面的知識和應用方法。

三、高級讀物

《JavaScript Patterns 》:書中介紹到了各種經典的模式,如構造函數、單例、工廠等等,值得學習。

《Pro.JavaScript.Design.Patterns》:Apress出版社講解JavaScript設計模式的書,非常不錯。

《Developing JavaScript Web Applications》:構建富應用的好書,針對MVC模式有較為深入的講解,同時也對一些流程的庫進行了講解。

《Developing Large Web Applications》:不僅有JavaScript方面的介紹,還有CSS、HTML方面的介紹,但是介紹的內容卻都非常不錯,真正考慮到了一個大型的Web程序下,如何進行JavaScript架構設計,值得一讀。

結語

要做優秀的前端工程師,還需要繼續努力:《高性能網站建設指南》、《Yahoo工程師的網站性能優化的建議》、「YSLOW」性能優化建議、《網站重構》、《Web開發敏捷之道》、「 jQuery 庫」、「前端框架」、「HTML5」、「CSS3」。。。 這些都要深入研究!

萬事開頭難!如果你能到這個境界,剩下的路自己就可以走下去了。人們常說:不想當裁縫的司機,不是個好廚師。如果單純只是學習前端編程語言、而不懂後端編程語言(PHP、ASP.NET,JSP、Python),也不能算作是優秀的前端工程師。

最後祝願小夥伴們工作順利,成為一名優秀的web前端工程師!

㈧ web前端開發中怎樣設

雖說不知道你問的什麼,

但是我還是把web前端開發如何入門發給你

web前端開發分為三個階段:

1. HTML + CSS前端的入門門檻極低,體現在HTML和CSS上。運行環境就是瀏覽器,推薦Chrome。你需要的只是一個文本編輯器,推薦Sublime Text 3,有不少好插件比如Emmet,谷歌搜一下很容易了解到的。當然你非要用記事本的話,也不是不行的。剛入門查閱資料可以用 w3school 或者 MDN 。

HTML和CSS不是編程語言,前者只是結構標簽,後者則是樣式配置,入門是非常簡單的。網上資料也有很多,推薦慕課網 HTML+CSS基礎課程。
我當時是看了一本書 Head First HTML and CSS,講得淺顯易懂,不過價格比較感人,也是只翻一遍的書,沒有必要買了。
迅速刷一遍慕課網,對HTML和CSS有個大致印象就好。想鞏固HTML標簽可以去看看16年的task1-1。
HTML5的API可以先放一放,回頭再看。

接下來就是深入學習CSS了:

  • 《CSS權威指南(第3版)》。很枯燥的一本書,但我確實不知道哪本書更適合了。花兩三天硬啃下來就好了。屬性細節不必記憶,以後用到肯定要再查的。著重點放在大局上,比如盒模型,浮動和定位這些,抓住重點快速過一遍。

  • 《CSS3 專業網頁開發指南》。CSS3也是需要掌握的內容。但這里還是以了解為主,知道CSS3有什麼內容就好,記憶屬性是枯燥且毫無意義的。


  • 以上內容用時5天左右,下面是實踐。
    學了幾天HTML和CSS了,應該也有點成果了。打開IFE2015 task1,寫個靜態頁面吧。

    我X,完全寫不出來。

    這是正常的。去看下別人的代碼吧,看一小部分就開竅了。忘掉的屬性就查書或者w3c,多嘗試,不斷踩坑才有進步。

    畫完第一張圖後,別著急往下寫。你的代碼肯定會有如下問題:

  • 胡亂的代碼縮進

  • 毫無章法的屬性順序

  • 滿頁的div

  • 不停地寫id和class

  • 重寫吧,是的。重寫之前先看一份代碼規范 GitHub - ecomfe/spec: This repository contains the specifications.。當然代碼規范不是唯一的,我最早看的是這一份,所以代碼風格也一直維持到現在。
    再去看一下別人提交的代碼,多看幾份。當然自己也要判斷,不能聽風就是雨啊,人家寫得不好你再去重寫一次,等於你也有責任對不對。
    開始重寫了,會發現功力大增,寫代碼速度也快了很多的。
    寫到第三張頁面的時候,應該比較熟練了。如果看到布局就大概知道應該怎麼寫了,那就可以進入JavaScript的學習了。
    以上內容用時10天左右。

    進階部分可以回頭再看:

  • 掌握預處理工具Sass,自動化工具Gulp。

  • 閱讀Bootstrap源碼。

  • 《CSS揭秘》,極其驚艷的一本書,涵蓋了CSS3的很多奇技淫巧,雖說有些地方不太實用,但讓人眼前一亮,很值得看。


  • 2. JavaScript

    這是至關重要的階段。

  • 強烈推薦《JavaScript高級程序設計(第3版)》,俗稱紅寶書。前七章是重中之重,必須反復閱讀,直至完全理解,期間可配合其他書一起讀。DOM,事件流,表單,JSON,Ajax與最後幾章也相當重要。其餘章節可以略讀或跳過(比如瀏覽器嗅探,XML以及那些列舉大量API的章節,完全可以用到再查)

  • 推薦《JavaScript語言精粹》,俗稱蝴蝶書。超薄的一本,半天就可以看完。JavaScript是一門有很多坑的語言,我個人是喜歡把這些坑點全部搞清楚的,但這本書卻避而不談了,剩下的也就是所謂的「精粹」了。但清晰地過一遍知識點總是好的。

  • 強烈推薦《你不知道的JS》。精彩至極的一本書,將JavaScript的坑一網打盡。之前搞不懂的問題,比如閉包,this之類的都可以在這里找到答案。

  • ES6也是必學的內容,推薦阮一峰老師的《ES6 標准入門》。但這本書以API居多,所以還是留個大概印象,以後寫到類似的地方,查一查有沒有ES6更簡潔的寫法就好,不必死記硬背。以及需要學會Webpack的使用,Babel和模塊化就靠Webpack了。

  • 不太推薦《JavaScript權威指南》,也就是犀牛書。那就是一本字典……


  • 進階:

  • 《JavaScript設計模式與開發實踐》,設計模式是必須了解的內容,這本是寫得不錯的。

  • 《高性能JavaScript》,紅寶書作者的另一力作,講了一些優化技巧與性能瓶頸問題,值得一讀。


  • 以上內容用時1個月左右,中途可穿插IFE2015 task2的題,比2016年的要簡單。
    這些書全部刷完的話,應該可以跟人談笑風生了。
    開始實踐,IFE2016階段二的題,想怎麼刷就怎麼刷吧。如果有編程經驗的話,應該沒什麼壓力了。

    3. JavaScript框架這部分就比較自由了,每個人點的技能樹都不一樣的。前端的發展是爆炸式的,換工具比翻書還快,所以還是以看文檔為主了。
    目前主流框架經常被提及的是React,Angular,Vue。知乎搜一搜就有相當多的優秀答案了。不過這個答案也有時效性,說不定過兩年這些框架全都被淘汰了呢【逃
    學習至少一種框架,把IFE2016刷通關吧。耗時1個半月左右。

    進階:看各種源代碼。這也是我最近打算做的事情,但是好像期末考要到了TAT

    最後補充一下,計算機基礎知識是很重要的。由於本人有OI的經驗所以稍微占點優勢。再推薦幾本書,抽空還是要看看的:

  • 《深入理解計算機系統》,CSAPP,也是我們專業這學期的課程(但是我的專業明明是EE啊)。

  • 《計算機網路 自頂向下方法》,看名字就知道必讀了吧。

  • 操作系統好書挺多的,推薦一本 Operating Systems: Three Easy Pieces ,英文不夠好就《現代操作系統》吧。

  • 演算法和數據結構,推薦兩本:《演算法導論》《數據結構與演算法分析》。似乎演算法和數據結構與前端關系不大,但作為一個碼農,不要求你寫紅黑樹,至少快速排序和二分查找這種要會寫的吧。

  • 請採納!

㈨ CSS中:margin:auto與margin: 0 auto;有什麼區別

1、意思不同。margin:auto=margin:auto auto auto auto,表示上下左右都為auto;margin:0 auto=margin:0 auto 0 auto,表示上下為0,左右為auto;

2、居中方式不同。margin:auto表示橫豎都居中,margin: 0 auto表示橫居中,豎不居中;

margin後面一般會跟4個參數,如margin:1px、1px、1px、1px,分別表示上外邊距為1px、右外邊距為1px、下外邊距為1px、左外邊距為1px。

如果後面只寫2個參數的話,如margin:1px、2px,則表示上下外邊距為都為1px,左右外邊距都為2px。

(9)mdnweb擴展閱讀

Cascading Style Sheets,中文含義是層疊樣式表,是一種用來表現HTML或XML等文件樣式的計算機語言,不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。

margin是CSS的一個屬性,主要功能是簡寫屬性在一個聲明中設置所有當前或者指定元素外邊距屬性。該屬性可以有 1 到 4 個值。margin屬性接受任何長度單位、百分數值甚至負值。

margin 屬性可以單獨改變元素的上,下,左,右邊距。也可以一次改變所有的屬性。所有瀏覽器都支持 margin 屬性。

參考資料

CSS(層疊樣式表)_網路

㈩ Web前端最全面試寶典- Html篇

HTML
1.對WEB標准以及W3C的理解與認識
標簽閉合、標簽小寫、不亂嵌套、提高搜索機器人搜索幾率、使用外 鏈css和js腳本、結構行為表現的分離、文件下載與頁面速度更快、內容能被更多的用戶所訪問、內容能被更廣泛的設備所訪問、更少的代碼和組件,容易維 護、改版方便,不需要變動頁面內容、提供列印版本而不需要復制內容、提高網站易用性;
2.xhtml和html有什麼區別
HTML是一種基本的WEB網頁設計語言,XHTML是一個基於XML的置標語言
最主要的不同:
XHTML 元素必須被正確地嵌套。
XHTML 元素必須被關閉。
標簽名必須用小寫字母。
XHTML 文檔必須擁有根元素。
3.Doctype? 嚴格模式與混雜模式-如何觸發這兩種模式,區分它們有何意義?
用於聲明文檔使用那種規范(html/Xhtml)一般為 嚴格 過度 基於框架的html文檔
加入XMl聲明可觸發,解析方式更改為IE5.5 擁有IE5.5的bug
4.行內元素有哪些?塊級元素有哪些?
塊級元素:div p h1 h2 h3 h4 form ul
行內元素: a b br i span input select
5.HTML全局屬性(global attribute)有哪些
參考資料:MDN: html global attribute或者W3C HTML global-attributes
accesskey
:設置快捷鍵,提供快速訪問元素如aaa在windows下的firefox中按alt + shift + a
可激活元素
class
:為元素設置類標識,多個類名用空格分開,CSS和javascript可通過class屬性獲取元素
contenteditable
: 指定元素內容是否可編輯
contextmenu
: 自定義滑鼠右鍵彈出菜單內容
data-*
: 為元素增加自定義屬性
dir
: 設置元素文本方向
draggable
: 設置元素是否可拖拽
dropzone
: 設置元素拖放類型: , move, link
hidden
: 表示一個元素是否與文檔。樣式上會導致元素不顯示,但是不能用這個屬性實現樣式效果
id
: 元素id,文檔內唯一
lang
: 元素內容的的語言
spellcheck
: 是否啟動拼寫和語法檢查
style
: 行內css樣式
tabindex
: 設置元素可以獲得焦點,通過tab可以導航
title
: 元素相關的建議信息
translate
: 元素和子孫節點內容是否需要本地化
6.什麼是web語義化,有什麼好處
web語義化是指通過HTML標記表示頁麵包含的信息,包含了HTML標簽的語義化和css命名的語義化。 HTML標簽的語義化是指:通過使用包含語義的標簽(如h1-h6)恰當地表示文檔結構 css命名的語義化是指:為html標簽添加有意義的class,id補充未表達的語義,如Microformat通過添加符合規則的class描述信息 為什麼需要語義化:
去掉樣式後頁面呈現清晰的結構
盲人使用讀屏器更好地閱讀
搜索引擎更好地理解頁面,有利於收錄
便團隊項目的可持續運作及維護
7.html5有哪些新特性、移除了那些元素?如何處理HTML5新標簽的瀏覽器兼容問題?如何區分 HTML 和 HTML5?
新特性:
HTML5 現在已經不是 SGML 的子集,主要是關於圖像,位置,存儲,多任務等功能的增加。
拖拽釋放(Drag and drop) API
語義化更好的內容標簽(header,nav,footer,aside,article,section)
音頻、視頻API(audio,video)
畫布(Canvas) API
地理(Geolocation) API
本地離線存儲 localStorage 長期存儲數據,瀏覽器關閉後數據不丟失;
sessionStorage 的數據在瀏覽器關閉後自動刪除
表單控制項,calendar、date、time、email、url、search
新的技術webworker, websocket, Geolocation
移除的元素:
純表現的元素:basefont,big,center,font, s,strike,tt,u;
對可用性產生負面影響的元素:frame,frameset,noframes;
支持HTML5新標簽:
IE8/IE7/IE6支持通過 document.createElement 方法產生的標簽,可以利用這一特性讓這些瀏覽器支持 HTML5 新標簽,瀏覽器支持新標簽後,還需要添加標簽默認的樣式(當然最好的方式是直接使用成熟的框架、使用最多的是html5shiv框架):
如何區分:
DOCTYPE聲明新增的結構元素、功能元素
8. HTML5 存儲類型有什麼區別?
HTML5 能夠本地存儲數據,在之前都是使用 cookies 使用的。HTML5 提供了下面兩種本地存儲方案:
localStorage - 沒有時間限制的數據存儲,數據永遠不會過期,關閉瀏覽器也不會丟失
sessionStorage - 針對一個 session 的數據存儲,同一個會話中的頁面才能訪問並且當會話結束後數據也隨之銷毀。
9. HTML5 標准提供了哪些新的API?
1:canvas,不用多說,可以畫出很多絢麗的圖形,甚至可以直接做出偽3D游戲。
2:媒體控制,也很好理解(直譯就是回放功能,假如只用html5.0以下的標簽寫,以前的音樂播放是不可能實現滾動條的。)
3:離線網頁程序,可以把資源文件完全緩存在客戶端,並且通過js的一些方法清空緩存
4:文檔編輯,應該是更好的支持對文檔的編輯。
5:拖動,可以將文件拖動到某些區域上傳
6:跨文檔請求,websocket,一種更加高效的通訊方式
7:歷史管理,可以通過js管理和插入歷史記錄
8:MIME頭自定義
9:客戶端數據存儲,localstoage sessionstoage
10:地理位置共享
11:本地資料庫
12:索引資料庫
10.HTML5 應用程序緩存和瀏覽器緩存有什麼區別?
HTML5 引入了應用程序緩存,這意味著 web 應用可進行緩存,並可在沒有網際網路連接時進行訪問。
應用程序緩存為應用帶來三個優勢:
離線瀏覽 - 用戶可在應用離線時使用它們
速度 - 已緩存資源載入得更快
減少伺服器負載 - 瀏覽器將只從伺服器下載更新過或更改過的資源。
11.常用那幾種瀏覽器測試?有哪些內核(Layout Engine)?
(Q1)瀏覽器:IE,Chrome,FireFox,Safari,Opera。
(Q2)內核:Trident,Gecko,Presto,Webkit。
12.請描述一下 cookies,sessionStorage 和 localStorage 的區別?
cookie在瀏覽器和伺服器間來回傳遞。 sessionStorage和localStorage不會
sessionStorage和localStorage的存儲空間更大;
sessionStorage和localStorage有更多豐富易用的介面;
sessionStorage和localStorage各自獨立的存儲空間;
13.如何實現瀏覽器內多個標簽頁之間的通信?
調用localstorge、cookies等本地存儲方式
14.請寫出localStorage對象的常用方法。
存儲 - localStorage.setItem(key, value) - 如果key存在,更新value
獲取 - localStorage.getItem(key) - 如果key不存在,返回null
刪除 - localStorage.removeItem(key) - 刪除key對應的數據
全部清除 - localStorage.clear() - 清空localStorage中所有數據
遍歷 - localStorage.length
遍歷 - localStorage.key(index)
15.如何在HTML5中啟用應用程序緩存?
<html manifest="fileName.appcache">
每個指定了manifest的頁面在用戶對其訪問時都會被緩存。
.appcache是manifest文件的擴展名
16.html5 離線存儲
Html5的一個重要特性就是離線存儲,所謂的離線存儲就是將一些資源文件保存在本地,這樣後續的頁面重新載入將使用本地資源文件,在離線情況下可以繼續訪問web應用,同時通過一定的手法(更新相關文件或者使用相關API),可以更新、刪除離線存儲等操作。
Html5的離線存儲使用一個manifest文件來標明哪些文件是需要被存儲的,使用如 <html manifest='offline.manifest'> 來引入一個manifest文件,這個文件的路徑可以是相對的,也可以是絕對的,如果你的web應用很多,而且希望能集中管理manifest文件,那麼靜態文件伺服器是個不錯的選擇。
17.HTML5 Canvas 元素有什麼用?
Canvas 元素用於在網頁上繪制圖形,該元素標簽強大之處在於可以直接在 HTML 上進行圖形操作