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

繼續閱讀

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

如何將 Azure 帳號或擁有的專案轉給另一個使用者

有些時候，我們會需要將一些權限或者帳單轉交給其他負責人或者公司。為了處理這個問題，你需要提交一個帳務類型的支援回報給 Microsoft。

繼續閱讀

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

Psql 學習記錄

何謂 `psql`

psql 是讓我們可以操作 Postgres SQL 的指令介面。其包含著一大票的參數設定，不過這篇記錄只會紀錄我工作時比較常用到的部分

OK! 首先是當我們安裝好 Postgres 之後怎麼連線

繼續閱讀

2015-04-06發表2023-05-12更新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-05-12更新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-05-12更新Program23 分鐘讀完 (大約3453個字)

Devise 快速上手

devise 使用筆記

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

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

繼續閱讀

快速 JS 筆記

參透Javascript閉包與Scope Chain

理解 Javascript 執行環境

Javascript 中的執行環境與堆疊

CSS 背景圖片排版

使用 Javascript 取得元素的座標

前言

如何將 Azure 帳號或擁有的專案轉給另一個使用者

Psql 學習記錄

何謂 `psql`

rake db 常用指令備註

Jekyll - Psych::Nodes (NameError)

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

Devise 快速上手

devise 使用筆記

分類

最新文章

彙整

標籤

廣告

Javascript 中的執行環境與堆疊

前言

何謂 psql

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

devise 使用筆記

分類

最新文章

彙整

標籤

廣告

何謂 `psql`