隨著程式設計技術的快速發展,我們必須學習很多新東西。有些語言和框架非常複雜,您可能記不住所有的語法或方法。備忘單就是您易於存取的筆記了。

每當有人發現任何有幫助或有價值的事情時,我們都會做筆記。但是,您不需要對在書籍、研討會或文章中看到的每個細節都做筆記。

為了幫助您學習,我編寫了這份頂級備忘單列表。


HTML, CSS, and JavaScript Cheatsheet

您可以在此處找到 HTML、CSS 和 JavaScript 程式碼範例。每個例子都有一個解釋。像這樣的備忘單是我的最愛之一。

連結:https://htmlcheatsheet.com/js/

圖片說明

JavaScript Cheatsheet

這是對初學者的 JavaScript 的完整、快速的介紹。值得看一下。

連結:https://quickref.me/javascript

圖片說明

React.js Cheatsheet

React 是最流行的 JavaScript 函式庫。對於 React 愛好者來說,這是一個簡單但有用的備忘單。一定要將它加入書籤,以便快速參考。

連結:https://devhints.io/react/

圖片說明

Cheatography

沒有比這更好的資源了。它有超過 5,000 個備忘單、修訂輔助工具和快速參考!每個人都可以在這裡得到他們需要的一切,而不僅僅是軟體工程師。在這裡,您可以找到有關 Web 開發、商業、遊戲、健康、數位行銷等的備忘單。

連結:https://cheatography.com/

圖片說明

Java Cheat Sheets

此處簡要列出了教科書中使用最多的 Java 語言特性和 API。這是一個很好的快速參考。

連結:https://introcs.cs.princeton.edu/java/11cheatsheet/

圖片說明

OverAPI

Over API 是一個了不起的資源。對於大多數編程語言,您可以在此處找到備忘單。

連結:https://overapi.com/

圖片說明

Devhints

這裡有一些範例、連結、片段等,可讓您簡要了解該語言的基礎知識。在一頁上,您會找到詳細的說明。值得研究。

連結:https://devhints.io/

圖片說明

Gitsheet

Git 是開發人員應具備的最重要的技能。這是一個非常簡單的 git 命令備忘單。如果您可以存取此 Gitsheet,則無需記住所有命令。

連結:https://gitsheet.wtf/

圖片說明

Vue.js cheatsheet

此備忘單包含 Vue.js 的詳細程式碼片段和解釋。它包括與屬性、DOM、資料、事件、生命週期、API 等相關的片段。如果您正在尋找 Vue.js 的快速參考,請檢查一下。

連結:https://marozed.com/vue-cheatsheet/

圖片說明

HTML5 Canvas Cheat Sheet

可在此處找到 HTML5 Canvas 的程式碼示例,包括其元素、2D 上下文、線條樣式、顏色、陰影等。在此處了解有關 HTML 畫布的所有訊息。

連結:https://simon.html5.org/dump/html5-canvas-cheat-sheet.html

圖片說明

Web 開發人員的 SEO 備忘單

這個網站是關於 SEO(搜尋引擎優化)的。在最有效的搜尋引擎優化技巧中,這是最有用的快速參考之一。 Web 開發人員和軟體工程師也受益於輕鬆存取 SEO 技術標準。

連結:https://moz.com/learn/seo

圖片說明

Easing functions

通過使用緩動函數,您可以調整動畫的速度以建立各種效果,例如彈跳、減速、放大等。有關詳細訊息,請參閱此 Microsoft 文件。

此外,參數隨時間變化的速率由緩動函數指定。現實世界中的物體幾乎從不以一致的速度移動,也很少突然開始和結束。使用此頁面,您可以選擇理想的緩動函數。

連結:https://easings.net/en#

圖片說明

CSS3 動畫

這個網站有一些驚人的動畫效果,你可以在你的下一個專案中使用。

連結:http://www.justinaguilar.com/animations/#

圖片說明

CSS 網格

CSS 網格可能有點挑戰性。因此,很難記住它的所有屬性。您可以將此備忘單加入到您的書籤中以供快速參考。

連結:https://grid.malven.co/

圖片說明


以上,簡單分享,希望對您有幫助!

按讚的人:

共有 0 則留言