Javascript Unicode

為了理解 ES6 到底對於 Unicode 萬國碼有哪些新的支援。我們得從原因理解起。

繼續閱讀

ES6 Generators 基礎

在 Javascript ES6 的新功能中,有一個新品種的 function 稱為 generator 這個名字有點奇怪,不過它的行為在第一次看到的時候似乎更加奇怪。這篇筆記目的在解釋關於 generator 基本的運作原理。

繼續閱讀

XML 筆記

XML

先從 XML 說起,XML 被設計用來描述資料。
XML 看起來就像是 HTML,但他不是用來取代 HTML 的,HTML 設計的目的是用來呈現資料,而 XML 是紀錄資料。
XML 本身並不會完成任何事情,他就是一種資料的紀錄結構

繼續閱讀

快速 JS 筆記

基本的 Javascript 型別定義有 6 個

  • Number
  • String
  • Boolean
  • Function
  • Object
  • Undefined
繼續閱讀

參透Javascript閉包與Scope Chain

上一篇文章中我們知道了每一個 function 有一個對應的執行環境 其中包含著一個由在該範圍內所有的變數,function 參考,參數定義所組成的 variable object(變數物件 VO)。

繼續閱讀

理解 Javascript 執行環境

Javascript 中的執行環境與堆疊

在這篇筆記中我將會深入的探討 JS 底層中的一些觀念,其中最重要的就是執行環境(Execution Context)。當您閱讀完這篇文章後您可能會比較清楚關於直譯器的運作方式,明白為什麼有些 函式 變數 可以在他們被宣告之前就拿來使用,以及這些值是怎麼決定的。

繼續閱讀

CSS 背景圖片排版

使用 CSS 套用背景圖片到元素中可能是您前端設計過程中最常用到的功能。
background 有非常豐富的屬性,讓我們可以針對不同的需求做設定。

繼續閱讀

使用 Javascript 取得元素的座標

前言

由於使用 Javasript 偵測元素尺寸的方式並不直覺,每個元素有 6 個 DOM 的尺寸的屬性 offsetWidth, offsetHight, clientWidth, clientHeight, scrollWidth, scrollHeight
再加上 offset[Top | Left], scroll[Top | Left], client[Top | Left] 等方向距離的屬性導致這件事變得異常複雜,外加它們都是整數因此在一些操作上會有些誤差。
在開始之前對於那些急性子的人我先提供他們一些對於座標屬性的整理,您可以先大略看過這些整理,後面我們將針對一個實際的例子來練習,這些整理應該可以讓一些老手快速的回復記憶,其實就是因為這樣所以我才紀錄了這篇文章。

繼續閱讀

rake db 常用指令備註

1
2
3
4
5
6
7
8
9
10
11
12
$ 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)
$ rake db:drop # Drops the database using DATABASE_URL or the current Rails.env (use db:drop:all to drop all databases)
$ rake db:fixtures:load # Load fixtures into the current environment's database
$ rake db:migrate # Migrate the database (options: VERSION=x, VERBOSE=false)
$ rake db:migrate:status # Display status of migrations
$ rake db:rollback # Rolls the schema back to the previous version (specify steps w/ STEP=n)
$ rake db:schema:dump # Create a db/schema.rb file that can be portably used against any DB supported by AR
$ rake db:schema:load # Load a schema.rb file into the database
$ rake db:seed # Load the seed data from db/seeds.rb
$ rake db:setup # Create the database, load the schema, and initialize with the seed data (use db:reset to also drop the db first)
$ rake db:structure:dump # Dump the database structure to db/structure.sql
$ rake db:version # Retrieves the current schema version number

Jekyll - Psych::Nodes (NameError)

Jekyll 遇到 uninitialized constant Psych::Nodes (NameError)

當 jekyll 的環境遇到 Ruby 2.1.x Psych 2.0.10 會出現不相容問題,所以請

繼續閱讀