昨天寫到了一串code，如果對於JS沒有基礎的人可能會頭很大XD .then(function(data) { this.blogs = data....
「為什麼踏進前端？」 說起來不是多了不起的原因。其實只是覺得「哇靠能自己架一個網站的人感覺超屌欸」，然後覺得自己也想成為那樣的人 （欸好像有點正向？ 當初大學讀...
WES BOS系列影片Alex快速導讀系列影片 今天要來製作自己的影片撥放器，覺得原始的控制套件很醜?那就自己做一個，不過作者已經幫我們做好樣式了。我們還是注重...
tags: Vuejs TL;DR ✐ 要了解 Vue 的簡短歷史，筆者推薦可以自這部由 Honeypot 在 2020.02.24 發布的 Vue.js: T...
Vuex是一個非常方便且非常好用的的開發vue工具，他有點類似於react的redux~ 今天簡短介紹一下Vuex，明天就可以來實踐今天講到的東西囉! 甚麼...
在某些情況下，我們會想取消元素的預設行為，例如 <a> 標籤的 href 屬性的這個行為，此時 .preventDefault()就是一個非常好用的...
tags: Vuejs 前言 ✐ 上一篇中說明了透過 Prop，我們可以將父組件的值傳遞給子組件，這一篇中，我們會來看 Prop 的使用細節。 命名規則 ✐ 在...
WES BOS系列影片Alex快速導讀系列影片 今天要為靜態的文章，添加一些圖片進場的動畫效果練習抓取螢幕與圖片的長度，進而控制圖片的進場時間。 1.先抓出需要...
Vuex 是 Vue 提供的一種資料狀態管理的模式，它可以統一控管資料的狀態，都是在小型的 SPA 網站，元件資料的傳遞可以透過 props ，但如果是大型的...
陣列，也是 JavaScript 裡面的一種資料型別，用於儲存多筆資料。 假設今天湯姆的糖果有5顆，傑瑞的糖果有8顆，瑪莉的糖果有10顆，我們要依序針對他們去宣...
從頭開始的Javascript 入門 -變數與資料型別 Day1 前言 就像是學習國外語言，要會語法認識新單字，並且理解規則才會運用。所以學習複雜觀念之前，我們...
box-sizing屬性是用來聲明元素的width跟height包含box model的哪些部位。 適用元素： 所有可設定width跟height的元素。 va...
tags: Vuejs 作用域插槽 <slot> 內容在父模板編譯，基於 Vue 的定義，在父模板中編譯的內容訪問 parent scope，在子模...
WES BOS系列影片Alex快速導讀系列影片 Day01-JavaScript Drum Kit 思考需要的功能1.按鍵按下後需要發出聲音2.發出聲音的同時加...
tags: Vuejs 樣式渲染 畫面的呈現有時會因應資料的不同，產生不同的視覺樣式，而通常我們會使用 v-bind 指令動態渲染 HTML attribute...
箭頭函式不同於一般傳統函式，可以帶來更直觀更簡潔的寫法。 箭頭函式結構: 傳統函式如下: const Fn = function (){ return...
在撈取資料的時候，可能會遇到我們需要一直撈取同樣性質的資料，這時候 for 迴圈就是使用的時機了舉個例子，前面有說到陣列內可以放多個物件，來寫點東西吧 var...
若同時需要很多個物件，不妨參考一下前面說到陣列適合儲存多個資料，儲存物件也不例外，我們可以在陣列內儲存多個物件，如下： var farms = [ {...
Git 是一種版本控制的軟體，在早期開發時，可能會透過在資料夾的命名上來做為版本控制的依據，但是 Git 就是為了解決這個問題出現，他不僅能做到版本控制，也能追...
恭喜各位如果是從之前一步一步走來的人~ 那你已經擁有了基本的前端工程師必備技能!! 前言 我們在從一開始的那個地圖來看起，驗收一下我們這一路走來到底走過哪裡...
tags: Vuejs 組件的抽象概念 ✐ 註：下方 component 和 組件 一詞意思相同。 component 在 Vue 中是一個重要的概念，照...
轉換 (transform)實現元素的位移、旋轉、縮放等效果，可以簡單理解為變形。 移動 translate 旋轉 rotate 縮放 scale 1.2D...
前面講到比較運算子還有邏輯運算子，並非只是要單純的要回傳 true 或 false而是要搭配 if 判斷，來做程式上面的判斷， if else 判斷內有判斷式...
前面講到了物件的屬性讀取，那如果物件的某個屬性並非值而是一個函式呢？這也是可行的，我們並非要賦予屬性一個值，也可以給予一個函式用來計算 假設 Jerry 的農場...
★ 地圖西北方峽谷森林 ↓↓↓ 傳送卷軸，建議先向 鉄人2号「文本士」收集資料，此章為進階續文。 顯示峽谷森林位置圖 方向感為零摸索前進著。 峽谷森林 [行高怪...
一開始根本沒想要寫文章的哈哈哈XD，但在禮拜四看完洧杰老師的分享後，仔細想想或許能把自己學習過程做一個整合，(沒理由偷懶XDD)正好剛過23歲生日，就想不如23...
if 判斷式，不僅只能做一個判斷，我們還可以再利用 else if 來增加更多的判斷式 大致上程式碼架構如下： if(判斷式){ 要執行的程式碼 }el...
網頁上難免有些內容，會需要差不多的架構，僅替換部分的內容，簡單來說，我們前面講到的元件拿來重複利用，只是我們要替換掉部分的內容，讓元件可以達到最佳的利用化，這時...
真是值得為自己掌聲的一刻，我很少每天花時間學習一個技術或累積文章連續 30 天，但藉由這次鐵人賽給自己一個挑戰，既然我要盡快轉職，是必要給自己一些里程碑，在這次...
這裡來試著創建自己的 Promise 來處理看看非同步 ~ 首先用函式建構式創建函式，接著 return 一個 new Promise，並把 resolve(成...
ryanyen2
阿陰
喬依司
RURU Tseng
yolala
JinWen
a0265392_lin
letter liu
Tim Hsu
iThome鐵人賽
看影片追技術