前端

物件到底是什麼東西！其實不用硬去記他的定義，而你只需要知道他幾個特徵即可！ 基本上 JavaScript 物件比起一般物件語言的物件其實不大一樣！引用 developer.mozilla.org 上的說法，物件是一些屬性的集合，而屬性…

大量的使用連續名稱的變數情況下，其實可以改用陣列，陣列是程式中常常被使用的一種變數喔！ 在練習程式的路上各位一定常常碰到需要存一連串資料的狀況，例如下面狀況，你必須要用 user_1、user_2、user_3 來記錄這…

如果要做重複一樣邏輯的事情，其實在程式世界中是很棒的一件事，因為可以藉由 迴圈 來幫你快速的完成！這次要介紹的是 for 迴圈，基本上大家最常使用的就是 for 迴圈了，但是還有很多不錯的迴圈例如 while.. 等，但…

在寫程式過程中，如果出現重複要做的事，我們都會覺得是否可以集中幾來處理呢？可以！就是利用函式(function)，函式可以將我們要做的功能獨立出來，當要用的時候，呼叫他就可以做到一樣的事情！ 以下面的例子是將兩…

程式語言最一開始都會從變數開始教，沒錯 JavaScript 也是！我們先講一下變數，何為變數！？簡單說就是把一個 值 存到一個字串中！以 var a = Hello World! 這個例子來說就是 a 但表著 Hello World! 這個字串！ 還…

網頁開發者通常是需要長期跟瀏覽器為伍，所以本篇來針對瀏覽器 Chrome 開發 JavaScript 時常用的幾個習慣說明教學一下！ 開發 Client 端的 JavaScript 最常用到的就是 Console，不管是基礎開發者或者資深都會需要要…

在 Google 的雲端硬碟服務中，試算表是我特愛的樣服務之一，而在這個 Google 當道的世代..相信大家也都有使用過吧！用起來就跟 Microsoft Office 中的 Excel 相似，都是表格系統的文件處理，而 Google 試算表其實不…

對於新手網頁工程師而言，認識什麼是 Html 是一件基礎的事，基本上瀏覽器開啟網頁，幾乎都是開啟 Html 的！ 那什麼是 Html 呢？ 詳細的歷史淵源、解釋這邊就不多說啦，大家若有興趣可以自己去 Goolge or Wiki 這邊…

每次切版都被 width、padding、border 搞的寬、高多少都不知道嗎？ 這一篇要介紹的就是如何優雅的解決這問題！ 延續上次我們遇到的 width 寬值問題來進階討論 一般來說 width 如果設定 100px 時候，那該元素寬會是 …

繼上次分享 HTML 元素並排 後，我們來思考個簡單延伸題！ 如果說有個版要切分成兩個區塊，分別是各佔一半的面積，你會怎麼寫？ 以這段程式碼為例子： div class=box div class=aThis is A/div div class=bThis is B…