模擬面試、簡歷指導、入職指導、計畫指導、答疑解惑 可私信找我~已幫助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多名前端小夥伴在等著一起學習哦 -->
廣州的兄弟可以約飯哦,或者約球~我負責打鐵,你負責進球,謝謝~