JS - 確認 jQuery 是否正確載入
使用情境有時候你不能確定環境是否已經載入 jQuery，所以你也不能使用 jQuery.ready()。例如：你想要在別人的網頁上執行一段 javascript 程式碼。這時候你就可以用本篇筆記記錄的方法等待 jQuery 載入後再執行自己 ...
繼續閱讀Rails - 使用 dropzone.js 實現檔案上傳
實現上傳檔案create的時候controller要設定一些值給js接。
123456789101112def create @upload = Upload.create(upload_params) if @upload.save ...
繼續閱讀Rails - 使用 will pagniate 搭配 ajax 實作無限捲動
概念：will paganiate 由送到 controller 的 params[:page] 決定回傳的@posts。
可以由我們在 controller 中定義@posts所知道。
1@posts = Post.paginate(:p ...
繼續閱讀Demo：使用wow.js快速打造捲動式動畫網頁
我用兩個不同方法個別製作出網站來讓大家比較看看：
純CSS打造捲動式動畫網站wow.js打造的捲動式動畫網站
接著來介紹這wowjs的製作方法與其優缺點。
使用方法：第一步要做的是animate.css與wow.js載進網頁中。接著幫要使用 ...
繼續閱讀Demo：使用scrollspy讓畫面更生動
Demo展示頁
作法說明1.幫body加工將body加上display: relative，如果還是不行使用的話加上width: 100%與height: 100%。
123display: relative;width: 100%;hei ...
繼續閱讀
Demo：使用Matirialize框架實現視差滾動
完成品展示頁
Materialize 是除了 Bootstrap 以外現今相當熱門的前端框架，可以製作的網頁類型相當廣泛，未來將使用 Materialize 來開發一些小作品，是今天練習的主要目的。
實現Materialize框架提供的視差 ...
繼續閱讀Typescript是新手的好朋友
為什麼 Typescript 是新手的好朋友typescript百分之百跟javascript相容，所有javascript的語法都可以在.tstypescript檔案中執行。因此就算是要javascrtip新手，也可以享受typescri ...
繼續閱讀Javascript核心筆記：namespace
靜態命名空間方法1 - 直接指定123456789101112131415161718var myApp = {}myApp.id = 0;myApp.next = function() { return ...
繼續閱讀Javascript核心筆記：建構式與prototype
建立物件時，實際上做了什麼事?使用 new 關鍵字時，JavaScript 會先建立一個空物件，接著設定物件的原型為函式的 prototype 特性所參考的物件，然後呼叫建構式並將所建立的空物件設為 this。接下來依照建構式設定實例上的特 ...
繼續閱讀Javascript核心筆記：scope
Scope
每個function在呼叫時都會建立新的 Function execution context，有個物件用來代表 Execution context，而區域變數則是 context 物件上的特性。
JavaScript 在查找 ...
繼續閱讀Javascript核心筆記：function
javascript的函數是一級物件(First-Class)function是由Function的實例，並且在javascript中可以指定給變數，函式與數值的地位相同，並不會像有些語言中，無法像數值一樣地被指定，不會淪為二等公民，因此， ...
繼續閱讀Javascript核心筆記：callback
callback是一種設計模式來看看callback的定義：
Callback (computer programming) - WikipediaIn computer programming, a callback is a refe ...
繼續閱讀Javascript核心筆記：this
call可以讓你決定this的參考對象在 JavaScript 中，函式是 Function 的實例，Function 都會有個 call 方法，可以讓你決定 this 的參考對象。舉例來說，你可以如下呼叫：
123456789101112 ...
繼續閱讀javascript核心筆記：Object
在 JavaScript 中，物件是 Object 的實例。你可以如下建立一個新的物件：
1var obj = new Object();
實際上，現在已經很少人這麼撰寫了，使用物件實字（Object literal）語法就可以建立一個物件 ...
繼續閱讀Ajax 學習筆記
ajax 如何運作？
Ajax 立基於非同步 JavaScript 和 XML。簡單地說，Ajax 即運用非標準的XMLHttpRequest物件，並配合伺服器端的 Script 進行通訊。
Ajax 能夠傳送並接收各種格式的資訊，其中包 ...
繼續閱讀保哥 javascript 實戰課程筆記
javascript 語言特性
javascript是個動態型別語言，無法在開發期間宣告型別，意味著javascript的單一變數可能會隨時改變型別!
javascript是個弱型別的語言：意味著在開發時期無法指定javascript型別 ...
繼續閱讀jQuery Return Flight Ch5 ( 1 )：Advanced Event
advanced event handlertrigger使用trigger就像是你按下那個按鈕。範例:
1234567891011function picture() { console.log('Show Plane ...
繼續閱讀jQuery Return Flight Ch4：Utility Methods
each用each把result的物件讀出來，插入頁面元素之中。要插入<p></p>之中使用的是html()要插入img的src欄位，使用find('img').attr('src', ...
繼續閱讀jQuery Returm Flight Ch2：Javascript Object & Function
Part 1. javascript Object將改原本的程式重構，所有的function都變成Object的Method，增加可讀性。
這是原本的code
12345678910var confirmation = { in ...
繼續閱讀jQuery Return Flight Ch1 ( 2 )：補充筆記
使用.html()插入元素要使用的ajax長這樣，點下#tour之下的button後，如果出現錯誤，就會顯示錯誤訊息。
1234567891011121314$(document).ready(function() { var ...
繼續閱讀jQuery Return Flight Ch1 ( 1 )：Ajax Basics
這是之前在try jQuery做過的例子。
之前我們只能顯示localhost的圖片，現在我們要從server載圖片下來，並顯示之。接下來來完成我們第一個Ajax程式。
12345678$('.confirmation' ...
繼續閱讀Discover Meteor Ch5：Routing
現在要做的事情是點選http://myapp.com/posts/post_id，就可以對應到post的網頁。
加入iron router這個package。$ mrt add iron-router
知識補充站Iron RouterNot ...
繼續閱讀Discover meteor Ch4：Collection
Collection新增一個collection
1collections/posts.js
1Posts = new Meteor.Collection('posts');
除了client與server以外的資料 ...
繼續閱讀Javascript Roadtrip 3 Closure
這一章講的是closure，很奇妙的東西。JavaScript学习总结(十六)——Javascript闭包（Closure）這個網站寫的不錯，看來以後要拜讀一下他的文章。
2.1 影片1234567891011function buil ...
繼續閱讀