鐵人檔案
我們這次來做簡單的按鍵監聽範例，利用button監聽按鍵，觸發事件，控制div的移動，超出範圍則會重新來過。 step 1 首先先設定好會用到的data和com...
vue-good-table是一個能幫你建立表格的套件，主要用陣列的方式建立，能幫你做升冪降冪的排序，還有一些異想不到的功能~~ 此篇文章是參考:點我 安裝 在...
上篇說到了vue-good-table的基本用法，這篇來說一些動態效果。 此篇文章是參考:點我 搜尋功能 想要搜尋表格內的內容要加上: search...
這次來做一個簡單的猜數字遊戲，我們先把它分成基礎畫面data、數字生成、輸入限制和轉換、數字比對、提示和重來這七個部分。 基礎畫面 先做好一個input輸入欄位...
這篇來說明剩下的比對、提示、重來功能。 重來 很簡單，只有重新reload而已。 re(){ window.location.rel...
我們這次來實作井字遊戲(人對電腦)。我們需要兩個畫面，分別用來做選擇OX的畫面和遊戲畫面。 基本刻版 先來做選擇畫面，很簡單，只有一個div裡放兩個button...
我們繼續來實作井字遊戲(人對電腦)的先手問題、電腦對手和勝負判斷的功能。 電腦對手 因為我的寫code功力沒有很強，所以這次做的電腦對手是用亂數下的。我們先要知...
我們這次來做圖表，讓網頁更漂亮。此篇參考點我 安裝 cmd到專案資料夾 npm i -s dr-vue-echarts 到main.js import DrV...
我們這次來繼續做圖表，讓網頁更漂亮。此篇參考:點我 折線圖 這是折線圖的基本架構，元件名稱叫line-chart，資料為data2。 <template&...
經過了這次的鐵人賽，收穫頗豐，因為我本身的知識量無法湊足30天，有蠻多部分都是另外去學的，讓我學到了更多前端的技巧。 感謝舉辦鐵人賽活動的 iT邦幫忙團隊、許多...
