All Stories
vue 條件式渲染 v-if v-else v-else-if
我們在前面的章節裡學會了怎麼把數據綁定到HTML元素上,動態的生成我們所想要的頁面。但我們不會總是希望將所有的內容都呈現到網頁上,在某些情況我們會想要根據某些條件,將HTML元素隱藏、顯示、插入或移除。
In vue3, Sep 22, 2020Directives指令初探: v-bind 屬性綁定
前一章提到的數據綁定 {{}} Mustache語法 不能直接作用在 HTML屬性或方法上,因此當我們想要動態綁定 HTML屬性或方法時,就需要 Directives指令 的幫忙。
In vue3, Sep 21, 2020Vue3 數據綁定
前面我們介紹過 Vue Composition API的組織結構,如何在 .vue 檔案寫進html、vue component和style,也教了怎麼配置Webpack去解析及打包我們的前端項目,一切就緒後就可以準備正式進入 Vue3 的世界了。
In vue3 tutorial, Sep 15, 2020Vue3: Composition api
首先,我們先來看一下 Vue2 的 Options Api 於大規模網路應用程序中的侷限性,它主要存在著以下三個缺點: 大型組件很難維護 組件邏輯複用困難 對Typescript的支持有限
In vue3 tutorial, Sep 02, 2020Vue3: Single file component
假使你是一個剛起步學習Vue的前端工程師,你很有可能在官方教程 學到如何在網頁中導入Vue框架: 在 <script> 標籤中直接引用。這確實是最有效率的Vue導入方式。
In vue3 tutorial, Sep 01, 2020淺談 Bundle、Webpack與Vue-CLI
網頁(Web Page)進化成網頁應用程式(Web Application, 以下簡稱Web App)會具現以下特點: 更多的JavaScript 更多的用戶界面 網頁在提供服務的過程中,盡可能少刷新整個頁面
In vue3 tutorial, Aug 28, 2020Node.js在不同平台上的安裝方法
Node.js是一個基於Chrome V8引擎的javascript的運行環境,其特點是單線程、事件驅動,非阻塞I/O模型,非常輕便高效,其包管理工具npm,是全球最大的開源庫生態系統。
In vue3 tutorial, Aug 27, 2020[翻釋]2020最值得學習的前端框架:React vs Angular vs Vue
這篇文章是一個全面的指南,告訴你哪個才是最適合你的解決方案:Angular vs React vs Vue。
In frontend, Aug 08, 2020如何使用Python的日誌模組提高生產力
日誌記錄是程序員工具箱中非常有用的工具。它可以幫助您更好地理解程序的流程,並發現在開發過程中可能沒有想到的場景。
In python, Aug 07, 2020How to create a Vue 3 Project
踏入Vue 3的第一步,讓我們學習如何安裝、創建和配置一個Vue3的專案項目吧。 溫馨提醞: 在google以”Vue 3” “安裝”為關鍵字的搜尋結果大多是vue-cli3的安裝教學,千萬要小心圖文不符的教學文章。
In frontend, Aug 05, 2020Featured
-
Reading Plan
In Reading Plan, -
Intro: Github pages and jekyll
In Jekyll, tutorial, -
How to implement Jekyll tags on github pages
In tutorial, -
The first mass-produced book to deviate from a rectilinear format
In tutorial, -
We all wait for summer
In Jekyll, tutorial, -
Powerful things you can do with the Markdown editor
In Jekyll, tutorial, -
Never stopped worrying or loving the bomb
In Jekyll, -
Markdown Example
In Jekyll, tutorial,