About Constructors “The way to create an 'object type', is to use an object cons...
熟悉的起手式:「我方便問你一個 Node.js 核心的問題嗎?」 這是一個在了解後,無論面試還是工作,CP 值都很高的題目,建議讀者要真的融會貫通。 大綱...
What is an Object? Introduction by W3C School Elements creating Object: prope...
前言 前天談到如何避免程式碼散落四處、維護困難,帶大家改寫了物件格式,過了兩天,我突然想到,當時花太多篇幅在解釋觀念和舉例子,結果沒有實際把程式碼秀給大家看,果...
問題回答 雙向綁定(two-way data bindings)是指把畫面上的 DOM 與資料透過 Vue 實體來綁定。當其中一方有更動時,另一方都會隨即更新。...
為什麼需要學到陣列? 假設今天這裡有100樣東西,我們必須設法執行它,而這時候如果不使用陣列,東西都是獨立狀態的時候,我們可能需要給100樣東西都取名才能操作,...
前言 JavaScript 相較是個自由的語言,在學習語法時會發現,咦 明明規則是這樣,怎麼那樣也可以? 在 2009 年的 ECMAScript 5 中新增了...
今天要稍微跳脫一下下NodeJS,紀錄一下基本的JavaScript物件概念,包含Obeject、Prototype與ES6標準下的Class。 Object...
在寫 Vue.js 或 React 的過程,一定都會聽過這個名詞。並不是所有的 component 都必須 pure ,不是這樣的,是有時候會需要 pure 有...
BOM(Browser Object Model 瀏覽器物件模型)的重點在於瀏覽器的功能,完全由各家瀏覽器廠商自行開發。而DOM(Document Objec...
佇列(Queue)建立的方法 enqueue: 尾端新增元素 dequeue: 從前端移除元素 peek: 查看最前端元素 size: 此佇列的元素量...
今天開始就要來利用專題了解 GAS 的各項功能囉~ 說到要能優雅、或是狼狽的…總之要能夠享受下午茶,不管你的狀態為何,你都必須要有「時間」。 而系統自動化,也就...
如何開始D3js 方法一 使用CDN 請google搜尋D3Js到D3Js的官方網站。滑鼠滾輪到下方處複製<script src="https:...
昨天我們寫了第一個 GAS 程式: Hello World ,今天我們來拆解一下我們到底寫了什麼東西。 昨天我們直接開始寫程式,還沒有機會好好認識一下 GAS...
變數(variable)-Number Day05 - 變數(02):說明變數的計算與跟字串搭配的結果 Day13 - 迴圈(01):說明 +=、a++、a--...
前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程,課程主打 No Frameworks、No Compi...
全文同步於個人 Docusaurus Blog 在上一章中,已將 client 端和 server 端進行連線,接下來我們需要開始,讓兩端互相發送訊息。 S...
前言 前面我們了解基本的檔案處理之後,接下來當然就是試著實作讀取一些不同格式的檔案,因此這一篇將會介紹我們前端工程師常用的 JSON 檔案。 JSON 對於一名...
運算式與運算子 運算式 透過運算子進行運算而得到指定的結果值 運算子的介紹 這邊會列出幾個簡單算是常用的進行說明 算術運算 數字型態的資料,也可以直接使用算數運...
寫Javascript前必要小知識 1.<!DOCTYPE html> 為 HTML 5 的語言格式2.head 是網路爬蟲爬的區塊,可以放很多資訊...
一天的開始 還記得嗎?你是負責 Imager 的前端工程師,上次做了 Lazy Loading 改善了資源浪費的問題,公司對你的表現非常的滿意。 但有幹勁的你...
在初學階段,還蠻常碰到明明定義好的變數卻回報 error,可能是因為對 Scope 的觀念沒有理解。 什麼是 Scope ? 我習慣稱 Scope 為作用域,有...
今天寫一些瀏覽器跟 DOM 的東西。 DOM 全名是 Document Object Model,是一個用於存取網頁文件的介面,本身不是 JavaScript...
問題回答 元件裏的 data 必須是函式是為了確保元件裏的資料不會被別的元件資料所污染。如果 data 是物件,因為 JavaScript 的物件是傳址,一旦有...
因為感覺在操作上還蠻常用到 array 及 object 的各種方法,所以這篇就來說說 JavaScript 中 array 與 object 的各常用方法,以...
先來看一下題目 Given an array of positive integers (representing coins), find the small...
if 當條件成立的時候會執行 if 陳述式裡的程式,而不成立時則執行另外一個陳述式。if 單從字面上來看,他有「如果」的意思,以 JavaScript 來說,在...
前情提要 艾草:「好啦,還是有其他條件可以判斷你能不能成為大魔導師的!」 「哪尼~這麼好康的事不會早點說唷!快告訴我 ƪ(˘⌣˘)ʃ 」 艾草:「如果你是天選之...
前情提要 艾草:「你的炫酷魔法的定義是什麼呀?」 「就是那種一施放後大家看到都會愛上我,覺得我好棒的魔法。」 艾草:「 不需要那種魔法,你就很棒囉! 」「......
本文是第二篇,有些變數的名詞會沿用第一篇,建議看過再繼續閱讀唷! 談論更深入一層前,先讓我們複習一下 上回提到,我們用物件的形式儲存了落葉的變數和函式,認識...