網站導覽

Juju 的自學筆記

·

Follow

2 min read

·

May 2, 2021

--

Share

JavaScript

• [JavaScript] 可以改變函數的動態 this — call()、apply()、bind()
• [JavaScript] 變數宣告 let, const 和 var 的不同
• [JavaScript] 神奇的 setTimeout

官網學 React

• [官網學 React] 前言
• [官網學 React] 首頁
• [官網學 React] Tutorial 介紹
• [官網學 React] Tutorial：#1 Setup
• [官網學 React] Tutorial：#2 Overview 概論
• [官網學 React] Tutorial：#3 Completing the Game 完成遊戲
• [官網學 React] Tutorial：#4 Adding Time Travel 加上時間旅行
• [官網學 React] Docs：介紹 JSX
• [官網學 React] Docs：Rendering Elements 渲染元素
• [官網學 React] Docs：Components and Props
• [官網學 React] Docs：State 和生命週期
• [官網學 React] Docs：事件處理
• [官網學 React] Docs：條件 Render

VUE

• [VUE] 利用 key 做到 props 的特定資料更新就重新 mount
• 使用 v-linkified 無法即時更新（real time）
• [VUE/Ant Design Vue] 渲染函式 — 可以像 React 一樣用 JavaScript 渲染節點

DOM

• [DOM] 事件的傳遞機制：Bubbling & Capturing

CSS / 畫面設計類

• 使用 justify-content: flex-end 時無法 scroll 滑動畫面
• [心得] 電商網頁切版
• [VUE2/VUE3 好用套件] 文字過長加點點點 text-clamp 和 vue-clamp
• [CSS] 等比例隨螢幕寬度縮放

Vuetify

• [Vuetify] 起步
• [Vuetify] Grid system
• [Vuetify] 套用 UI Library

提升效率的好用小工具

• 利用 Bookmarklet 書籤小程式快速切換網頁的開發環境

專案實作

• [React 專案] 台北市健行步道
• [React 專案] 台北市健行步道 — 實作解析
• [Vue 專案]遠距協作專案經驗回顧
• 「廣告系統」延伸功能＆完成細節
• [心得] 電商網頁切版
• Git Commit Message
• [React] 搭配使用 Bootstrap
• 數據報表 Apache ECharts 使用筆記

• [自學經驗回顧] 想用Mongoose同時連接兩個資料庫