前端的框架部分,其實之前就有碰過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可以輸出字串,如果為...
被fork的項目一般會稱作upstream,如下圖右邊的倉庫。 當upstream的倉庫做了更動,我們fork的項目就會落後upstream,要如何去與ups...
今天要的題目是要來客製化一個影片播放器,做完之後,更加熟悉video的一些屬性跟方法,如果不是有什麼特別需求,我覺得controls ( ),就很夠用了。 完...
創建節點 js創建節點方法 // var box = document.getElementById('box');...
show與hide動畫 show不傳參數,會沒有動畫效果。show傳參數,會有動畫效果。參數為speed:動畫持續時間,可以是毫秒值(200ms),或固定字符串...
什麼是Pull Request? 當我們想對些遠端第三方的其他倉庫,在裡面做些更改,或有bug我們想要修改並貢獻,就可以透過pull request。 如果直接...
今天要來介紹一些SSH的操作及相關指令,一般我們要連結到遠端server通常都要透過git push origin master,這種方式需要登入帳密,且容易被...
今天的題目功能是當我們按下checkbox以後,按著shift不放,再按下另一個checkbox,會把兩個checkbox之間的checked都設為true,主...
今天主要是介紹一些我們console的tool 在開始前我們將console設成變數,並將會用到的console給寫進去,方便用來如果要開啟或關閉全部conso...
知識淺短的我~對於這種事就會像是發現新大陸 哈哈~ 看到書上的ES6寫法 let a = [...b]; // 可以用來複製陣列 這與一般認為的 a = b...
接著上Remote 1來介紹,資料同步的另一種方法pull。 方法二 git pull: git merge及git fetch的綜合體,較為快速。 我們在遠端...
今天要來介紹一些與Github有關的操作,還有branch的一些操作等等。 首先我們在Github,創建一個新的repository,因為我們已在local有創...
Sass/Scss是一個非常好用的預處理器,所謂預處理器,就是可以在我們轉變成CSS之前,更有結構性寫、簡潔、清晰且好維護的 CSS 程式碼,在大型專案中可說是...
當我們創建資料會放到working directory,而這時候我們不能夠commit,資料需要透過git add xxx放到staging area,而後我們...
Git又稱作 vesion control system 是一個版本控制系統,當我們在做一個project、files的時候,可以由多人,不同地點,不同時間去編...
今天主要利用 <canvas> 這個 HTML 元素來做出我們要的功能,我們可以利用程式腳本在這個元素上繪圖(通常是用 JS)、合成圖片或動畫效果。...
今天,這個單元主要是銜接Day4,練習並熟悉關於陣列的一些方法,如比對資料、搜尋資料、刪除增加資料等等。而題目分為5題 此處為題目會用到的資料 con...
這次的章節,對於正規表達式不熟悉的我,是個非常難理解的,花了大概半天才理解清楚,程式碼全部的意思,也希望如果有地方寫得不好,請見諒,或是大大能夠補充,謝謝! 這...
參考文章:https://cythilya.github.io/2017/04/15/vue-watch/ <el-input placeholder=&...
這次的練習,也比較簡單,但也有些需要注意的地方,大多都在css的控制 以下為原始碼 https://github.com/87JoJo/05---Flex-Pa...
今天,這個單元主要是練習並熟悉關於陣列的一些方法,如處理資料、篩選資料等等。而題目也分為8題 此處為題目會用到的資料 const inventors = [...
今天要利用CSS變數來控制圖像的設置 以下為原始檔 https://github.com/87JoJo/Playing-with-CSS-Variables-a...