終於研究到了事件的部分了，所謂的事件，是當使用者對頁面做出什麼動作的意思，例如：滑鼠點擊，按下鍵盤...之類的，而當使用者有這些動作時，我們又該給予什麼樣式的回...
剛學JS的我在codewars上做了一個難度7kyu的題目題目為 Exes and Ohs 連結如下https://www.codewars.com/kata...
繼上一篇 白鷺引擎Egret Engine-實現多場景(場景串聯篇)這篇開始會講解在開發的過程中使用單例的重要性 如果資訊有誤或是有更好的資訊非常非常歡迎各...
前面講到了使用 .innerHTML 來操控 HTML，這裡說明第二種方式 .createElement ，後面再說明兩者的差異性 一樣先建立一個名字清單的陣列...
前一篇講到了 .innerHTML 來新增元素以及內容，還有組字串的技巧這邊我們就來建立一個陣列，依序把資料輸入進去吧 首先先建立 HTML 結構: <h...
前面我們講到選取了元素，也講到了設定屬性和讀取屬性，但倘若我們想要在某個元素下再新增元素且有內容時，可以怎麼做？這裡就介紹其中一種方法 .innerHTML 也...
前面講到了選取元素的方法 .querySelector() 和 .querySelectorAll()選取到了元素，我們就可以對他們設定一些屬性，例如設定 id...
<h2 class="title"><em></em></h2> <h2 class=...
第一篇文章有提到可以用 document.getElementById() 的方式選取 id 元素渲染到網頁，但如果今天我想選取的不只是 id 元素，還有 cl...
當我們在執行 for 迴圈時，如果我們是希望滿足條件後就跳脫迴圈而不要讓迴圈跑完時，這時候就可以搭配 break 來作運用 建立一個陣列資料如下: var fa...
照著前面建立的小鎮和房子的假設走，下面是前篇創建的陣列： var area=[ { house: 'Jerry', ro...
for 迴圈的應用，除了撈取相同性質的資料外，我們也可以在執行的時候搭配判斷式，來過濾出來我們想要取得的資料，以下就開始來寫個範例： 我們先來假設，有一個小鎮上...
前言 運用Javascript可以增添網頁的互動性 可選取(access)、增加或刪除(modify)html網頁中任何 元件(e.g:<h1>...
在撈取資料的時候，可能會遇到我們需要一直撈取同樣性質的資料，這時候 for 迴圈就是使用的時機了舉個例子，前面有說到陣列內可以放多個物件，來寫點東西吧 var...
switch 跟 if else 的使用上，常常會有一個迷思在，以下就來舉個例子： var n = '5'; switch(n){ case 5:...
在 JavaScript 內的第二種判斷式是 switch，它跟 else if 有異曲同工之妙，以下就來介紹吧! switch 架構如下: switch(代入...
if 判斷式，不僅只能做一個判斷，我們還可以再利用 else if 來增加更多的判斷式 大致上程式碼架構如下： if(判斷式){ 要執行的程式碼 }el...
前面講到比較運算子還有邏輯運算子，並非只是要單純的要回傳 true 或 false而是要搭配 if 判斷，來做程式上面的判斷， if else 判斷內有判斷式...
繼上一篇 白鷺引擎Egret Engine-實現多場景(EUI布局篇)這篇開始會講解怎麼串聯多場景 如果資訊有誤或是有更好的資訊非常非常歡迎各位指點與交流E...
繼上一篇 白鷺引擎Egret Engine-實現多場景(重構篇)這篇開始會講解如何使用EUI元件做場景的布局 如果資訊有誤或是有更好的資訊非常非常歡迎各位指...
繼上一篇 白鷺引擎Egret Engine-如何創建場景這篇開始會進入多場景的教程首先會從重構開始 因為也是一邊接觸一邊把碰到的東西分享上來如果資訊有誤或是...
繼上一篇 白鷺引擎Egret Engine-專案裡包了什麼這篇來解析如何創建場景 因為也是一邊接觸一邊把碰到的東西分享上來如果資訊有誤或是有更好的資訊非常非...
繼上一篇 無痛起手白鷺引擎Egret Engine這篇來介紹創建後專案的架構 因為也是一邊接觸一邊把碰到的東西分享上來如果資訊有誤或是有更好的資訊非常非常歡...
近期開始接觸了一套框架 - 白鷺引擎 簡單說明就是一個什麼都能做的遊戲前端框架你想要的沒意外的話它都能實作 缺點網路資源跟官方文檔很兩光網路上挖得到的資料通常不...
前面的比較運算子是用來做值的比較，接下來介紹的邏輯運算子，是用來做邏輯上面的判斷&&(and)，||(or) 生活上也會有類似的邏輯判斷，例如：...
比較運算子 part2 今天如果我們要比較兩個值的時候，除了用==(等於)，!==(不等於)，還有>(大於)，<(小於)，>=(大於等於)，...
誠徵網頁前端合作伙伴,希望能夠長期合作者為佳,至少網頁做一年以上吧,最好是常在切版,能夠做動畫之類的更好,然後可以介接API,希望是能夠前後端分離的,不過就算無...
在生活中我們常常都需要做判斷，例如肚子飢餓的程度，假設滿分是10分，若飢餓的程度大約7分，可能只想吃個小東西，若飢餓的程度為5分以下，可能就要吃個便當之類的，大...
若同時需要很多個物件，不妨參考一下前面說到陣列適合儲存多個資料，儲存物件也不例外，我們可以在陣列內儲存多個物件，如下： var farms = [ {...
前面講到了物件的屬性讀取，那如果物件的某個屬性並非值而是一個函式呢？這也是可行的，我們並非要賦予屬性一個值，也可以給予一個函式用來計算 假設 Jerry 的農場...
iThome鐵人賽
看影片追技術