在 JavaScript 中,總共有六種型別: string number boolean null undefined object 其中又可以分成以下兩...
Lazy Load幫高度較長的網頁,進行延遲載入圖片,尚未瀏覽到該部份時,不會載入視角外的圖片,提高效率 GitHub Star: 6,900Javascr...
陣列 Array 這篇文章要來介紹容器,首先先來談談陣列,陣列是有順序地存放大量資料的結構,大多數程式語言都是 0 為起始點,例如 arr[0] , JavaS...
DAY 18 Three.js 幾何 Geometry 幾何 Geometry 3D場景中所看到的任何物件都是幾何Geometry加上材質Material的呈現...
Kyle Simpson 是 You don't know JS 系列的作者,本身也是開源社群 JS 的熱情傳教士,本系列文章以 Kyle 的教學材料,順著 K...
JS30以及文章簡介 JS30,是由加拿大工程師Wes Bos所建立一系列課程,課程中我們可以學到很多Javascript程式語言的實際應用,例如如何操作Doc...
前言 進入前端這個變化多端的異世界也已一年半,每每拿著新手 jQuery 雙手劍砍怪總覺得特別的笨重;這時候就特別需要獲得 原生 JavaScript 的 效能...
接下來本篇開始會介紹 ES6 語法,在很久之前聽到 ES6 這個名詞時我都是保持觀望的態度,裡面有許多語法讓我感覺的不是很真實,像是 ...、=>、cla...
DataTables是jQuery的JavaScript函式庫,目的是強化表格操作(如搜尋、排序),並自動加入元件引入表格中,使用非常靈活且簡易 GitHu...
本系列文章已重新編修,並在加入部分 ES6 新篇章後集結成書,有興趣的朋友可至天瓏書局選購,感謝大家支持。 購書連結 https://www.tenlong....
此一系列文以 macOS 為開發環境,使用 Windows 的大大請搭配官方 guide 服用 (https://guide.meteor.com) 安裝...
Meteor 簡介 Node 的出現以及 ECMAScript 對 JS 的規範,帶動 Universal JavaScript Framework 的發展,...
當 UI 提供給你設計稿,你轉換為前端介面後,下一個步驟就是轉給後端工程師開發成動態應用程式,有些剛涉入前端工作沒多久的新人在不瞭解後端邏輯時,在溝通上容易有障...
今天來看傳值與傳址 call by value傳值與call by reference傳址指的是電腦記憶體中的東西,與程式的參照傳遞互動的模式。 call b...
React 有幾種偵測Scroll 的方式,通常是用的方式寫 不過有時候你要動到邏輯問題的撰寫方式,你可能就要拆步驟寫: 基本上 是分這三大元素去修改, com...
前言 想分享這個主題其實是有點心虛的,畢竟自己對Javascript也是一知半解,怎麼還敢分享出來誤人子弟,但我認為,錯誤中才能改正,能用自己的話語表達才是真正...
ES 6 又稱作 ES 2015 ,是 ECMAScript(JavaScript 的規範) 的新版本,有許多好用的新語法來解決舊版本 ECMAScript 的...
控制流程 任何一種程式語言程式碼都是由上而下逐一執行的,此外有時候必須程式判斷依照不同的數值給予不同的路徑輸出,稱之為控制流程。 區塊(block) ES6 中...
DAY 17. Three.js 光源 Light 在3D的應用當中, 光源Light是相當普遍的運用, 如果該3D場景Scene沒有光源, 通常會是黑漆漆的一...
本系列文章已重新編修,並在加入部分 ES6 新篇章後集結成書,有興趣的朋友可至天瓏書局選購,感謝大家支持。 購書連結 https://www.tenlong....
我是「不加班主義者」,你的人生已經有八小時奉獻給公司、八個小時睡覺,剩下八個小時扣除掉吃飯、睡覺、洗澡、通勤的時間,你認為還剩下多少?或許連五小時都不到,那麼你...
今天來看Function Statement(函式陳述句)與Function Expression(函式表達式、表示式) 等等...Statement與Expr...
DAY 16. Three.js 相機Camera 相機 Camera 在3D的環境中可以把它當成視角, 我們可以給它定位、關注點, 也可以搭配相機的位置角度來...
DAY 15. Three.js 渲染器 Renderer 在Three.js 初探文中, 我在最後寫了這麼一段程式來渲染整個場景 // 定義渲染器 let r...
JavaScript 歷史與發展 各位先前可能聽過 ECMAScript 若不知道也沒關係,ES6的出現就他有關係,在1995年時 Netscape(網景)公司...
本系列文章已重新編修,並在加入部分 ES6 新篇章後集結成書,有興趣的朋友可至天瓏書局選購,感謝大家支持。 購書連結 https://www.tenlong....
今天來看看函式Functions在JS這個物件導向語言裡,其函式的特性被稱為一級函式。 一級函式First Class Functions 開發者對別的基礎...
DAY 14. Three.js 初探 用來建立3D場景的函數庫其實很多,Three.js是其中之一關於Three.js的介紹網路上有很多,在此就不多贅述直接從...
本系列文章已重新編修,並在加入部分 ES6 新篇章後集結成書,有興趣的朋友可至天瓏書局選購,感謝大家支持。 購書連結 https://www.tenlong....
想想我來寫這個題目還真是不太夠格,2017 年的我今年 31 歲,科系的話大學是 3D多媒體設計、碩士念資管,所以也算一半的本科系,所以這個篇幅,至少我能向你分...