網頁水印外掛 --- gwm.js
用於內部系統生成水印，可提示資訊保安與責任追蹤
本文轉自： https://github.com/loadchange/gwm
特性
- 支援生成 canvas、svg、element 三種類型水印
- 支援元素監控，防止篡改
- 可擴充套件性強
使用說明
1、引入js檔案
<script src="../js/gwm.js"></script>或者使用 npm 安裝
npm install gwm引數
方法
相關推薦
網頁水印外掛 --- gwm.js
用於內部系統生成水印，可提示資訊保安與責任追蹤 本文轉自： https://github.com/loadchange/gwm 特性 支援生成 canvas、svg、element 三種類型水印 支援元素監控，防止篡改 可擴充套件性強 使用說明 1
前端網頁列印外掛print.js(可匯出pdf)
在前端開發中，想列印當前網頁的指定區域內容，或將網頁匯出為多頁的PDF，可以藉助print.js實現，該外掛輕量、簡單、手動引入、不依賴其他庫。示範專案github：https://github.com/lemoncool/print-demo。列印或匯出PDF後效果很好，下圖是對比圖： 關於print.
前端之路：網頁內容轉圖片，並且複製網頁內容，並且優化體驗。（截圖外掛Clipboard.js 的使用）。
做專案遇到一個比較奇葩的需求，覺得很有意思，記錄下。方便以後回憶。 涉及框架(html2canvas.min.js clipboard.mn.js)： 直接連cdn <script src="https://cdn.bootcss.com/jquery/3.3
jQuery全屏滾動外掛fullPage.js/可製作全屏滾動網頁
fullPage.js 是 jQuery 的一個外掛，主要功能是製作出全屏網站 fullPage外掛的相容性是相容IE7瀏覽器往上 其餘主流瀏覽器就不描敘了 fullpage外掛支援以下操作 1、外掛可以使用滑鼠滑輪進行滾動 2、當豎屏的時候支援鍵盤的上下箭頭滾動 橫屏對照可以使用的是左
JQuery intro.js 網頁引導外掛 關於在百度瀏覽器上無法使用鍵盤切換下一個步驟的問題解決
網頁中基本都有很多的網頁引導動畫,找了一些jquery的外掛,最終選擇了intro.js,官網在這裡:intro.js官網發現這個外掛整合簡單,配置也很方便,但發現v9.0的版本中,百度瀏覽器
網頁定位點擊事件js響應函數教程（Chrome）
定位 滲透測試 兩個 演示 mage 跳轉 開發者 listeners 國產 一、背景說明 在前端頁面調試或者滲透測試(尤其是XSS)時，我們經常想定位js函數位置；比如點擊了某個位置彈出了一個對話框，這是哪個文件的哪個js函數在響應。 本文以Chrome瀏覽器定位點擊事件
網站引導頁外掛intro.js 的用法
intro.js是一個用於製作網頁引導效果的js外掛，用法很簡單，intro.js.v2.0.rar 1.在需要的頁面新增引用 intro.js introjs.css 這兩個檔案已經足夠，但是資料夾themes中是不同的樣式，如果需要也可以引入喜歡的樣式 資
一款很好用的頁面滾動元素動畫外掛-AOS.JS
aos.js是一款效果超讚的頁面滾動元素動畫jQuery動畫庫外掛。該動畫庫可以在頁面滾動時提供28種不同的元素動畫效果，以及多種easing效果。在頁面往回滾動時，元素會恢復到原來的狀態。 載入方法： <link rel="stylesheet" href="/dist/aos.css" /
非常漂亮的JS外掛--------scrollReveal.js – 頁面滾動顯示動畫JS（轉）
scrollReveal.js – 頁面滾動顯示動畫JS 簡介 和 WOW.js 一樣，scrollReveal.js 也是一款頁面滾動顯示動畫的 JavaScript，能讓頁面更加有趣，更吸引使用者眼球。不同的是 WOW.js 的動畫只播放一次，而 scrollReve
複製到剪下板外掛clipboard.js原始碼解析
clipboard.js 是一個小型的複製到剪下板外掛，只有3kb，非flash 前言 公司專案有用到clipboard.js，由於好奇心順手點開了原始碼看看其究竟是如何實現的，本以為是九曲十八彎錯綜複雜，其實還是挺容易看懂的，所以就分享下讀後感哈哈。 本篇讀後感分為四部分，分別為前言、解析、
多選外掛multiselect.js
官方網址：http://loudev.com/ html： <html> <head> <link href="path/to/multiselect.css" media="screen" rel="stylesheet" type="text/css"&
強大的jQuery圖片檢視器外掛Viewer.js
簡介 Viewer.js 是一款強大的圖片檢視器 Viewer.js 有以下特點： 支援移動裝置觸控事件 支援響應式 支援放大/縮小 支援旋轉（類似微博的圖片旋轉） 支援水平/垂直翻轉 支援圖片移動 支援鍵盤 支援全屏幻燈片模式（可做屏保
boostrap外掛---typeahead.js---輸入提示下拉選單
首先需要載入，jquery，bootstrap.js，typeahead.js <input id="typea" type="text" data-provide="typeahead" autocomplete="off"> a
bootstrap外掛--select2.js--一個基於jQuery的替換框
當然，首先需要引入，select2.css，jquery，boostrap.js，select2.js 多選 新增屬性 multiple="multiple" function formatRepoPro
網頁加速外掛Decentraleyes使用介紹
文章背景 作為開發者開發過程中會遇到一些報錯，一般我們會去stackoverflow上去搜索解決方案，但是該網站開啟速度超級慢，原因是該網站引用了一些google js資源，google 在中國大陸是被牆的，所有導致引用它的庫的網頁訪問很慢。有版本解決這個問題嗎？答案是有的，就是下面我要給大家結
自適配傳資料 加水印 資料 Watermark.js
/** * 引用: import * as Watermark from '@/utils/canvas/watermark' // js外掛放置的 工具類目錄 * demo: <input class="upload-item-input" type="file" accept="
jQuery全屏滾動外掛 FullPage.js API
引入檔案 <link rel="stylesheet" href="css/jquery.fullPage.css"> <script src="js/jquery.min.js"></script> <scrip
實現移動端上拉載入和下拉重新整理的vue外掛(mescroll.js)
做一個簡單的移動端展示專案，後臺分頁後前端載入，實現上拉載入下一頁，找了下，還是用這個mescroll.js外掛好一點 1.npm安裝 npm install --save mescroll.js //不要使用cnpm安裝 匯入(在哪個頁面使用,則在哪個頁面匯入
SiteMesh 網頁模板外掛應用參考
1、maven依賴 <!-- https://mvnrepository.com/artifact/opensymphony/sitemesh --> <dependency> <groupId>opensymphony</groupId>
jQuery全屏滾動外掛fullPage.js預覽
原理：window.onmousewheel 參考文件 ： 酷炫的全屏製作，在網路上整理了一下，基本的方法如下： 選項 型別 預設值 說明 verticalCentered 字串 true