iT邦幫忙

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

技術 JavaScript 基礎知識 - Ajax(下)

前面講到了 Ajax 用 get 的方法來撈取資料,這篇來介紹 post 的方法來傳送資料 以下是 HTML 結構: 帳號: <input type=&q...

技術 JavaScript 基礎知識 - 淺複製(shallow copy)和深複製(deep copy)

前一篇結尾講到了物件的傳參考的特性,但有時候我們希望屬性和值是被直接複製一份,並非是直接指向的 淺複製(shallow copy) 如果用一般比較傳統的方式,會...

技術 Day01 - 鐵人前言

本次參與的挑戰為由六角學院所舉辦的鼠年全馬鐵人挑戰 本身為機械系 對於程式只接觸過 Matlab、Fortran 畢業後做過許多工作,但與程式都沒什麼關聯性 要...

技術 JavaScript 基礎知識 - Ajax(上)

當我們在重新刷新一個頁面時,即使使用者沒新增任何內容,瀏覽器也會重新的去撈取許多資料 為了減輕這樣的 loading,於是就有了 Ajax 技術 例如,在任何平...

鐵人賽 自我挑戰組 DAY 1
新手初探 Vue 系列 第 1

技術 鐵人賽Day01 - 新手初探 Vue 序

這是我第一次參加鐵人賽,先說目標吧,我想藉由這樣的比賽來提升自己研究技術的能力。 過去幾個月的我,把這樣一個重要的能力流失掉了。 我還記得我剛開始接觸 web...

鐵人賽 自我挑戰組 DAY 2
新手初探 Vue 系列 第 2

技術 鐵人賽Day02 - 在 Vue 建立應用程式

Vue 的引入跟 jQuery 一樣,這裡就不多贅述,版本一樣有壓縮版本跟開發人員版本。 當引入好 Vue 之後,我們就可以先來建立第一個應用程式。 首先我們先...

鐵人賽 自我挑戰組 DAY 3
新手初探 Vue 系列 第 3

技術 鐵人賽Day03 - 試著把 Vue 的資料呈現在頁面上

前面一篇我們建立應用程式的時候把資料呈現在頁面上的方法是使用兩個大括號包覆的方式,如下: <div id="app">...

技術 Vue 之溫習 - 使用 is 動態切換元件

在某些時候,我們會希望內容在特定的情況下才顯示,例如頁籤的效果,雖然可以透過 v-if 來判斷,並顯示元件 但元件一多的時候,反而不是一個理想的方法,所以才有...

技術 Day32 - 製作巢狀路由頁面

前面我們製作了 localhost:8080/#/page 的頁面 現在我們要製作 localhost:8080/#/page/child1 localhost...

鐵人賽 Modern Web DAY 23
鉄人28号FX 系列 第 23

技術 鉄人28号FX 鉄人23号「字臉獅」@font-face

★ 地圖雷奧鎮近郊處 ↓↓↓ 閱讀前,建議先前往 鉄人22号「速記豹」獲取通行資格,此為雷奧鎮近郊續文。 顯示雷奧鎮位置圖 :真納悶?? 剛才問的問題和什麼通行...

技術 JavaScript ES6 - Promise

Promise 是 ES6 用來處理非同步的一種方法,至於是處理什麼問題呢? 非同步寫法不一致 非同步程式碼過巢 無法同時執行 以 jQuery 來說 aj...

技術 JavaScript 基礎知識 - 探討物件

JavaScript 的物件結構,基本會是 {} 包覆 屬性:值,如下: var person = { name: '小明', members:...

技術 Day34 - 自定義切換路由方法

在 vue router 文件中有提到一些方法,可以讓我們使用 參考資訊 我們先在 menu.vue 內新增兩個 <a> 連結,一個是切換到指定頁面...

技術 Day36 - 實戰之引入 Bootstrap套件,客製化樣式

準備好之後,接下來我們要來引入 Bootstrap 套件了,參考 鐵人賽Day28 - Vue Cli 我們除了可以在 App.vue 的 style 引入 B...

鐵人賽 自我挑戰組 DAY 4
新手初探 Vue 系列 第 4

技術 鐵人賽Day04 - v-bind 動態屬性指令

接下來要來介紹一個新的指令 v-bind,它是用來綁定 HTML 標籤的屬性 照慣例,Vue 的架構如下: <div id="app"...

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

最近又再重複的溫習了 Vue 的 component,希望能重新幫自己整理思緒 component 俗稱元件,在網頁我們每一個區塊內容都可以封裝成一個獨立的元件...

鐵人賽 自我挑戰組 DAY 2
重新開始的Vue.js 30day 系列 第 3

技術 從頭開始的Javascript 入門 -流程控制 Day2

從頭開始的Javascript 入門 -流程控制 Day2 白話解釋就是如果這樣 就會那樣 if...else 條件判斷 var age = 20; if (...

鐵人賽 自我挑戰組 DAY 6
新手初探 Vue 系列 第 6

技術 鐵人賽Day06 - v-on 綁定頁面行為

接下來要來介紹,如何綁定事件,以 click 事件來舉例: <div id="app"> <input type=&q...

鐵人賽 自我挑戰組 DAY 8
新手初探 Vue 系列 第 8

技術 鐵人賽Day08 - 動態加上 class

這裡來介紹在 Vue 動態加上 class 一樣先把 Vue 的架構先撰寫出來,而目標是想點擊按鈕時會在 .box 自動加上 rotate 這個 class,再...

技術 Day35 - 實戰之開啟新專案

這裡開始是實戰的學習紀錄,首先我們要先創建一個新專案,採用 Vue Cli 安裝辦法參考這裡 鐵人賽Day28 - Vue Cli 接著進行 vue route...

鐵人賽 自我挑戰組 DAY 9
新手初探 Vue 系列 第 9

技術 鐵人賽Day09 - 表單與資料雙向綁定

這篇要來介紹,基本常用的一些表單元素,與 Vue 的資料綁定時會如何做 我們一樣先把 Vue 的架構寫出來,只是這次在 data 內新增多個變數來存放不同的表單...

鐵人賽 自我挑戰組 DAY 5
新手初探 Vue 系列 第 5

技術 鐵人賽Day05 - v-for & v-if

這篇要來介紹 v-for 和 v-if 這兩個指令 相當於 JavaScript 的 for 迴圈跟 if 判斷式 一樣先把 Vue 的基本架構寫出來: &lt...

技術 Day33 - 同一個路徑載入兩個頁面元件

如果我們想要在 App.vue 執行兩個 <router-view> 是否可行 ? 答案是可以的 我們先到 App.vue 在原先的 <rou...

鐵人賽 自我挑戰組 DAY 11
新手初探 Vue 系列 第 18

技術 鐵人賽Day19 - 向外傳遞事件 emit

前面講到 props,它是由外而內傳遞資料的一種屬性 不同於 props,emit 是一種事件,而且特性是由內至外 有一種情境是,當我們在 Vue 的 meth...

鐵人賽 自我挑戰組 DAY 4
轉職新手的自學筆記 系列 第 4

技術 淺談 QA Engineer 工作內容

前兩天介紹我的轉職學習與求助資源,多少提到自己在職場的學習,而相信對程式新手而言,QA是相對陌生的職位,因此,想藉今日分享我所理解的分工與職務內容。 什麼是QA...

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

props 是從 Vue 實體傳送資料進去元件內,若是元件想要改變 Vue 實體本身的資料,這時候就會需要 emit 了 props 是一個方法,但 emit...

鐵人賽 自我挑戰組 DAY 7
新手初探 Vue 系列 第 7

技術 鐵人賽Day07 - 修飾符

先前有講到 v-on 和 v-bind 指令 v-on 用在事件上,v-bind 用在綁定標籤的屬性上 而這些指令其實是有修飾符可以用的,意指縮寫。 拿前面章節...

鐵人賽 自我挑戰組 DAY 3
重新開始的Vue.js 30day 系列 第 4

技術 從頭開始的Javascript 入門 -函式 day3

從頭開始的Javascript 入門 -函式 day3 前言 函式是物件 (除了基本型別以外的都是物件) 宣告函式名稱方式常見有兩種: 函式宣告(Functi...

鐵人賽 自我挑戰組 DAY 11
新手初探 Vue 系列 第 14

技術 鐵人賽Day14 - Computed & Watch

接下來要來介紹 Vue 裡面的 computed(計算)& watch(監聽) computed 的運用上,是我們要返回某個值且顯示到頁面上,會用到的...

鐵人賽 自我挑戰組 DAY 11
新手初探 Vue 系列 第 13

技術 鐵人賽Day13 - v-if 使用細節

在前面提到 v-if 都是搭配 v-for 來做使用,但 v-if 也可以單獨的做使用 一樣先給 Vue 的架構和資料: <script> var...