2016-06-15所有文章 Luka JS - 確認 jQuery 是否正確載入使用情境有時候你不能確定環境是否已經載入 jQuery,所以你也不能使用 jQuery.ready()。例如:你想要在別人的網頁上執行一段 javascript 程式碼。這時候你就可以用本篇筆記記錄的方法等待 jQuery 載入後再執行自己 ... 繼續閱讀
2015-11-12所有文章 Luka Rails - 使用 dropzone.js 實現檔案上傳實現上傳檔案create的時候controller要設定一些值給js接。 123456789101112def create @upload = Upload.create(upload_params) if @upload.save ... 繼續閱讀
2015-11-12所有文章 Luka Rails - 使用 will pagniate 搭配 ajax 實作無限捲動概念:will paganiate 由送到 controller 的 params[:page] 決定回傳的@posts。 可以由我們在 controller 中定義@posts所知道。 1@posts = Post.paginate(:p ... 繼續閱讀
2015-10-22所有文章 Luka Demo:使用wow.js快速打造捲動式動畫網頁我用兩個不同方法個別製作出網站來讓大家比較看看: 純CSS打造捲動式動畫網站wow.js打造的捲動式動畫網站 接著來介紹這wowjs的製作方法與其優缺點。 使用方法:第一步要做的是animate.css與wow.js載進網頁中。接著幫要使用 ... 繼續閱讀
2015-10-19所有文章 Luka Demo:使用scrollspy讓畫面更生動Demo展示頁 作法說明1.幫body加工將body加上display: relative,如果還是不行使用的話加上width: 100%與height: 100%。 123display: relative;width: 100%;hei ... 繼續閱讀
2015-10-12所有文章 Luka Demo:使用Matirialize框架實現視差滾動完成品展示頁 Materialize 是除了 Bootstrap 以外現今相當熱門的前端框架,可以製作的網頁類型相當廣泛,未來將使用 Materialize 來開發一些小作品,是今天練習的主要目的。 實現Materialize框架提供的視差 ... 繼續閱讀
2015-03-08所有文章 Luka Typescript是新手的好朋友為什麼 Typescript 是新手的好朋友typescript百分之百跟javascript相容,所有javascript的語法都可以在.tstypescript檔案中執行。因此就算是要javascrtip新手,也可以享受typescri ... 繼續閱讀
2015-02-27所有文章 Luka Javascript核心筆記:namespace靜態命名空間方法1 - 直接指定123456789101112131415161718var myApp = {}myApp.id = 0;myApp.next = function() { return ... 繼續閱讀
2015-02-27所有文章 Luka Javascript核心筆記:建構式與prototype建立物件時,實際上做了什麼事?使用 new 關鍵字時,JavaScript 會先建立一個空物件,接著設定物件的原型為函式的 prototype 特性所參考的物件,然後呼叫建構式並將所建立的空物件設為 this。接下來依照建構式設定實例上的特 ... 繼續閱讀
2015-02-27所有文章 Luka Javascript核心筆記:scope Scope 每個function在呼叫時都會建立新的 Function execution context,有個物件用來代表 Execution context,而區域變數則是 context 物件上的特性。 JavaScript 在查找 ... 繼續閱讀