鄭重警告：本文止於技術研究，請勿在自己的生產環境使用他人圖片資源。 通常在開發測試環節，一些資源圖片會出現防盜鏈的錯誤提示，本文就通過前端基礎技術，實現基本的圖片跨站顯示效果。 防盜鏈的原理： 服務端通過請求頭的request.headers.referer來判斷是否是自己資源白名單的請求來源。 如果referer=null,則無法判斷來源，會正常顯示圖片。 所以基於以上理論，可以給圖片創
1 antd中，input組件在觸發onChange時，如果是中文輸入模式，會頻繁被觸發，導致頁面性能降低。尤其是在onChange時需要實時搜索的情況。 2 在mac設備下，如果在onChange中使用value.replace(/\s/g,''/), 會出現無法輸入中文的問題。優化之後，可以正常輸入。 默認情況下的Input組件： 優化之後的ChineseInput 調用方式：
這個問題，困擾過幾乎所有的前端開發人員，我自己每次換電腦也對這個很頭疼。乾脆重新整理記錄一下。 安裝指定版本的python 下載地址：https://www.python.org/downlo... 安裝Visual C++（需要先安裝Visual Studio） 下載地址：https://visualstudio.microsof... 在Visual Stu
預覽效果： 實現源碼： template MenuBtn :open="openMenu" :size="24" / /template template div :class="`menu ${open?'open':''}`" :style="`width:${size}px;height:${size}px`" span :sty
參考文檔： 張鑫旭大佬的博客：https://www.zhangxinxu.com/study/201710/colorful-time-count-d... 改造後的效果： 源碼：vue3 script lang="ts" setup 模式版本： template div class="config-progress" :style="`--size:${si
經常用到nodejs下載資源的情況（簡單的爬蟲），可以考慮直接使用nodejs內置的http/https模塊。 test.mjs import https from 'https' import fs from 'fs' import URL from 'url' let urlObj = URL.parse(url) https.get({ ...urlObj, rej
效果如圖： 可以移入展開。 特徵： 1，帶有箭頭 2，箭頭處帶有陰影 3，有交互操作 箭頭，可以用border來實現： width: 0; height: 0; border: 190px solid transparent; border-left: 60px solid transparent; 引用可用box-shadow實現，但是如果是貼合非規則圖形的陰影
