摘要:
如何為組件添加 CSS 的 class? 傳遞一個字符串作為 className 屬性: render() { return <span className="menu navigation-menu">Menu</span> } CSS 的 class 依賴組件的 props 或 state 的情 閱讀全文
摘要:
配置開發環境 腳手架工具create-react-app 儲備知識:終端或命令行、代碼編輯器 React官方中文文檔 create-react-app 其是基于Node的快速搭建React項目的腳手架工具。 npx create-react-app testdemo cd testdemo npm 閱讀全文

摘要:
簡單來說,一句話概括CSS in JS (JSS),就是"行內樣式"(inline style)和"行內腳本"(inline script)。 閱讀全文
摘要:
終端主要的目的是可以讓我們在文件系統中進行四處瀏覽和打開/運行某些東西,只是在 windows 上我們之前都是用 GUI 界面進行操作的,現在是在終端中使用 shell 命令進行操作而已。 閱讀全文
摘要:
Vuex概述 組件之間共享數據的方式(小范圍) 全局事件總線 Vuex是什么? 專門在Vue中實現集中式狀態(數據)管理的一個Vue插件,可以方便的實現組件之間的數據共享。 使用Vuex統一管理狀態的好處 能夠在vuex中集中管理共享的數據,易于開發和后期維護 能夠高效地實現組件之間的數據共享,提高 閱讀全文
摘要:
概述:模塊化的基本概念、Node.js中模塊的分類、npm和包、模塊的加載機制 閱讀全文
摘要:
多個路由通過路由器進行管理。 前端路由的概念和原理 (編程中的)路由(router)就是一組key-value對應關系,分為:后端路由和前端路由 后端路由指的是:請求方式、請求地址和function處理函數之間的對應關系 在SPA程序中,所有組件的展示和切換都在這唯一的一個頁面內完成,此時,不同組件 閱讀全文

摘要:
MVVM M:模型(Model):data V:視圖(View):模板 VM:視圖模型(ViewModel):Vue實例對象 Vue收到了MVVM模型的啟發,MVVM是vue實現數據驅動視圖和雙向數據綁定的核心原理,通過ViewModel監聽DOM和數據源的變化。 Object.defineProp 閱讀全文

摘要:
Vue進階 生命周期 組件運行的過程 組件的生命周期是:組件從創建->運行(渲染)->銷毀的整個過程,是一個時間段 如何監聽組件的不同時刻 vue框架為組件內置了不同時刻的生命周期函數,是他在關鍵時刻幫我們調用的一些特殊名稱的函數,生命周期函數會伴隨著組件的運行而自動調用。 created函數 組件 閱讀全文
摘要:
模板語法 插值語法 Mustache插值采用{{ }},用于解析標簽體內容,將Vue實例中的數據插入DOM中 <h1>Hello {{name}}</h1> 指令語法 指令用于解析標簽,是vue為開發者提供的一套模板語法,輔助開發者渲染頁面的基本結構。 (指令是vue開發中最基礎、最常用、最簡單的知 閱讀全文