[JavaScript] JavaScript 編譯的特性「Hoisting」
我們一般在撰寫 JavaScript 的編碼時,往往會認為正在撰寫的 應用 會照著我們撰寫的程式碼一行一行的執行,其實並不盡然~
我們寫的程式碼會先被 JavaScript 的編譯器進行轉換,將之轉換成給電腦執行的編碼,這邊將舉例來說明 JavaScript 其中的一項編譯的特性「Hoisting」,對其有個初步了解,可以幫你避免掉一些非預期的錯誤!
我們一般在撰寫 JavaScript 的編碼時,往往會認為正在撰寫的 應用 會照著我們撰寫的程式碼一行一行的執行,其實並不盡然~
我們寫的程式碼會先被 JavaScript 的編譯器進行轉換,將之轉換成給電腦執行的編碼,這邊將舉例來說明 JavaScript 其中的一項編譯的特性「Hoisting」,對其有個初步了解,可以幫你避免掉一些非預期的錯誤!
highlight.js
可以為你網站的 程式碼區塊
提供大量的版型,讓你的 技術BLOG 看起來跟有格調,也可以大幅提升文章的可讀性,提供各種語言的版型可供使用,且非常的好套用
tasksel
是一款可以讓我們快速安裝 dns server
、lamp
,等等應用的軟體包
這個軟體在server版是預裝的,而在桌面版裡是不預裝的,桌面版必須要一下子面指令先安裝後,才可以使用 :
最近在 CodePen 測試一些 JavaScript 函式庫時發現無法直接從 GitHub 載入 JavaScript 檔案,發現直接在 CodePen 引入 Github raw 的 JavaScript 瀏覽器上是會噴錯的:because its MIME type ('text/plain') is not executable, and strict MIME type
之前有寫過一篇文章 使用sass mixin來開發responsive網站,利用 SASS 提供的 Mixin 來加速 Responsive 開發的方法,在 Boostrap 4 Beta 的版本中也被整合了相同的使用,而且功能上也相當的完善:
jQuery.extend(),是 jQuery 用於合併兩個或多個 JavaScript Object 所提供的方法,如果你有用過 git
,那就能更容易的理解他的用途,可以直接把他當作 git 在 merge 的時候來理解他的功能,沒使用過的也沒關係,文章會呈現一些範例可以理解一下 jQuery.extend() 產生的結果
Emmet 是一個可以大幅提升你在開發網頁 Html 編碼速度,使用上也相當的容易,也支援很多主流的編輯器,如 : atom、sublime
MAMP 是 Mac 裡幫我們處理開發環境 web-server、php、mysql 都可以幫你一次設定到位,而當環境或開發是執行有誤時,不妨查查看 MAMP 的 log 產出的 error , 也許會找到一些蛛絲馬跡,幫助你排除錯誤
這問題是我近期開發 WordPress 版型時發現的,在編輯文章中,使用了內建 插入圖片 的圖片對齊方式,選取 置中 的對齊方式,可是最終呈現出來的結果都是 靠左 顯示的,稍微查了一下,這貌似是 WordPress 的 Bug