Javascript Unicode
為了理解 ES6 到底對於 Unicode 萬國碼有哪些新的支援。我們得從原因理解起。
為了理解 ES6 到底對於 Unicode 萬國碼有哪些新的支援。我們得從原因理解起。
在 Javascript ES6 的新功能中,有一個新品種的 function 稱為 generator
這個名字有點奇怪,不過它的行為在第一次看到的時候似乎更加奇怪。這篇筆記目的在解釋關於 generator 基本的運作原理。
先從 XML 說起,XML 被設計用來描述資料。
XML 看起來就像是 HTML,但他不是用來取代 HTML 的,HTML 設計的目的是用來呈現資料,而 XML 是紀錄資料。
XML 本身並不會完成任何事情,他就是一種資料的紀錄結構
從上一篇文章中我們知道了每一個 function 有一個對應的執行環境
其中包含著一個由在該範圍內所有的變數,function 參考,參數定義所組成的 variable object
(變數物件 VO)。
在這篇筆記中我將會深入的探討 JS 底層中的一些觀念,其中最重要的就是執行環境
(Execution Context)。當您閱讀完這篇文章後您可能會比較清楚關於直譯器的運作方式,明白為什麼有些 函式
變數
可以在他們被宣告之前就拿來使用,以及這些值是怎麼決定的。
使用 CSS 套用背景圖片到元素中可能是您前端設計過程中最常用到的功能。background
有非常豐富的屬性,讓我們可以針對不同的需求做設定。
由於使用 Javasript 偵測元素尺寸的方式並不直覺,每個元素有 6 個 DOM 的尺寸的屬性 offsetWidth
, offsetHight
, clientWidth
, clientHeight
, scrollWidth
, scrollHeight
。
再加上 offset[Top | Left]
, scroll[Top | Left]
, client[Top | Left]
等方向距離的屬性導致這件事變得異常複雜,外加它們都是整數因此在一些操作上會有些誤差。
在開始之前對於那些急性子的人我先提供他們一些對於座標屬性的整理,您可以先大略看過這些整理,後面我們將針對一個實際的例子來練習,這些整理應該可以讓一些老手快速的回復記憶,其實就是因為這樣所以我才紀錄了這篇文章。
1 | $ rake db:create # Create the database from DATABASE_URL or config/database.yml for the current Rails.env (use db:create:all to create all dbs in the config) |
當 jekyll 的環境遇到 Ruby 2.1.x
Psych 2.0.10
會出現不相容問題,所以請