如何顯示防盜鏈的外站圖片
鄭重警告：本文止於技術研究，請勿在自己的生產環境使用他人圖片資源。 通常在開發測試環節，一些資源圖片會出現防盜鏈的錯誤提示，本文就通過前端基礎技術，實現基本的圖片跨站顯示效果。 防盜鏈的原理： 服務端通過請求頭的request.headers.referer來判斷是否是自己資源白名單的請求來源。 如果referer=null,則無法判斷來源，會正常顯示圖片。 所以基於以上理論，可以給圖片創
jsoncode 動態日志
動態
列表
在react中基於ant-design，封裝一箇中文輸入框,提高onchange性能
1 antd中，input組件在觸發onChange時，如果是中文輸入模式，會頻繁被觸發，導致頁面性能降低。尤其是在onChange時需要實時搜索的情況。 2 在mac設備下，如果在onChange中使用value.replace(/\s/g,''/), 會出現無法輸入中文的問題。優化之後，可以正常輸入。 默認情況下的Input組件： 優化之後的ChineseInput 調用方式：
npm install報錯not found: python2的結局方法
這個問題，困擾過幾乎所有的前端開發人員，我自己每次換電腦也對這個很頭疼。乾脆重新整理記錄一下。 安裝指定版本的python 下載地址：https://www.python.org/downlo... 安裝Visual C++（需要先安裝Visual Studio） 下載地址：https://visualstudio.microsof... 在Visual Stu
vue3封裝一個帶動畫的關閉按鈕
預覽效果： 實現源碼： template MenuBtn :open="openMenu" :size="24" / /template template div :class="`menu ${open?'open':''}`" :style="`width:${size}px;height:${size}px`" span :sty
svg實現漸變百分比組件
參考文檔： 張鑫旭大佬的博客：https://www.zhangxinxu.com/study/201710/colorful-time-count-d... 改造後的效果： 源碼：vue3 script lang="ts" setup 模式版本： template div class="config-progress" :style="`--size:${si