為實(shí)現(xiàn)前端隱水印效果,做了兩套方法的調(diào)研和實(shí)現(xiàn):canvas繪制圖片、純文本追加dom。 1、 canvas繪制圖片 使用canvas繪制一張?jiān)O(shè)置了透明度的文字的圖片,然后...
為實(shí)現(xiàn)前端隱水印效果,做了兩套方法的調(diào)研和實(shí)現(xiàn):canvas繪制圖片、純文本追加dom。 1、 canvas繪制圖片 使用canvas繪制一張?jiān)O(shè)置了透明度的文字的圖片,然后...
前端開(kāi)發(fā),有時(shí)候會(huì)碰到一些文本不能以明文的方式展現(xiàn)在項(xiàng)目中,避免爬蟲(chóng)爬了或者別人竊取了內(nèi)容,所以就會(huì)進(jìn)行加密處理,如下是crypto-js插件實(shí)現(xiàn)的對(duì)稱(chēng)加密。 在這個(gè)示例中,...
前端開(kāi)發(fā),需要實(shí)現(xiàn)把圖片復(fù)制到剪切板的功能,具體實(shí)現(xiàn)方式如下所示: 注意,網(wǎng)絡(luò)圖片無(wú)法復(fù)制到剪切板,所以需要轉(zhuǎn)換下 // 把圖片轉(zhuǎn)為二進(jìn)制blob再進(jìn)行保存 注意: 目前測(cè)試...
不是偶現(xiàn),是每次都會(huì)出現(xiàn)
vue懶加載,打包后項(xiàng)目出現(xiàn)“Loading chunk 0 failed”這個(gè)困擾我很久的問(wèn)題,今天總算解決了,長(zhǎng)長(zhǎng)地舒了一口氣呀,于是寫(xiě)下這篇文章,希望給一些同道中人提供些許思路和幫助。 最近弄項(xiàng)目?jī)?yōu)化,路由懶加載成了首要任務(wù),因?yàn)轫?xiàng)目首頁(yè)加載a...
公眾號(hào)文章的圖片在第三方網(wǎng)站展示,如下圖所示: 原因: 這是因?yàn)槲⑿殴娖脚_(tái),為了保護(hù)原創(chuàng)內(nèi)容的版權(quán)和安全,對(duì)圖片做了相應(yīng)的安全識(shí)別,也就是對(duì)圖片采用了防盜鏈處理。微信對(duì)外提...
chrome插件開(kāi)發(fā)官方文檔:https://developer.chrome.com/docs/extensions/mv3/[https://developer.chro...
您可以通過(guò)以下步驟將npm設(shè)置為淘寶鏡像: 打開(kāi)終端,在Mac或Linux上,您可以打開(kāi)終端應(yīng)用程序;在Windows上,您可以打開(kāi)命令提示符或PowerShell終端。 1...
1.首先安裝n模塊: 2.升級(jí)node.js到最新穩(wěn)定版 3.切換使用版本 4.刪除指定版本 5.用指定版本執(zhí)行腳本 6.可以查看所有已安裝的node版本,可以根據(jù)上下和回車(chē)...
寫(xiě)在前面 最近有用到j(luò)sencrypt來(lái)對(duì)登錄密碼進(jìn)行rsa加密處理,記錄下來(lái),供自己以后查閱。 什么是RSA加密 RSA加密算法是一種非對(duì)稱(chēng)加密算法,RSA加密使用了"一對(duì)...
例如上圖這種布局,左邊頭像寬度固定80px,右邊容器設(shè)置flex:1 如何讓標(biāo)題實(shí)現(xiàn)超出部分隱藏? 我們都知道,設(shè)置超出部分隱藏,都要設(shè)置固定寬度,超出固定寬度后,才會(huì)隱藏 ...
這個(gè)困擾我很久的問(wèn)題,今天總算解決了,長(zhǎng)長(zhǎng)地舒了一口氣呀,于是寫(xiě)下這篇文章,希望給一些同道中人提供些許思路和幫助。 最近弄項(xiàng)目?jī)?yōu)化,路由懶加載成了首要任務(wù),因?yàn)轫?xiàng)目首頁(yè)加載a...
外邊距塌陷有兩種情況 情況一: 兩個(gè)同級(jí)元素,處置排列,上面的盒子給margin-bottom,下面的盒子給margin-top,那么他們兩個(gè)的間距會(huì)重疊,以最大的那個(gè)計(jì)算 ...
以下是前端開(kāi)發(fā)中,常見(jiàn)的幾種頁(yè)面布局,使用flex實(shí)現(xiàn) 1.布局一 2.布局2 3.布局3
第十六條
JavaScript數(shù)組的常見(jiàn)方法匯總1. push() 概括:數(shù)組末位增加 參數(shù):需要增加的數(shù)據(jù) 返回值:數(shù)組更新后的長(zhǎng)度 2. pop() 概括:數(shù)組末位刪除 參數(shù):無(wú) 返回值:刪除的數(shù)據(jù) 3. unshif...
糾正一下,是 every,不是eveny呢
JavaScript數(shù)組的常見(jiàn)方法匯總1. push() 概括:數(shù)組末位增加 參數(shù):需要增加的數(shù)據(jù) 返回值:數(shù)組更新后的長(zhǎng)度 2. pop() 概括:數(shù)組末位刪除 參數(shù):無(wú) 返回值:刪除的數(shù)據(jù) 3. unshif...
最近項(xiàng)目有個(gè)需求是實(shí)現(xiàn)一個(gè)測(cè)試打字速度的功能,效果類(lèi)似如下網(wǎng)址所示:https://dazi.kukuw.com/[https://dazi.kukuw.com/] 里面主要...