iT邦幫忙

新手上路相關文章
共有 103 則文章

技術 JavaScript 基礎知識-setAttribute & getAttribute

前面講到了選取元素的方法 .querySelector() 和 .querySelectorAll() 選取到了元素,我們就可以對他們設定一些屬性,例如設定 i...

新手初探 Vue 系列 第 27

技術 鐵人賽Day28 - Vue Cli

Vue Cli是什麼? 基於 webpack 所建置的開發工具 便於使用第三方套件 (Bootstrap,axios,Vue Router...) 可運行...

技術 JavaScript 基礎知識-物件屬性的讀取

前面介紹到了物件的基本概念,以及基本語法,這篇介紹物件的屬性 舉房子的例子,房子內2間房間,有小明和小華: var house = { room: 2,...

技術 JavaScript基礎知識-事件(1)

終於研究到了事件的部分了,所謂的事件,是當使用者對頁面做出什麼動作的意思,例如:滑鼠點擊,按下鍵盤...之類的,而當使用者有這些動作時,我們又該給予什麼樣式的回...

技術 2020 六角學院 - JS 實戰班心得文章

當初為什麼報名這堂課? 買了許多線上課程,要鞭策自己每天都學習,還要能整理筆記,對於我這種毅力不夠的人,簡直就是買來放心安的。 因此自己的轉職道路才遙遙無期,...

技術 JavaScript 基礎知識-陣列

陣列,也是 JavaScript 裡面的一種資料型別,用於儲存多筆資料。 假設今天湯姆的糖果有5顆,傑瑞的糖果有8顆,瑪莉的糖果有10顆,我們要依序針對他們去宣...

新手初探 Vue 系列 第 29

技術 鐵人賽Day30 - Vue Router 及配置路由文件

首先我們要先安裝 Vue Router Vue Router 安裝參考資訊 先在終端機輸入 $npm install vue-router --save 接著我...

技術 寫給選擇障礙的人:我該不該學XX語言、XX框架?

對於初學者,我建議先花時間了解,XX語言主要用來做什麼。 你才會知道,XX語言是不是你需要學的。 你才會知道,你需要學會XX語言的哪些東西。 真正理解技術或語言...

技術 JavaScript 基礎知識-for 迴圈搭配 break 的運用

當我們在執行 for 迴圈時,如果我們是希望滿足條件後就跳脫迴圈而不要讓迴圈跑完時,這時候就可以搭配 break 來作運用 建立一個陣列資料如下: var fa...

技術 JavaScript 基礎知識-for 迴圈

在撈取資料的時候,可能會遇到我們需要一直撈取同樣性質的資料,這時候 for 迴圈就是使用的時機了 舉個例子,前面有說到陣列內可以放多個物件,來寫點東西吧 var...

技術 JavaScript 基礎知識-物件搭配 function

前面講到了物件的屬性讀取,那如果物件的某個屬性並非值而是一個函式呢? 這也是可行的,我們並非要賦予屬性一個值,也可以給予一個函式用來計算 假設 Jerry 的農...

技術 JavaScript 基礎知識-else if

if 判斷式,不僅只能做一個判斷,我們還可以再利用 else if 來增加更多的判斷式 大致上程式碼架構如下: if(判斷式){ 要執行的程式碼 }el...

技術 JavaScript 基礎知識-if else 判斷

前面講到比較運算子還有邏輯運算子,並非只是要單純的要回傳 true 或 false 而是要搭配 if 判斷,來做程式上面的判斷, if else 判斷內有判斷式...

技術 JavaScript 基礎知識-物件+陣列的組合

若同時需要很多個物件,不妨參考一下前面說到陣列適合儲存多個資料,儲存物件也不例外,我們可以在陣列內儲存多個物件,如下: var farms = [ {...

新手初探 Vue 系列 第 30

技術 鐵人賽Day31 - 新增路由路徑及連結

按照鐵人賽的規則,只要發文30篇即可,但是我不小心把 Day5 給刪了,所以才會有 Day31 的出現 雖然我中間因為忘記發文早已失去資格了 但是這裡我還是...

新手初探 Vue 系列 第 26

技術 鐵人賽Day27 - 常用的陣列方法

前一篇有講到 .forEach() 和 .map(),所以這裡就不講這兩個部分,我們先有個基本的陣列資料: const people = [ { n...

技術 JavaScript ES6 - 創建自己的 Promise & 鏈接技巧

這裡來試著創建自己的 Promise 來處理看看非同步 ~ 首先用函式建構式創建函式,接著 return 一個 new Promise,並把 resolve(成...

技術 JavaScript 基礎知識-比較運算子 >,<,>=,<=

比較運算子 part2 今天如果我們要比較兩個值的時候,除了用==(等於),!==(不等於),還有>(大於),<(小於),>=(大於等於),...

技術 python [Day2] 基礎教學 -變數

那這邊先聊一下 有學過其他語言的一定知道在寫程式中最最最終要的一定就是變數啦~~ 如果沒有變數就等於要你裝一杯水卻不給你杯子一樣 今天就來介紹一下變數 首先要了...

新手初探 Vue 系列 第 28

技術 鐵人賽Day29 - Vue 插曲之 Git 基本指令

這次的挑戰也即將要進入尾聲了,雖然不能準時完賽,但至少我盡力了,但還是覺得有點可惜 之所以會這麼跳 tone 跑到 Git 來,是因為剛好有這個需求,就順便來摸...

技術 JavaScript ES6 - 箭頭函式(arrow function)

箭頭函式不同於一般傳統函式,可以帶來更直觀更簡潔的寫法。 箭頭函式結構: 傳統函式如下: const Fn = function (){ return...

新手初探 Vue 系列 第 24

技術 鐵人賽Day25 - ES6 之箭頭函式

var callSomeone = function (someone) { return someone + '吃飯了' } 上面是我們一般傳統函式的寫...

技術 Vue 之溫習 component 的世界 - slot

網頁上難免有些內容,會需要差不多的架構,僅替換部分的內容,簡單來說,我們前面講到的元件拿來重複利用,只是我們要替換掉部分的內容,讓元件可以達到最佳的利用化,這時...

技術 JavaScript基礎知識-事件(2)

前面講到三種事件綁定的方法,撇除掉第一種較危險的方式之外,來談談第二種跟第三種的差異性 以點擊事件為例: <input type="button...

新手初探 Vue 系列 第 22

技術 鐵人賽Day23 - ES6 之解構賦值

解構賦值的概念,有點像是把一份資料複製到另外一份,在以往我們要把陣列的值取出來,要透過宣告一個變數來放置,如下: let family = ['小明', '杰倫...

新手初探 Vue 系列 第 25

技術 鐵人賽Day26 - ES6 之字串模板 Template String

在以往我們在字串的組合上會比較冗長,如下: const people = [ { name: '小明', friends: 2 },...

技術 JavaScript 基礎知識- 取消預設行為,了解元素所在位置

在某些情況下,我們會想取消元素的預設行為,例如 <a> 標籤的 href 屬性的這個行為,此時 .preventDefault() 就是一個非常好用...

技術 Vue 之溫習 component 的世界 - 2

元件內的內容並非固定,有時候我們會透過 Ajax 撈資料回來再渲染到頁面上,而通常我們撈回來的資料都會存放到 Vue 實體的 data 內,這時候元件想要讀取...

技術 Vue 之 Vue.filter()

Vue.filter() 可以用做單一值的修改,例如:為數字加上千分位逗號、轉換時間格式...等 基本的結構會如下: <div id="app&...

新手初探 Vue 系列 第 23

技術 鐵人賽Day24 - ES6 之縮寫

const Frieza = '弗利沙' const GinyuTeam = { Ginyu: '基紐', Jeice: '吉斯', burter:...