推薦20個很有幫助的 Web 前端開發教程

来源:http://www.cnblogs.com/qianduantuanzhang/archive/2017/10/31/7759984.html
-Advertisement-
Play Games

在平常的搜索中,我碰到過很多有趣的信息,應用程式和文檔,我把它們整理在下麵這個列表。這是收藏的遇到的有用內容的一個偉大的方式,可以在你需要的時候方便查閱。相信你會在這個列表中發現對你很有用的資料。 1. CSS Vocabulary 一個偉大的指向和點擊的小應用程式,讓你加快速度掌握 CSS 語法的 ...


在平常的搜索中,我碰到過很多有趣的信息,應用程式和文檔,我把它們整理在下麵這個列表。這是收藏的遇到的有用內容的一個偉大的方式,可以在你需要的時候方便查閱。相信你會在這個列表中發現對你很有用的資料。

1. CSS Vocabulary 
一個偉大的指向和點擊的小應用程式,讓你加快速度掌握 CSS 語法的各個不同部分,學習各個屬性的正確的名稱。 

2. Liquidapsive 
一個簡單的信息化佈局,通過選擇框的方式,可以讓你在響應式,自適應,流動和靜態佈局中選擇,所以你可以看到四大佈局類型之間的區別。

3. Superhero.js 
最好的文章,視頻和演示文稿,以幫助前端開發人員保持較大的 JavaScript 代碼庫的集合。包括有一些普遍原則型的東西,對測試工具,性能,安全性和更多的資源。

4. HowToCoffeeScript.com 
學習和記憶 CoffeScript 語法的速查手冊。

5. The HTML Landscape 
這是非常有趣的。這是 W3C ​​文檔,它描述了3個 HTML 規範之間的“可感知的差異”: WHATWG、W3C的 HTML5.0 和W3C的 HTML5.1 。可能是有點過於技術性,但你也許可以在這裡找到一些有趣的新東西。

6. The Elements of HTML 
一個很好的全面的 HTML 和 XHTML 元素的單頁圖表,用來說明各個元素屬於哪個規範。這看起來對做研究真是好,如果元素已過時或在 HTML5 中已過時。

7. JavaScript Equality Table 
一個很不錯的3層的圖表,幫助您瞭解 JavaScript 的 == 和===操作符。結論是應該使用===操作符,除非你完全明白==發生了轉換。

8. Web Accessibility Checklist 
一個有用的,但不是壓倒性的參考,以幫助您檢查過各種元素在你的項目中的可訪問性。很多,這是非常簡單的,除了做輔助驗證已。

9. Static Web Apps — A Field Guide 
根據介紹:“本指南將為您介紹的靜態 Web 應用程式世界,並提供解決方案,同時建立他們遇到的共同挑戰。

10. Learn regular expressions in about 55 minutes 
豐富的文檔和教程,介紹正則表達式。它所宣稱的55分鐘或者更長的時間才能真正得到的東西,但絕對值得一試。

11. Open Web CSS Reference 
這是一個非常全面的,鮮為人知的 CSS 屬性和功能的參考。按字母順序排列,包括鏈接到規範頁面。

(web前端學習交流群:328058344 禁止閑聊,非喜勿進!) 
12. CSS Values 
這是一個簡單的方法來查找一個 CSS 屬性並快速查看可能的值。例如,如果你忘了什麼樣的價值觀是可以接受的,如字體變形。除了值,最新的更新包括瀏覽器支持的每個屬性的圖表。

  
13. ES6features 
由微軟的開發者盧克霍本整理的東西,ECMAScript6 規範的概述。對於前端開發人員,這將是有益的,開始逐漸熟悉這個東西。

14. Relevant Spec Links 
我經常很難找到在規範的引用的一些正確的地方。這是一個很好的簡要,總結從 Mozilla 獲取的你需要知道的有關規範的鏈接。

15. OverAPI.com 
史上最全的開發人員線上速查手冊!這個網站收集了眾多對開發人員非常有用的手冊,記得分享和推薦一下哦。


 

16. JavaScript: The Right Way 
一個 JavaScript 指南,旨在引領入門人員,並幫助有經驗的人到 JavaScript 的最佳實踐。 

17. The HTML5 JavaScript API Index 
一個真正全方位一站式的地方尋找 HTML5 API 的信息。很容易使用3窗格視圖導航“自動從 HTML5 規範文件生成” 。

18. Zeal 
這看起來相當整潔。這是一個原生的應用程式,可以讓你離線搜索130多個API文檔。簡單的鍵盤快捷鍵,你可以從你的工作區的任何位置顯示API的瀏覽器。

1398334772zeal.jpg

19. The Ultimate Flexbox Cheat Sheet 
一個廣泛引用,以幫助您找到flexbox語法和刷上不太熟悉的東西。

20. jsCode 
一個應用程式,以幫助您創建自己的自定義 JavaScript 編碼準則。您也可以看看別人和你分享與你的團隊或其他合作者創建的自定義指南。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 代碼描述:基於JAVA每月運勢api調用代碼實例 介面地址:http://www.juhe.cn/docs/api/id/58 原文鏈接:http://outofmemory.cn/code-snippet/78577/JAVA-meiyue-yunshi-api-call-code-example ...
  • 手工編寫JavaWeb項目 一、打開Tomcat伺服器 二、編寫簡單的web項目 三、訪問項目 ...
  • JavaWeb簡介 其實就是在配置文件中修改各種參數,這是web-inf下的配置文件。 項目發佈的名字 ...
  • 版本:Dalston.SR2。官方文檔地址:http://cloud.spring.io/spring-cloud-static/Dalston.SR2/#_serving_alternative_formats ...
  • 我們的筆記本電腦的充電線上通常都會有一個大磚塊似得東西,這個東西是用來將家用額定電壓220V轉換成筆記本適用的電壓,它叫做變壓器,也叫做適配器。 今天要研究的是適配器模式,名副其實,中心思想也是建立一個適配器,將兩個不同的介面或者應用連接起來,讓他們能夠協作。這種協作有時並不是主動的,就是他們彼此都 ...
  • 最近博客更新的少了,相對而言,我在自己的個人公眾號里還是挺活躍的,大家可以掃描旁邊的二維碼,或者微信搜索公眾號:“編程一生”加關註。 在分散式的年代,一個應用需要部署到多台伺服器上。那麼要查看日誌文件咋辦?一臺台的查?這年頭還真有這麼乾的。多伺服器終端交互利器有不少。最流行的是polysh。atno ...
  • 錯誤如下:Template might not exist or might not be accessible by any of the configured Template Resolvers 錯誤原因:訪問的模板不存在或者任何解析器都無法訪問該模板(錯誤為500) 解決方案:1.檢查訪問的 ...
  • 1.angular cookie的用法:(1)引入angular-cookies(2)註入ngCookies這模塊(3)想要更改cookies存儲位置的話要添加內置服務$cookiesProvider(4)註入這個內置服務可以更改cookies的預設配置項這是在做項目中,用預設的cookies登陸後 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...