為實(shí)現(xiàn)前端隱水印效果，做了兩套方法的調(diào)研和實(shí)現(xiàn)：canvas繪制圖片、純文本追加dom。 1、 canvas繪制圖片 使用canvas繪制一張?jiān)O(shè)置了透明度的文字的圖片，然后...
發(fā)簡(jiǎn)信
IP屬地：湖北
-
前端實(shí)現(xiàn)隱水印方案 -
前端實(shí)現(xiàn)敏感詞加密crypto-js
前端開(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è)示例中，...
-
js實(shí)現(xiàn)復(fù)制圖片到剪切板
前端開(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...
-
遇到“此圖片來(lái)自微信公眾平臺(tái)”？教你解決公眾號(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ā)流程chrome插件開(kāi)發(fā)官方文檔：https://developer.chrome.com/docs/extensions/mv3/[https://developer.chro...
-
npm設(shè)置淘寶鏡像
您可以通過(guò)以下步驟將npm設(shè)置為淘寶鏡像： 打開(kāi)終端，在Mac或Linux上，您可以打開(kāi)終端應(yīng)用程序；在Windows上，您可以打開(kāi)命令提示符或PowerShell終端。 1...
-
（mac）node升級(jí)或版本切換方法
1.首先安裝n模塊： 2.升級(jí)node.js到最新穩(wěn)定版 3.切換使用版本 4.刪除指定版本 5.用指定版本執(zhí)行腳本 6.可以查看所有已安裝的node版本，可以根據(jù)上下和回車(chē)...
-
簡(jiǎn)書(shū)官號(hào)，微信公眾號(hào) jianshuio ，每天推送新鮮好內(nèi)容～<br><br>下載簡(jiǎn)書(shū)手機(jī)客戶(hù)端請(qǐng)點(diǎn)擊鏈接：<a href="http://www.itdecent.cn/apps" target="_blank">http://www.itdecent.cn/apps</a>
-
前端利用jsencrypt.js進(jìn)行RSA加密寫(xiě)在前面 最近有用到j(luò)sencrypt來(lái)對(duì)登錄密碼進(jìn)行rsa加密處理，記錄下來(lái)，供自己以后查閱。 什么是RSA加密 RSA加密算法是一種非對(duì)稱(chēng)加密算法，RSA加密使用了"一對(duì)...
-
flex布局，不設(shè)置寬度，實(shí)現(xiàn)文字超出部分隱藏
例如上圖這種布局，左邊頭像寬度固定80px，右邊容器設(shè)置flex:1 如何讓標(biāo)題實(shí)現(xiàn)超出部分隱藏？ 我們都知道，設(shè)置超出部分隱藏，都要設(shè)置固定寬度，超出固定寬度后，才會(huì)隱藏 ...
-
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...
-
如何解決 margin“塌陷”？
外邊距塌陷有兩種情況 情況一： 兩個(gè)同級(jí)元素，處置排列，上面的盒子給margin-bottom,下面的盒子給margin-top,那么他們兩個(gè)的間距會(huì)重疊，以最大的那個(gè)計(jì)算 ...
-
前端頁(yè)面中幾種常用的flex布局以下是前端開(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...
-
前端純JS實(shí)現(xiàn)金山打字效果最近項(xiàng)目有個(gè)需求是實(shí)現(xiàn)一個(gè)測(cè)試打字速度的功能，效果類(lèi)似如下網(wǎng)址所示：https://dazi.kukuw.com/[https://dazi.kukuw.com/] 里面主要...
