[JSDC] 全台最大 JS 研討會前直播上線啦!

先感謝 JSDC 團隊邀請,這次的直播企劃真的是超快閃,週一晚上接到邀請,週二花了一個小時喬 rundown,然後週三晚上就直接上了,幾乎是沒什麼準備的機會,超刺激。還好直播中沒有什麼太大的意外,也謝謝來自各方的觀眾願意來聽我這個大叔練肖威。

這次直播主要就是做個簡單的訪談,跟大家聊聊出社會這些年來是怎麼踏入前端領域的過程。

閱讀全文

在 Vue 取得 jsonp 的方式

如果你是從 V1 就開始用 Vue 開發的朋友,一定知道 Vue.js 重要的核心特性就是只關注於 view layout 的呈現與 Components 系統,提供最小化且必要的功能給開發者。 其他的功能都可以自由選用第三方套件來完成,這也是為什麼被稱為「漸進式框架」的原因。

所以,如果我們用 Vue.js 來開發網站,且想使用 ajax 從遠端取得資源的時候,也許有些人會選用 jQuery ($.get / $.ajax ...等) ,也有些人會用 vue-resource 來做搭配。 早期官方推薦 vue-resource,到了 V2 官方的推薦 lib 改為 Axios 或是直接用原生 Fetch API

閱讀全文

從 Vue 來看 CSS 管理方案的發展

昨天看到 caesar 大大發表的 react & CSS 另類新選擇,講的其實是 styled-components + react 的 CSS 處理方案。 現今的幾個主流前端框架大多也有類似的做法,身為 Vue 的擁護者,這裡就來簡單說明一下 Vue 的處理方式。

閱讀全文

不需編譯也能載入 .vue 元件檔: 使用 http-vue-loader

上週在 Vue 社群圈有個令人興奮的熱門新聞: CodePen 可以支援 .vue 檔案了!

閱讀全文

如何在 Vue-CLI 建立的開發環境呼叫跨域遠端 RESTful APIs

前幾天在 VueTW 活動結束後,有朋友來問:Vue 的開發環境能不能在 local 端建立 proxy 服務來解決跨域讀取後端的 API, 隔壁棚的 Angular CLI 好像有這功能Vue-CLI 是不是也能做到。

閱讀全文

[VueJS-V2] 在 v-for 列表完成分頁功能 (從 v1 至 v2)

Vue 2 都發行半年多了,直到最近有網友留言這才想起一直沒更新裡面的內容,囧。

延續上回 [VueJS] 在 v-for 列表中透過 filter 完成搜尋與分頁的功能 這篇的說明,

閱讀全文

[筆記] Google 街景 API 加入圖標與預設角度計算

相信大家都知道 Google Map 在多年以前就開放了「街景檢視」這樣的服務,當然 Google Map API 也提供了給開發者使用相關的 API 服務:「Street View Service」來開發地圖的應用。

閱讀全文

透過 Vue-CLI 建置專案時,自動切換 devtools 的 debug 環境

Vue 提供了相當好用的 debug 工具 (Chrome 套件), Vue.js devtools,在安裝之後當你用 Chrome 開啟 Vue 專案時,Chrome 的開發者工具會多出一個 Vue 的 Tab,然後把 Vue Instance 裡的屬性通通列出來:

閱讀全文

利用 Yarn 安裝 Vue-cli

這兩天 JavaScript 圈子的最大新聞應該就是 Facebook 發布了一套新的 JavaScript 套件管理工具 Yarn,感覺來勢洶洶勢不可擋。 實際花了一點時間試用,表現的確也比過去 npm 好很多,尤其過去 npm install 速度過慢,套件相依衝突的問題,目前在 Yarn 還沒遇到。 即使是剛開始 yarn run scripts 無法帶入參數的問題,在發布的第二天也快速地更新 (v0.15.1) 解決了。 👍

閱讀全文

[筆記] 透過 Composition Events 增強非拉丁語系輸入法對輸入框的支援

最近在爬 Vue 的原始碼的時候,意外發現兩個沒看過的 event:compositionstartcompositionend。 查了一下 MDN 才發現這些叫做「Composition Events」的 event 是從 DOM Level 3 之後才新增的。

閱讀全文