今天是距離完賽倒數一天了，我們也準備要把我們之前三十天努力的心血deploy到網路上!! 前言 我們每當做了一個網站，如果你希望大家可以使用到你的網站的話，...
影片 內容 用 Svelte 實作通知佇列 UI 並且在跨元件之間溝通 ◼︎ 相關連結： ・Svelte 官網 https://svelte.dev・程式碼連...
愷開
‧
2020-09-28
postman 不是人而是一個software，專門拿來測試API~ 我曾經在這裡【D19 - 用Vue實作網頁】請GET我然後POST我出去吧!講到API的...
影片 內容 本次程式碼連結：https://svelte.dev/repl/df5cb8d11d214af881d109b0c7c10b51?version...
愷開
‧
2020-09-27
Vuex是一個非常方便且非常好用的的開發vue工具，他有點類似於react的redux~ 今天簡短介紹一下Vuex，明天就可以來實踐今天講到的東西囉! 甚麼...
現今的網頁架構相較於過往偏向靜態的形式已經變得複雜許多，大部分資料都要靠動態抓取，而抓取資料的過程就會產生許多 Request 請求去取得 Response ，...
在上一篇文章中我們了解了 proxy pattern 的概念，也明白現今軟體架構有非常多適合應用這個 pattern 的 use cases。今天則想聚焦在 h...
昨天我們提到了Firebase 的Authentication~ 今天就會純coding，帶大家走過一遍完整的登入到登出流程! 前言 今天會比較多codin...
tags: Vuejs computed 與 method 的混淆 在模板中要對資料計算或是轉換時，computed 與 method 往往能替我們做到同樣的事...
影片 內容 透過 Svelte 來實作一個客製化的 Slider，並且盡可能地涵蓋多一點細節。 ◼︎ 簡報連結：https://speakerdeck.com...
愷開
‧
2020-09-23
不得不說firebase真的很厲害，或著說google大大很厲害XDXD。firebase除了可以做到realtime-databse, fire-store...
今天又要講到一些概念了~ 因為昨天我們不小心遇到了兩個好傢伙XD (async, await)，所以我們直接開始今天主題吧! 前言 我們會講到: Dyna...
這篇文章會根據昨天講到的firebase作為延伸~ 希望你可以先讀一下昨天那篇*(除非你會firebase了XD)* https://ithelp.ithom...
相信很多人都知道火力基地到底有多火了XD，火力基地就是我們熟悉的Firebase~ 今天要帶各位看一下firebase基本功能還有要如何應用到我們的proje...
影片 內容 Svelte 當中有 slot 語法（directive）可供使用，使用方法與 Vue 的 slot 類似，可以增加元件客製化的彈性。 class...
愷開
‧
2020-09-19
HTTP Request 一直以來都是一個很大的課題，他也牽扯到了API的概念，所以這篇基本上我們就要好好聊聊API是甚麼? Vue 要怎麼用到HTTP re...
今天會用到之前所有的所學~ 如果還沒跟上進度的話建議你要先看之前的 (標題有用vue實作網頁)，或是到我的 github 上面去看code! 前言 我們前三...
影片 內容 Svelte 內建有相當豐富的 transition 機制，可以透過簡單的語法來達到不錯的 UI 互動！ ◼︎ 簡報連結：https://spea...
愷開
‧
2020-09-17
美式餐廳的櫃檯收銀員，他的名字叫做小杰，雖然他不懂為什麼老闆不給他買一台收銀機，但還是繼續打開 Chrome console 幫店員們結帳。 但別忘了老闆總是有...
我這次標題直接給她猛烈的亂下，但其實Mixins就真的是代表一個 讓元件共用的方法，Mixin 就是指這個共用的元件，而這個元件可以包含任何的componen...
在使用wordpress主題的時候，是不是總是有些地方感到不滿意，希望在後台進行修改，進行客製化設計，卻總是苦於對打程式碼毫無理解，不知從何入手？是不是了解了w...
昨天寫到了一串code，如果對於JS沒有基礎的人可能會頭很大XD .then(function(data) { this.blogs = data....
tags: Vuejs 前言 在開始之前，先簡單的自我介紹 ～ 筆者是名新手前端工程師，過往是平面設計師，目前學習前端約 1 年半的時間，本篇鐵人會集中在 Vu...
我朝思暮想想了又想~ 覺得這個project可以先暫訂拿來做一個小部落格的樣子，而再開發一個部落格時候，我們可以有小到大去開發! 甚麼意思? 就是說部落格應該...
前言 今天要在跟各位插播一個概念，因為之後會用到，這也是在Vue的世界裡面相當重要的概念: 就是 life-cycle hook! Hook 本身有鉤子的意思~...
今天要講的東西非常的實用，曾經我還是開發小盟新時去找了一個實習，結果他問我~ 你知道router是甚麼嗎....我竟然跟他說: 「知道! 是路由器~」雖然ro...
今天要講到的東西我部會用在這個project上，(也可能會啦不確定)XD，但不論如何，他是一個非常重要的東西~ 前言 在我們昨天講到組件components...
今天會開始一個專案~ 但在開啟之前希望各位都有讀過之前的文章，至少了解一下這個專案的架構還有環境的建置! 前言 這邊先列舉幾個比較重要的東西要先下載~ n...
前言 昨天講到了{{}}這個Vue的雙下巴之外，也提到了一些資料綁定 (Data Binding)的部分~ 但Vue可以綁定得遠遠不只頁面上的內容，Vue也可以...
首先我們要先了解甚麼是模板語法? 而甚麼是模板? 模板 模板其實跟render function 是一樣的運作模式的~我們會將模板編譯成為render func...
ryanyen2
莫力全 Kyle Mo
RURU Tseng
thewayeasy
iThome鐵人賽
看影片追技術