React
含有「React」共 54 篇內容
全部內容
發佈日期由新至舊
在現代 Web 開發中，框架的規範性對於團隊合作至關重要。這不僅提高了程式碼的一致性，也降低了理解他人程式碼的時間成本。現在，我們將以 JavaScript 為例，展示如何使用關注點分離的原則來撰寫一個簡單的應用喔。
如果有個算法是2秒以上很耗時的長任務，希望在執行長任務前後修改state渲染loading畫面，可能會難以達到預期效果，會看到loading畫面一閃而過。
把setState改非同步的方法...
4/5React await setStat
此筆記僅以個人理解方式記錄
環境準備
我們這邊以 Bootstrap 5 的卡片元件來展示，要準備的有：
Bootstrap 5 CDN
Card(卡片) template
React CDN
React
React 起手式，引用 CDN、綁定 root、指定渲染 dom。
<
這次的side bar不一樣了，上一次我好像做的太簡單了，所以完讀率只有14%，我好難過啊（；´д｀）ゞ，所以我這準備的內容有多一點。
這次的目標
按鈕的排版
按鈕滑過去會有顏色變化
Side bar能夠展開
箭頭能夠移動至被選擇的物件上
宣告
這次我創了兩個檔案 SideBa
先從react開始：
其實市面上有許多前端框架像是react,angular,vue...
至於為什麼我會選擇react…
在網路速度有限的情況下，依序記錄不斷產生的資訊，能統計使用者在頁面上操作了哪些功能。
setter和getter能把狀態改變時需做的事情包裝起來，讓外部只需簡單修改參數就能達到預想的效果
這一集用最新的Vite工具去創建初始檔案。Vite用於創建和構建Web應用程序，具有快速的啟動時間、即時熱更新、小型體積、支持多種框架和可擴展性等優點。
data-* attributes 是 HTML 內建的屬性，可將網頁的狀態與元素進行綁定。而Tailwind CSS 在 3.2 版更新中推出使用 data-* attributes 自訂樣式的功能，讓樣式設定可以更動態多變。
感謝分享！看完介紹會覺得能用clsx就盡量用，data-attribute 的原生寫法完全不吸引人XD