Recent Posts

Rails - 如何解決ajax沒有CSRF Key的問題

less than 1 minute read

錯誤訊息 當瀏覽器發生422錯誤,很有可能是缺少CSRF Key所引起的。這時候可以到 Log 確認一下是否是缺少 CSRF Key的情形。 方法一:用js抓mete的csrf-token $(document).ajaxSend(function(e, xhr, options) { var toke...

Rails - Sortable Table With Ajax

1 minute read

前端使用sortable 後端在幫要排序的類別(這邊是Memo)加上position欄位 原理與流程 jquery-ui 的 sortable 套件內建了 serilize ,它的功用是把 id 變成 query string 依順序回傳,所以我們只要找出規則就可以知道移動的是哪些欄位,把移動後的...

從 Tealeaf 課程學習模組化 - Sluggify Module

2 minute read

因為 Post 與 Category 都的網址都需要 Sluggify 以便 SEO 的進行。所以我們把 Sluggify 模組化,讓同樣的程式碼只要寫一次就好。 1. 建立module Sluggable,並引入之 在lib資料夾中建立一個名為sluggable.rb的檔案。加入extend ActiveS...

Demo:使用wow.js快速打造捲動式動畫網頁

less than 1 minute read

我用兩個不同方法個別製作出網站來讓大家比較看看: 純CSS打造捲動式動畫網站 wow.js打造的捲動式動畫網站 接著來介紹這wowjs的製作方法與其優缺點。 使用方法: 第一步要做的是animate.css與wow.js載進網頁中。接著幫要使用動畫的部份加上.wow .animate動畫名稱屬性。wow....