跳到主要內容

Semisphere

搜尋此網誌

[前端] Vue套件彙整

日期： 9月 16, 2018

取得連結
Facebook
X
Pinterest
以電子郵件傳送
其他應用程式

VUE組件匯總
https://juejin.im/post/5af16a2cf265da0b8636353b

#Vue, component, 套件, 插件, 組件, 外掛, 元件

元件外掛套件組件插件 component vue

取得連結
Facebook
X
Pinterest
以電子郵件傳送
其他應用程式

留言

張貼留言

熱門文章

[Javascript] 關閉瀏覽器或分頁事件: beforeunload

瀏覽器的 beforeunload 這事件相信大家都不陌生，網路上也有很多資料了，主要用途就是希望當使用者離開瀏覽器時，能暫時阻止並詢問使用者是否真的要離開。後來因為 beforeunload 被濫用，各家瀏覽器就開始限制此事件的功能，例如就禁止客製化詢問訊息等。還記得當時要為了要讓使用者離開瀏覽器時能彈窗詢問，也是測試很久，這邊把測試的結果列出來，供大家參考。測試瀏覽器為以下： Chrome 75 Firefox 68 IE11 測試監聽beforeunload事件有兩種方式，因瀏覽器實做方式不同，所以會有不同結果： window.addEventListener('beforeunload', function(event) {}) window.onbeforeunload = function(event) {} 要求關閉的指令是由傳入function的event或return來決定，可有三種方式： event.preventDefault() event.returnValue = '' return '' 交叉測試3瀏覽器、2種監聽方式、3種指令後，結果如下：若真的要用關閉瀏覽器時彈窗詢問視窗，可使用window.onbeforeunload，配合 return '' 就可以達到這需求。若要支援其他瀏覽器或手機瀏覽器，建議是使用任一種監聽方式，搭配使用上述三種方式： event.preventDefault(), event.returnValue = '' 與 return ''，會比較保險了。以下為單html檔測試範例︰ <html> <head> <title>alert block for beforeunload</title> </head> <body> <a href="http://google.com">go to google</a> <script> //有效是指單獨使用該行指令時，關閉瀏覽器時會彈出詢問...

[Javascript] 存讀Excel檔案: SheetJS/js-xlsx.js

SheetJS/js-xlsx https://github.com/SheetJS/js-xlsx 若我們要由網頁前端使用Javascript直接存取Office Excel 2007檔案(*.xlsx)內資料，其實還蠻辛苦的，主因需實做解析與儲存xlsx之標準格式，這挺複雜。這邊推薦一Javascript函式庫：SheetJS/js-xlsx，來進行讀檔與產製xlsx檔案工作。雖說推薦，但實際上去看SheetJS/js-xlsx的GitHub官網，操作說明其實不太完整，寫的內容不夠詳盡，算是勉強推薦，也因此我們還需參考官網所提供的操作範例： http://oss.sheetjs.com/js-xlsx/ 再由瀏覽器F12開發者功能找出原始碼來比對確認，透過人工方式自己補齊缺乏的功能。另查谷歌時，也會看到其他使用者所提供的原始碼，因不同SheetJS/js-xlsx版本稍有不同，故自己谷歌時得再三小心。 SheetJS/js-xlsx線上CDN https://cdnjs.com/libraries/xlsx 現在因SheetJS/js-xlsx要支援新舊版Excel、OpenDocument Spreadsheet (ODS)等格式，分了好幾個模組，若想一次解決可選完整的單檔版xlsx.full.min.js。目前的版本號為0.8.2。測試功能正常後，我這邊也再小封裝一次方便自己與大家使用，讀存分別為： function readxlsx(inpdata, fmt) //讀取xlsx檔 //inpdata：由input file讀入之data //fmt：讀取格式，可有"json"或"csv"，csv格式之分欄符號為逗號，分行符號為[\n] function downloadxlsx(filename, sheetname, data) //儲存xlsx檔 //filename：要下載儲存之xlsx檔名 //sheetname：資料表名 //data：要下載之資料，需為二維陣列以下為使用SheetJS/js-xlsx 0.8.2重封裝的兩函式使用範例： <!DOCTYPE html> <html> <head> <title>js...

[JavaScript] 禁用與反禁用DevTools

爬蟲筆記之JS檢測流覽器開發者工具是否打開 https://www.cnblogs.com/cc11001100/p/9265945.html 禁用F12流覽器開發者工具的幾種方法 https://www.jianshu.com/p/c6a911aded14 如何使用JS禁用F12和流覽器的開發者模式（控制台） https://segmentfault.com/q/1010000013487697 目前禁用開發者工具可有以下作法： 1.打開調試時跳越網頁面(Firefox與QQ無效) 2.無限debugger 3.devtools-detect(偵測視窗大小，將DevTools改為獨立視窗或手機檢視模式失效) 4.偵測keyCode(右鍵與選單開啟則失效) 5.計算debugger的時間差(禁用斷點則失效) 反禁用： 1.知道上述各法弱點後，例如用Firefox瀏覽、把DevTools開啟為獨立視窗檢視、禁用斷點進行測試 2.通過fiddler或掛代理連線去除有問題程式碼補充： 1.前端無祕密，重要程式還是於後端處理 2.要保護前端原始碼可用混淆技術處理，提高破解難度混淆工具可查： UglifyJS Jscrambler jsfuck aaencode jjencode JShaman JavaScript obfuscator #禁用, 開發者工具, DevTools

技術提供：Blogger