iT邦幫忙

自學筆記相關文章
共有 262 則文章

技術 Git fork & upstream & projects

被fork的項目一般會稱作upstream,如下圖右邊的倉庫。 當upstream的倉庫做了更動,我們fork的項目就會落後upstream,要如何去與ups...

技術 JS30 Day 11 - Custom Video Player學習筆記

今天要的題目是要來客製化一個影片播放器,做完之後,更加熟悉video的一些屬性跟方法,如果不是有什麼特別需求,我覺得controls ( ),就很夠用了。 完...

技術 JQuery 學習紀錄 ( 5 )

創建節點 js創建節點方法 // var box = document.getElementById('box');...

技術 JQuery 學習紀錄 ( 4 )

show與hide動畫 show不傳參數,會沒有動畫效果。show傳參數,會有動畫效果。參數為speed:動畫持續時間,可以是毫秒值(200ms),或固定字符串...

技術 JQuery 學習紀錄(3)

CSS樣式 DOM改變樣式,可利用className,改變類樣式 or style 行內樣式,一般來說,style不用擔心權重問題,而className會要擔心...

技術 Git pull request

什麼是Pull Request? 當我們想對些遠端第三方的其他倉庫,在裡面做些更改,或有bug我們想要修改並貢獻,就可以透過pull request。 如果直接...

技術 Git SSH

今天要來介紹一些SSH的操作及相關指令,一般我們要連結到遠端server通常都要透過git push origin master,這種方式需要登入帳密,且容易被...

技術 JS30 Day 10 - Hold Shift and Check Checkboxes學習筆記

今天的題目功能是當我們按下checkbox以後,按著shift不放,再按下另一個checkbox,會把兩個checkbox之間的checked都設為true,主...

技術 JS30 Day 9 - Dev Tools Domination 學習筆記

今天主要是介紹一些我們console的tool 在開始前我們將console設成變數,並將會用到的console給寫進去,方便用來如果要開啟或關閉全部conso...

技術 [自學筆記] ES6 的好用地方

知識淺短的我~對於這種事就會像是發現新大陸 哈哈~ 看到書上的ES6寫法 let a = [...b]; // 可以用來複製陣列 這與一般認為的 a = b...

技術 Git Remote branch & pull & tag

接著上Remote 1來介紹,資料同步的另一種方法pull。 方法二 git pull: git merge及git fetch的綜合體,較為快速。 我們在遠端...

技術 Git Remote branch & merge & fetch

今天要來介紹一些與Github有關的操作,還有branch的一些操作等等。 首先我們在Github,創建一個新的repository,因為我們已在local有創...

技術 Sass/Scss 基礎知識 學習筆記

Sass/Scss是一個非常好用的預處理器,所謂預處理器,就是可以在我們轉變成CSS之前,更有結構性寫、簡潔、清晰且好維護的 CSS 程式碼,在大型專案中可說是...

技術 Git reset & restore & .gitignore

當我們創建資料會放到working directory,而這時候我們不能夠commit,資料需要透過git add xxx放到staging area,而後我們...

技術 Git Local & Basic command

Git又稱作 vesion control system 是一個版本控制系統,當我們在做一個project、files的時候,可以由多人,不同地點,不同時間去編...

技術 JS30 Day 8 - Fun with HTML5 Canvas 學習筆記

今天主要利用 <canvas> 這個 HTML 元素來做出我們要的功能,我們可以利用程式腳本在這個元素上繪圖(通常是用 JS)、合成圖片或動畫效果。...

技術 JS30 Day 7 - Array Cardio Day 2學習筆記

今天,這個單元主要是銜接Day4,練習並熟悉關於陣列的一些方法,如比對資料、搜尋資料、刪除增加資料等等。而題目分為5題 此處為題目會用到的資料 con...

技術 JS30 Day 6 - Type Ahead學習筆記

這次的章節,對於正規表達式不熟悉的我,是個非常難理解的,花了大概半天才理解清楚,程式碼全部的意思,也希望如果有地方寫得不好,請見諒,或是大大能夠補充,謝謝! 這...

技術 [自學筆記] vue.js 關鍵字搜尋

參考文章:https://cythilya.github.io/2017/04/15/vue-watch/ <el-input placeholder=&...

技術 JS30 Day 5 - Flex Panel Gallery學習筆記

這次的練習,也比較簡單,但也有些需要注意的地方,大多都在css的控制 以下為原始碼 https://github.com/87JoJo/05---Flex-Pa...

技術 JS30 Day 4 - Array Cardio Day 學習筆記

今天,這個單元主要是練習並熟悉關於陣列的一些方法,如處理資料、篩選資料等等。而題目也分為8題 此處為題目會用到的資料 const inventors = [...

技術 JS30 Day 3 - Playing with CSS Variables and JS 學習筆記

今天要利用CSS變數來控制圖像的設置 以下為原始檔 https://github.com/87JoJo/Playing-with-CSS-Variables-a...

技術 JS30 Day 2 - CSS + JS Clock 學習筆記

以下為原始檔 https://github.com/87JoJo/02---JS-and-CSS-Clock 這次的練習,是要做一個小時鐘,而重點在於CSS的撰...

技術 JS30 Day 1 - Drum Kit 學習筆記

這次,要紀錄自己在JS30 DAY的筆記,謝謝! 以下為原始檔https://github.com/87JoJo/01---JavaScript-Drum-Ki...

技術 CSS-Grid 學習筆記

今天也來分享一下,自己昨天從AMOS大大的直播,所學到的CSS grid知識,有誤的地方,歡迎指證並還請見諒,謝謝! CSS Grid有點線面的概念,可以應用在...

鐵人賽 自我挑戰組 DAY 30
從門外漢到前端新手 系列 第 30

達標好文 技術 Day30 CSS:Transform: translate

Transform是CSS中,用來改變視覺格式化模型(visual formatting model)的各種型態,且它具有三維的概念,可以聲明元素的三維視覺效果...

鐵人賽 自我挑戰組 DAY 29
從門外漢到前端新手 系列 第 29

技術 Day25 CSS:Position

position是用來定位元素的屬性。它是指定top、left、right、bottom的數值,來決定元素的位置。而它的定位是依照基準來位移,基準依positi...

鐵人賽 自我挑戰組 DAY 28
從門外漢到前端新手 系列 第 28

技術 Day28 CSS:Float

Float浮動屬性 float的使用,通常是想在版面上做出文繞圖的效果,但也可以應用在元素的左右對齊。float屬性有下列定位特性: 讓元素脫離normal...

鐵人賽 自我挑戰組 DAY 27
從門外漢到前端新手 系列 第 27

技術 Day27 CSS:Display

在認識了normal flow中BFC與IFC的概念後,我們要來認識以這兩個佈局規則為基準的display屬性。display屬性也有特殊的佈局如flex及gr...

鐵人賽 自我挑戰組 DAY 26
從門外漢到前端新手 系列 第 26

技術 Day22 CSS:IFC(Inline formatting context)

上一篇我們知道了block box會參與BFC的佈局 ; 這篇所說的IFC則是inline box所參與的佈局,而IFC是block contaner box創...