當前位置: 妍妍網 > 碼農

超火前端框架:公開叫板 Vue、React,擁有 5k star

2024-03-30碼農

模擬面試、簡歷指導、入職指導、計畫指導、答疑解惑 可私信找我~已幫助100+名同學完成改造!

前言


大家好,我是林三心,用最通俗易懂的話講最難的知識點是我的座右銘,基礎是進階的前提是我的初心~

Nuejs

最近有一個很火的前端新框架,github 上已經有 5k 的star,這勢頭是真的猛

我看了一下,這個 Nuejs 框架大體上有幾個主要的特點:

  • 體積非常的小巧,只有 2.3k minzipped

  • 程式碼量比較少,比較容易上手,程式碼 少了十倍

  • Vue.js、React.js 或 Svelte 不同,它沒有 hooks、effects、props、portals 等特殊抽象概念。只需掌握 HTML、CSS 和 JavaScript 基礎知識你就可以試著去使用它了。

  • 非常的小巧

    剛剛說了, Nuejs Vue.js、React.js 或 Svelte 不同,它沒有 hooks、effects、props、portals 等特殊抽象概念。只需掌握 HTML、CSS 和 JavaScript 基礎知識你就可以試著去使用它了

    所以它少了大部份的程式碼,整體體積只有 2.3k minzipped ,大大縮小了計畫的體積。

    Nuejs 是透過 HTML 樣版語法來編寫界面的。如果 React、Vue 是 「純JavaScript」,那麽 Nuejs 可以說是 「純HTML」

    Nuejs 生態?

    作者打算將 Nuejs 成為一個生態系的核心,後續計劃還會包括:

  • Nue CSS: 用來代替 CSS-in-JS、Tailwind 和 SASS

  • Nue MVC: 用來構建單頁套用

  • Nue UI: 一個元件庫,用來快速編寫頁面

  • Nuemark: 一個 markdown 的庫,用來編寫漂亮的 md 內容

  • Nuekit: 用於用更少的程式碼構建網站和web套用。

  • 作者覺得,如果這個 Nuejs 生態全部搭建起來,那麽 Nuejs 將可能代替 Vite、Next.js 和 Astro 這些熱門的前端框架庫

    簡單看看,不必學習

    其實這個框架我們現階段完全可以不用學習,了解一下就好了

    我們可以看看這個前端框架長什麽樣子,我們先用 git 把這個計畫給拷貝下來

    git clone https://github.com/nuejs/create-nue.git

    在 vscode 中可以安裝一下 Nuejs 的外掛程式,這樣的話 .nue 檔裏的內容才會有高亮

    我們可以看一下 simple-app 中的程式碼,可以看出個大概

    先看看 index.html

    再看看 app.nue

    我看了一下,整個檔就像是在寫 HTML 一樣,透過註釋可以看出,還可以在路由跳轉的時候去執行一些操作

    每一個檔最外層的標簽上都有 @name,應該是透過這個來給這個元件命名

    然後可以透過路由回呼中的 mountChild 去載入對應名稱的元件頁面,並且在跳轉的時候可以進行傳參

    並且在跳轉目標元件中,可以透過 constructor 進行接收參數

    並且可以看到,元件傳參跟 Vue 很像

    結語

    我是林三心

  • 一個待過 小型toG型外包公司、大型外包公司、小公司、潛力型創業公司、大公司 的作死型前端選手;

  • 一個偏前端的全幹工程師;

  • 一個不正經的金塊作者;

  • 逗比的B站up主;

  • 不帥的小紅書博主;

  • 喜歡打鐵的籃球菜鳥;

  • 喜歡歷史的乏味少年;

  • 喜歡rap的五音不全弱雞如果你想一起學習前端,一起摸魚,一起研究簡歷最佳化,一起研究面試進步,一起交流歷史音樂籃球rap,可以來俺的摸魚學習群哈哈,點這個,有7000多名前端小夥伴在等著一起學習哦 -->

  • 廣州的兄弟可以約飯哦,或者約球~我負責打鐵,你負責進球,謝謝~