在MySQL的database的table中，主要以column,row組成。資料行(Column)是指資料表中的某些「欄位」，以「垂直」方式來呈現，其head...
至 https://dev.mysql.com/downloads/windows/installer/ 當安裝完成後，會需要輸入密碼，也就是安裝時，叫我們輸入...
參考文章: https://juejin.im/post/6846687584710557710 新看到的方法:Object.is(val1,val2); ES...
今天兩個章節寫在一起，因為兩個份量都算較少，首先我們來分享Day21的章節。此章節功能是利用Geolocation API，取得我們目前位置的經緯度、方向、速度...
vue-router是一個很好用的工具，因為過去在換頁通常會透過後端處理。而目前為了減少讀取時間，目前大多都採用SPA（單頁式應用）來製作，如前端框架，而在切換...
今天我們要來利用模組化後的Vue來進行一些操作。而組件的基本架構如下: <template> 模板 <h1 class="t...
Vue CLi安裝:通過配套的圖形化界面創建、開發和管理你的項目。 直接至官網按照步驟 https://cli.vuejs.org/zh/ 注意Node.js...
今天要來做的是一個語音辨識的功能，當我們講話時，可以判斷並將我們說的話渲染至頁面上。 Web Speech API 讓我們能將「聲音」這個要素融合進網頁應用程...
以下要分享一些從金魚腦切版中及自己在切版過程中學到的一些知識點。 https://ithelp.ithome.com.tw/users/20112550/iro...
接續前個文章 API的基本操作 https://ithelp.ithome.com.tw/articles/10232465我們直接來透過實戰練習如何串接API...
首先我們創建一個db.json，並下載json-server，並配合POSTMAN對其做增刪改查的操作。 而在package.json的檔案中，我們在scri...
今天這個章節主要是利用電腦的視訊鏡頭，以canvas為基底，去改變我們的畫面色彩、透明度等等。 而我就依照比較重要的重點來分享。 canplay:當影片播放時，...
終於進入生命週期的部分拉，所謂生命週期就如同人的生老病死，而程式不外乎也會經過這個流程。 創建階段 beforecreate(少用) 首先 Vue Insta...
今天要來分享的是關於資料的觀測及設定。 首先這是我們的html資料，點一下對應的圖標，其圖標數字會加一。 <div cla...
今天我要分享如何用Vue寫出簡單動畫效果。 CSS動畫 Vue提供transition的tag，可增加載入時的漸變效果。mode為動畫模式(out-in淡出淡入...
這次的主題主要是利用reduce將時間做一個總和，並計算出時分秒。 首先獲取我們全部的li，並轉為陣列型式。 let li = Array.from(d...
今天，主題是在講排序的東西，成果如下圖。 要處理的資料。 const bands = ['The Plot in You', 'The Devil...
今天要做的功能是當滑鼠移動時，字會產生陰影並跟著滑鼠最對應的位移。 由於今天內容較少，就不一一描述程式碼的部分了。 首先我們要先了解以下幾點觀念: offset...
這次做得功能類似to do list，不過只有增加及改變狀態的功能。 在開始之前我們需要先大致了解，本地的資料庫也就是F12=>Application下...
今天在一個情境下，假如我們在一個分支下做開發，但還沒開發完成，master出現嚴重問題需要優先處理，此時我們直接git checkout master，切換到m...
今天一個情境下為，我們在master創建一個有bug的文件，而後在創建一個分支(stable 1.x)，此時此分支與master是同步的，而後我們在master...
前端的框架部分，其實之前就有碰過React了，但學不太起來，過一段時間也忘了，之後被朋友驅使來學Vue，所以就來記錄一下Vue的學習過程吧。 vue為MVVM框...
這個章節比較偏觀念，如淺複製及深複製的一些概念，我覺得是非常重要的重點。 start with strings, numbers and booleans 首先...
今天的功能是當往下滾動頁面，會在對應的地方顯示圖片。 首先，獲取全部圖片，並將視窗增加滾動事件。而作者有寫一個debounce的函數，我們將滾動的事件函數當作...
這邊來分享關於載入文檔的一些方法及clone方法。 1.手動加載 利用include引入即可，但include有缺點，他會重複引入，所以我們可以透過includ...
今天來分享賦值、class的一些方法，static等等。 賦值by reference: 像是js的賦值就都是by reference，也就是當你去複製一個物件...
今天要來分享一個關於merge與rebase的差別。 此為兩者的示意圖:左為rebase，右為merge。 merge: 首先在master分支上做兩次com...
今天要來做的功能是，按下指定鍵盤按鍵，就會輸出彩蛋。而我們設置的彩蛋按鈕是，上上下下左右左右BABA。 成果如下圖: 首先，我們先創建彩蛋的code，也就是指定...
今天學的東西，需要有OOP的觀念，也就是物件導向的觀念，由於之前自己學過JS後，以為物件都是可以直接創建。但事實並非如此，而是需要搭配class(類)來創建我們...
最近，開始學習PHP，但還沒有碰很多，希望把一些基本簡單的知識，能夠記錄下來。 PHP的開頭是<?php，程式碼都寫在裡面，而echo可以輸出字串，如果為...
iThome鐵人賽
看影片追技術