[JavaScript] bind、call、apply差異整理
2021-05-14筆記整理JavaScript Function綁定this時常用的三種方法—bind()、call()、apply()
JavaScript
bind
call
apply
Hamsterism | Article List
- All Articles
- CSS
- Git
- HTML
- JavaScript
- Linux
- Nuxt
- Vue
Sorry, no articles match...
2021-05-14[JavaScript] Array與Object運算大全
2021-05-07
2021-05-30筆記整理JavaScript Array和Object運算方法 ==持續更新==
JavaScript
Array
Object
Fix HDMI no sound in Linux Mint 20.1 Cinnamon of AMD hardware
2021-04-20 2021-04-21Install Linux Mint 20.1 in my new DeskMini X300 encounter problem in HDMI no sound. Also accompany "您的系統正在以無視硬體加速" warning, which makes my system reboot without control. Simply edit GRUB config to solve both problems.
Linux
Bug
GRUB
Transition on v-show components
2021-04-16<transition> in Nuxt is for "page", not the same as in Vue3 for component. Here provide a workaround of adding fade-in-and-out to " display: none; " components.
Nuxt
transition
CSS
Validate Dynamic Route: return promise in action, auto fallback page 404 in asyncData hook
2021-04-15說明如何讓網頁在輸入錯誤的子路徑時，自動導向Error Page。 以asyncData hook內dispatch store action為例，透過catch action回傳的Promise reject()來設置nuxt context error function。
Nuxt
Promise
Error
asyncData
Vuex
Back to Top Button Component in Nuxt
2021-04-08Build a back-to-top button in Nuxt. It's visible after scrolling down for a certain distance.
Nuxt
back-to-top
Nuxt Loading Component: Customize the Progress Bar
2021-04-08Describe how I customize Hamsterism's LoadingBar component. Especially make the progress bar fix at the specific position, not top 0.
Nuxt
Loading
progress bar
Debounce function in Nuxt
2021-04-06Describe how I import debounce function of vue-debounce in Nuxt.
Nuxt
debounce
vue-debounce
程式碼上色！highlight.js in Nuxt
2021-04-06 2021-04-08Describe how to color your "code" by highlight.js in Nuxt.
Nuxt
highlight.js
How to use vue-quill-editor in Nuxt
2021-04-06 2021-04-06Describe how I import vue-quill-editor into Nuxt to build my customized article editor.
Nuxt
vue-quill-editor
Quill
RegExp 正規表達式 in JavaScript
2021-01-08 2021-05-03正規表達式(Regular Expression, RegExp)整理筆記
JavaScript
RegExp
[Vue] <img> src綁定props提供的路徑
2020-12-30Vue component使用props提供路徑綁定時會遇到的問題
Vue
Bug
CSS Selector整理筆記
2020-12-29整理常用的CSS選擇語法與程式範例
CSS
Http Request Method: GET、POST、PUT、PATCH、DELETE
2020-12-28 2021-04-27筆記常用的五種GET、POST、PUT、PATCH、DELETE
HTML
API
[JavaScript] 關於setTimeout()、setInterval()以及requestAnimationFrame()的使用方法
2020-12-28 2021-04-06說明常見setTimeout()與setInterval()的執行時間點 以及網頁渲染動畫時，比setInterval()效能更好的requestAnimationFrame()
JavaScript
setTimeout()
setInterval()
requestAnimationFrame()
[JavaScript] DOM的Event Flow、捕捉、冒泡
2020-12-25筆記整理DOM事件傳遞與狀態
JavaScript
DOM
event
[JavaScript] Primitive type(原型)和Object Type
2020-12-25JS重要基礎觀念--primitive type & object type
JavaScript
<script type="module">與<script type="text/javascript">內的function調用
2020-12-24html內要調用<script>內的function時， <script type = " module ">與<script type = " text/javascript ">有所差異！
HTML
[JavaScript] getElementById和querySelector之間的差異
2020-12-24JS老問題，整理效能及關鍵差異 getElementByXXX是Live NodeLists(動態) querySelector、querySelectorAll是Static NodeLists(靜態)
JavaScript
DOM
[JavaScript] module export and import
2020-12-24整理匯出、匯入module/function時，ES6的export/import語法
JavaScript
module
[搬運] 何時該在arrow function內使用return
2020-12-24箭頭函式之return分為implicit(隱式)和explicit(顯式) 搬運stackoverflow大神之說明做筆記
JavaScript
arrow function
獲取使用者當前位置--Geolocation
2020-12-23向使用者發起取得當前位置的請求 navigator.geolocation的應用
HTML
geolocation
Use MathML in Chrome
2020-12-23使用Chrome瀏覽器渲染MathML數學公式
HTML
MathML
Bug
Vue updated hook與watch的差異
2020-12-02筆記updated與watch對於「改變」的差異
Vue
hook
DOM
Git基本操作(1)
2020-12-01介紹Git安裝、帳號設定、初始化、.gitignore、狀態、commit、歷史紀錄
Git
Git基本操作(2)
2020-12-01Git刪除檔案與還原
Git
Git基本操作(3)
2020-12-01Git標籤(tag)、分支(branch)、合併(merge)、重設基底(rebase)
Git
Git基本操作(4)
2020-12-01Git remote repo--Github相關操作
Git
淡入、淡出幻燈片動畫
2020-11-24Blog首頁幻燈片特效實作--by pure CSS
CSS
carousel
[JavaScript] Date日期、時間與排序
2020-11-22JavaScript Date Object之應用：取得當前時間、時間轉換、時間排序
JavaScript
Date
Use <transition> on <router-view>
2020-11-22在Vue 3使用transition為不同的<router-view>加上轉場動畫 關鍵：要綁key!!!
vue
transition
router-view
可換行的打字動畫效果
2020-11-19常見的純CSS打字動畫會綁定white-space: nowrap; 在切換至手機板或寬幅不夠時，動畫效果無法響應畫面尺寸 故以簡單的CSS，搭配JavaScript來實踐可換行的打字動畫效果
CSS
JavaScript