Javascript

A collection of 13 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

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

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