整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          分享最新最全的前端開發文檔,全是中文版

          些都是我們開發組平時用的,包含zepto,AngularJs,Bootstrap,CSS3,JavaScript中文手冊,JQuery,W3CSchool等,已經共享到github,文末有下載鏈接。

          zepto:

          Zepto是一個輕量級的針對現代高級瀏覽器的JavaScript庫, 它與jquery有著類似的api。 如果你會用jquery,那么你也會用zepto。好處不多說。

          在線文檔中文版:http://www.css88.com/doc/zeptojs_api/

          離線文檔中文版:

          jQuery:

          在線文檔中文:http://www.css88.com/jqapi-1.9/

          離線版文檔中文:

          CSS:

          在線版文檔中文:http://www.css88.com/book/css/

          離線版文檔中文:

          HTML5:

          離線版文檔中文:

          W3CSchool:

          在線版文檔中文:http://www.w3school.com.cn/

          離線版文檔中文:

          Javascript:

          離線版文檔中文:

          Bootstrap:

          在線版文檔中文:http://bootstrap.css88.com/

          離線版文檔中文:

          AngularJs:

          離線版文檔中文:

          其他:Underscore.js 中文文檔:http://www.css88.com/doc/underscore/

          Backbone.js(1.1.2) API中文文檔:http://www.css88.com/doc/backbone/

          Less.js 中文文檔:http://www.css88.com/doc/less/

          在線工具:http://tool.oschina.net/

          所有文檔已經上傳github,下載鏈接http://git.oschina.net/lovepeng/files/tree/master/%E5%B8%B8%E7%94%A8apis?dir=1&filepath=%E5%B8%B8%E7%94%A8apis&oid=87158db6baad063e518625029cba16705d718500&sha=f2200a3ba0eafded965e7483eb9630ed61642e3c

          文末加個雞湯補補身子,也補補智商。


          我是90后程序員,如果你熱愛編程,喜歡互聯網,可以關注一下我@兩毛五哥哥,每天分享不一樣的互聯網知識,帶小白飛,跟大神侃,我的格言是:做人不必優秀,要無可替代!

          TML5提供了一些離線存儲的功能,用于在離線狀態下緩存應用程序的資源和數據。
          以下是HTML5中常用的離線存儲技術:

          1:Application Cache(應用程序緩存):

          Application Cache允許你定義一個緩存清單文件(Manifest),列出需要在離線狀態下緩存的文件。瀏覽器會根據清單文件緩存這些文件,使得應用程序可以在離線狀態下繼續訪問。Application Cache已被廢棄,推薦使用Service Worker替代。

          2:Service Worker(服務工作器):

          Service Worker是一種在瀏覽器后臺運行的腳本,可以攔截和處理網絡請求。它可以用于緩存應用程序的資源,包括HTML文件、CSS、JavaScript、圖像等。通過使用Service Worker,應用程序可以在離線狀態下加載緩存的資源,提供離線訪問的能力。

          3:IndexedDB(索引數據庫):

          IndexedDB是一種客戶端數據庫,可以在瀏覽器中存儲大量結構化數據。它提供了一個異步的API,用于存儲和檢索數據。應用程序可以使用IndexedDB在本地存儲數據,以便在離線狀態下訪問和操作數據。

          4:Web Storage(Web存儲):

          Web Storage包括兩種機制:localStorage和sessionStorage。它們都允許應用程序在瀏覽器中存儲數據。localStorage用于持久保存數據,即使瀏覽器關閉后也會保留數據;sessionStorage用于臨時保存數據,當會話結束或瀏覽器關閉后數據將被清除。

          傳統的技術相比,HTML5 的語法特征更加明顯,可以更加便捷地處理多媒體內容,而且 HTML5 中還結合了其他元素,對原有的功能進行調整和修改,進行標準化工作。HTML5 在 2012 年已形成了穩定的版本。

          HTML5 的優勢

          1. 解決了跨瀏覽器問題

          在 HTML5 之前,各大瀏覽器廠商為了爭奪市場占有率,會在各自的瀏覽器中增加各種各樣的功能,并且不具有統一的標準。使用不同的瀏覽器,常常看到的頁面效果也不同。在 HTML5 中,納入了所有合理的擴展功能,具備良好的跨平臺性能。針對不支持新標簽的老式 IE 瀏覽器,只需簡單地添加 JavaScript 代碼就可以使用新的元素。

          2. 新增了多個新特性

          HTML 語言從 1.0 到 5.0 經歷了巨大的變化,從單一的文本顯示功能到圖文并茂的多媒體顯示功能,許多特性經過多年的完善,已經發展成為一種非常重要的標記語言。 HTML5 新增的特性如下。

          • 新的語義標簽,比如 header、nav、section、article、footer。
          • 新的表單元素,比如 calendar、date、time、email、url、search。
          • 用于繪畫的 canvas 元素。
          • 用于媒介回放的 video 和 audio 元素。
          • 對本地離線存儲的更好支持。
          • 地理位置、拖曳、攝像頭等 API。

          3. 用戶優先的原則

          HTML5 標準的制定是以用戶優先為原則的,一旦遇到無法解決的沖突時,規范會把用戶放在第一位。另外,為了增強 HTML5 的使用體驗,還加強了以下兩方面的設計。

          安全機制的設計

          為確保 HTML5 的安全,在設計 HTML5 時做了很多針對安全的設計。HTML5 引入了一種新的基于來源的安全模型,該模型不僅易用,而且對不同的 API(Application Programming Interface ,應用程序編程接口)都通用。使用這個安全模型,不需要借助于任何不安全的 hack 就能跨域進行安全對話。

          表現和內容分離

          表現和內容分離是 HTML5 設計中的另一個重要內容。實際上,表現和內容的分離早在 HTML4.0 中就有設計,但是分離得并不徹底。為了避免可訪問性差、代碼復雜度高、文件過大等問題,HTML5 有了更加明晰的規范。但是考慮到 HTML5 的兼容性問題,一些陳舊的內容還是可以兼容使用的。

          4. 化繁為簡的優勢

          作為當下流行的通用標記語言,HTML5 盡可能地簡化,嚴格遵循了簡單至上的原則,主要體現在這幾個方面:

          • 簡化的字符集聲明;
          • 簡化的 DOCTYPE;
          • 簡單而強大的 HTML5 API;
          • 以瀏覽器原生能力替代復雜的 JavaScript 代碼。

          從新增的標簽來看,HTML5 有以下幾個特點:

          • HTML5 的文檔類型可以簡寫為 <!DOCTYPE html>
          • HTML5 的字符編碼可以簡寫為 <meta charset=“utf-8”/>
          • 標簽不分大小寫,但實際開發中,建議所有標簽都使用小寫。
          • 允許屬性值不加引號。
          • 允許部分屬性值可以省略。

          隨著 HTML 的不斷發展,其經歷了“從 HTML4 的寬松到 XHTML 的嚴格再到 HTML5 寬松”的發展路程。

          相比較 HTML4 和 XHTML 的結構標簽而言,HTML5 對結構標簽進行了較大簡化,精簡了聲明部分標簽的定義過程,使得結構標簽更加的簡潔。

          語義化標簽

          在引入語義化標簽之前,我們常常采用 DIV + CSS 來布局,這樣的布局方式使得文檔的結構不清晰。為了解決這個問題,在 HTML5 中新增了一些標簽,來幫助我們更清晰地展現文檔的結構。

          所謂語義化標簽就是一看標簽名,我們就知道該標簽里內容的作用。

          語義標簽的優點:

          • 在樣式丟失的情況下,頁面也能呈現出很好地內容結構、代碼結構。
          • <div> 標簽有更加豐富的含義,方便開發與維護。
          • 有利于 SEO,提高搜索引擎的有效爬取。
          • 方便其他設備解析(如移動設備)。

          在我們的課程中會給大家講解如下所示的語義化標簽:

          • header 標簽
          • nav 標簽
          • section 標簽
          • article 標簽
          • aside 標簽
          • footer 標簽

          主站蜘蛛池模板: 亚洲国产日韩在线一区| 精品一区二区三区免费毛片爱 | 国产人妖在线观看一区二区| 国产91一区二区在线播放不卡| AA区一区二区三无码精片| 久久国产精品无码一区二区三区 | 精品一区二区三区免费观看| 影院无码人妻精品一区二区| 丝袜美腿高跟呻吟高潮一区| 国产在线精品一区二区夜色| 日本高清成本人视频一区| 无码av免费一区二区三区试看| 91福利一区二区| 日韩一区二区免费视频| 久久精品一区二区三区中文字幕| 国产在线观看一区精品| 亚洲视频一区二区三区四区| 99偷拍视频精品一区二区| 一区在线免费观看| 91福利一区二区| 亚洲日本一区二区一本一道| 一区二区中文字幕| 国产高清在线精品一区二区| 久久一区二区明星换脸| 免费在线视频一区| 亚洲av成人一区二区三区 | 精品一区二区三区在线观看视频| 在线视频精品一区| 亚洲爆乳无码一区二区三区| 国产精品高清一区二区三区不卡| 加勒比精品久久一区二区三区| 久久国产精品亚洲一区二区| 在线观看日韩一区| 国产乱码精品一区二区三区中| 国产成人精品一区在线| 在线视频一区二区三区四区| 性色av一区二区三区夜夜嗨| 日韩一区二区三区在线精品| 精品女同一区二区三区免费站| 精品乱子伦一区二区三区| 麻豆国产在线不卡一区二区|