author.image

Waiting7777

Senior Frontend Engineer

10 posts·
record.image

Engineering

Creating a Blog with Nuxt Content (中翻)

NuxtJS 的 content module 是一個 git 檔案基礎的 headless CMS,可以提供很多厲害的功能來寫 blog,或是文件網站,或是幫一般網站新增內容,在這篇文章中,我們會看一遍它的優點,以及如何用它來建立一個 blog 網站。

author.image

20 min

record.image

Engineering

初探 Vue 3.0 中的 Proxy

Vue 3.0 中有個改進是:將使用更快的原生 Proxy 來取代原本的 Object.defineProperty,那麼就來看看 proxy 是什麼吧!

author.image

4 min

record.image

Engineering

NuxtJS -- Going Full Static (中翻)

NuxtJS 中,有個 nuxt generate 指令可以產出靜態頁面,但因為這功能是很早以前開發的,一直跟 NuxtJS ssr 的部分有著千絲萬縷的關聯(問題),在 2.13.0 之後新增了 nuxt export 來產出'完全'的靜態頁面。

author.image

5 min

record.image

Datavisualization

用 SVG stroke-dasharray 完成倒數計時器

SVG 有個 css 屬性叫做 stroke-dasharray,利用它再配合 transition 或是 animate 等等 css 特性,就可以做出 svg 線條的動畫。

author.image

4 min

record.image

Engineering

Nuxt Content 初探心得

NuxtJs 團隊在今年拿到融資以後,開始著手建立更多好用的原生掛件,讓生態系更加豐富,那麼以下是 Nuxt Content 的使用測試心得。

author.image

3 min

record.image

Engineering

盡信框架,不如不要框架,vuetifyjs 踩雷心得。

因為公司案子使用了 vuetifyjs 這個 css framework,卻遇到了麻煩的效能問題,就做了個實驗來驗證,到底用框架會遇到啥問題。

author.image

4 min

record.image

Engineering

How to construct svg icon system in Vue

如何在自己的 Vue app 裡面,建構完整的 svg icon 系統。

author.image

7 min

record.image

Engineering

Nodejs 的下一代?Deno 1.0 理念翻譯及初探心得。

有 Nodejs 之父之稱的 Ryan Dahl, 因為 Nodejs 裡面隱藏了太多的技術債,所以下定決心開發一個新的語言。

author.image

3 min

record.image

Blog

用 Gridsome 搭建自己的 Blog

如同 React 有 Gatsby 這個靜態網站生成器,那麼 Vue 版本的 Gridsome 使用起來如何?。

author.image

3 min

record.image

Engineering

How to build a vue component library

如果用 vue.js 開發了某個 component ,而希望將它包成 library放到npm讓大家使用的話,到底應該怎麼做呢?

author.image

2 min