使用 Markdown 寫作與分享知識的最佳方式 - HackMD

使用Markdown寫作與分享知識的最佳方式

---

引言

MAC系列的使用者，可以使用 bear 來編寫 Markdown 格式文件，但windows系統卻沒有這樣的系統可以使用，所以今天來介紹一個，線上編輯Markdown的強大工具 HackHD

10分鐘學會SCSS常用語法-學習筆記

---

使用Prepros編譯SCSS

• 巣狀寫法 - 減少重複編寫HTML屬性
• 變數使用 - 全域設定CSS變數(顏色、字體)
• @import - 每隻SCSS功能分開，再彙整成一隻檔案(_reset下底線=合併用檔案)
• @extend - 繼承擴充
• @mixin - 轉化常用語法，可帶入變數(@include載入)
• @content - grid.scss斷點設計

Chrome網頁除錯功能大解密-學習筆記(下)

六角學院Udemy學習筆記

---

JavaScript 與效能調校

• Network區塊 - requests下載檔案數，Load讀取時間 (優化效能)
• Comsole區塊 -
  • 使用console.log執行JavaScript除錯
  • 直接編寫JS,JQ,JSON語法
  • console.table - 表格顯示陣列
• Event Listener功能 - 事件監聽
• Breakpoints功能 - 下斷點

Chrome網頁除錯功能大解密-學習筆記(上)

六角學院Udemy學習筆記

---

Chrome 除錯環境介紹

• 使用 chrome dev tools 網頁除錯工具(開發人員工具)
• 將開發人員工具獨立出來，方便觀看Elements、Console
• 切換 device模式檢查RWD(320px,375px,425px,768px,1024px)

Google Chrome 擴充功能插件介紹(下)

使用 Google Chrome 插件，讓你事半功倍。

Google Chrome擴充功能程式 - 維基百科，自由的百科全書

---

User-Agent Switcher for Chrome - 1,289,025 位使用者

• 快速切換手機和桌面各式瀏覽器，方便開發移動瀏覽器和桌面瀏覽器上的網站

User-Agent Switcher for Chrome - Chrome 線上應用程式商店

Google Chrome 擴充功能插件介紹(上)

使用 Google Chrome 插件，讓你事半功倍。

Google Chrome擴充功能程式 - 維基百科，自由的百科全書

---

Adblock Plus - 10,000,000+ 位使用者

• 超過 1 億部設備上使用，是世界上最受歡迎的廣告攔截插件
• Adblock Plus for Google Chrome 會阻擋：橫幅廣告、YouTube 影片廣告、 Facebook 廣告、彈出式視窗、還有各種礙眼的廣告

Adblock Plus - Chrome 線上應用程式商店

3分鐘完成Hexo網站地圖Sitemap設定 Sitemap在 Google 的網站管理員工具提交 Sitemap ／網站地圖就等於告訴 Google 網站有這些網頁，請它趕快過來看看。 Google Search Console （Google網站管理員）以前的名稱是 Google Webmas ...

10分鐘瞭解OpenCart模塊結構編寫 OpenCart 模塊可以很好地瞭解 OpenCart 運作的基本原理，OpenCart 模塊遵循 MVCL 設計模式 基本目錄結構模塊的基本文件結構將分為兩部分，即 Admin 和 Catalog 文件夾。每個文件夾的內容分別遵循 MVC-L 框架， ...

創業成功率提升到90%的方法 - 獲得有用的資源 互相的了解，讓做法更加有效，關係變得美好 分享影片：雷．達里歐: 如何讓公司裡最好的點子總是勝出 | TED Talk 概論 眼光準確，不隨波逐流 吸取經驗，避免相同的錯誤 讓公司裡最好的點子總是勝出 重點讓員工、客戶提出反駁的看法，藉以檢 ...

3分鐘學會SEO基本優化入門 - Tutorial for Beginners搜尋引擎最佳化（英語：search engine optimization，縮寫為SEO）是一種透過了解搜尋引擎的運作規則來調整網站，以及提高目的網站在有關搜尋引擎內排名的方式。 引言 - 優化三重點 關鍵字研究（On ...