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

繼續閱讀

2015-04-06發表2023-12-05更新Program1 分鐘讀完 (大約188個字)

rake db 常用指令備註

$ 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

2015-04-04發表2023-12-05更新Program幾秒讀完 (大約44個字)

Jekyll - Psych::Nodes (NameError)

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

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

繼續閱讀

2015-04-04發表2023-12-05更新Program23 分鐘讀完 (大約3453個字)

Devise 快速上手

devise 使用筆記

Devise 是一套彈性的驗證機制解決方案，它是根據 Warden 為架構的基礎延伸的。Devise 本身具備

支援 rake
架構在 Rails 之上提供完整的 MVC 方案
提供您可以使用多個 Model 在同一時間登入
模組化，您只需要採用您需要的部份

繼續閱讀

2015-04-04發表2023-12-05更新Program3 分鐘讀完 (大約392個字)

ActionPack 雜記

Action Pack

Action Pack 是整個 Rails 的核心部份，由 ActionDispatch, ActionController, ActionView 組成
ActionDispatch 處理接收到的請求(Requests)，即網址的部分，ActionController 負責把請求對應轉換成回應(Responses)
接著 ActionController 調用 ActionView 來處理回應的格式(html, js, json, xml) 等

繼續閱讀

XML 筆記

XML

快速 JS 筆記

參透Javascript閉包與Scope Chain

理解 Javascript 執行環境

Javascript 中的執行環境與堆疊

CSS 背景圖片排版

使用 Javascript 取得元素的座標

前言

rake db 常用指令備註

Jekyll - Psych::Nodes (NameError)

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

Devise 快速上手

devise 使用筆記

ActionPack 雜記

Action Pack

分類

最新文章

彙整

標籤

廣告