iT邦幫忙

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

技術 Vue 之 Vue.filter()

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

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

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

技術 JavaScript ES6 - Promise

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

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

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

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

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

技術 非本科系探討學程式這件事

我是最近寫的一個投資策略的python程式碼 希望知道如何改善這篇的作者 因為來這邊有了一些收穫 也發現許多資源 打一篇文章回饋給版上 先說說我自己吧 我目前大...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

技術 Day01 - 鐵人前言

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

技術 Raspberry Pi 4 的基本介紹

其實Raspberry pi 不是一個很特別的東西,簡單來說就是一個Linux系統的開發版 (會說是開發版原因,大概主要就是板子上面有GPIO的接口,讓玩家可以...

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

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

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

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

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

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

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

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

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

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

新手初探 Vue 系列 第 30

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

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

新手初探 Vue 系列 第 29

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

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

新手初探 Vue 系列 第 28

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

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

新手初探 Vue 系列 第 27

技術 鐵人賽Day28 - Vue Cli

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

新手初探 Vue 系列 第 26

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

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

新手初探 Vue 系列 第 25

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

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

新手初探 Vue 系列 第 24

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

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

新手初探 Vue 系列 第 23

技術 鐵人賽Day24 - ES6 之縮寫

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