author.image

Waiting7777

Senior Frontend Engineer

15 posts·
record.image

Engineering

Nuxt Content 在 ssr 模式時的小 bug

在用 Nuxt Content 時,如果是 ssr mode,server 端會報錯,那麼該如何修復呢?

author.image

1 min

record.image

Engineering

Nuxt Content 的 Theme - doc 使用心得

用 Nuxt Content 快速搭建的網站越來越多,而官方也推出了第一套 theme,doc 模板可以使用,讓你可以快速的建構 doc 網站。

author.image

3 min

record.image

tool

Chrome Devtools 新測試功能 CSS Overview

這是一個 chrome devtools 的新的實驗功能,看起來蠻有趣的,所以來分享一下開啟的方法以及功能介面。

author.image

1 min

record.image

Blog

恭喜這個部落格的 code 被封存到北極了 GitHub Archive Program

今天查看自己的 github 頁面時,赫然發現個 highlight - Arctic Code Vault Contributor,接下來就來簡單講解這是什麼吧。

author.image

2 min

record.image

Engineering

如何用 NodeJS 建立 Line Chatbot 聊天機器人

Line是台灣滲透率最高的通訊軟體,月活躍用戶超過2000萬。很多店家也都擁有自己的 Line chatbot,這幾天手癢製作了一個 MTG 魔法風雲會的查牌機器人,並在這篇文章中,紀錄分享心得。

author.image

6 min

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