JS - 確認 jQuery 是否正確載入

使用情境有時候你不能確定環境是否已經載入 jQuery,所以你也不能使用 jQuery.ready()。例如:你想要在別人的網頁上執行一段 javascript 程式碼。這時候你就可以用本篇筆記記錄的方法等待 jQuery 載入後再執行自己 ...
繼續閱讀

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框架實現視差滾動

Demo:使用Matirialize框架實現視差滾動

完成品展示頁 Materialize 是除了 Bootstrap 以外現今相當熱門的前端框架,可以製作的網頁類型相當廣泛,未來將使用 Materialize 來開發一些小作品,是今天練習的主要目的。 實現Materialize框架提供的視差 ...
繼續閱讀

Typescript是新手的好朋友

為什麼 Typescript 是新手的好朋友typescript百分之百跟javascript相容,所有javascript的語法都可以在.tstypescript檔案中執行。因此就算是要javascrtip新手,也可以享受typescri ...
繼續閱讀

Javascript核心筆記:建構式與prototype

建立物件時,實際上做了什麼事?使用 new 關鍵字時,JavaScript 會先建立一個空物件,接著設定物件的原型為函式的 prototype 特性所參考的物件,然後呼叫建構式並將所建立的空物件設為 this。接下來依照建構式設定實例上的特 ...
繼續閱讀

Javascript核心筆記:scope

Scope 每個function在呼叫時都會建立新的 Function execution context,有個物件用來代表 Execution context,而區域變數則是 context 物件上的特性。 JavaScript 在查找 ...
繼續閱讀