輕鬆當網站駭客﹍在任意網頁植入 JS/CSS 程式碼(Chrome套件)
為了避免誤解，首先對標題「駭客」一詞進行說明，這裡指的是「hacker」一詞，可參考「 維基關於駭客的定義 」： 駭客（英語：Hacker)是指對設計、程式設計和電腦科學方面具高度理解的人 在業餘電腦DIY方面，「駭客」是指研究如何修改電腦相關產品的業餘愛好者。 中文音譯...
繼續閱讀全文Sublime Text 檢測 JS 最佳工具 ESLint﹍安裝 + 設定技巧
一直以來使用 Sublime Text 3(簡稱 ST3)檢查 Javascript 錯誤的工具是「 JSHint Gutter 」，優點為執行快速、圖形介面操作友善、自訂參數完善，沒想過有可能要放棄他的一天。 基於網路環境所發展的技術實在進展太快，也可說是變化...
繼續閱讀全文前端使用 JS 裁切圖片並壓縮再存到後端﹍Croppie 實作範例
最近接到一個需求，希望使用者上傳圖片時，可先在前端進行裁切，以免存到後端的圖片尺寸比例不對，也可避免檔案過大。 之前寫過一篇「 前端如何使用 JS 先壓縮圖片尺寸大小再進行上傳 」，其實也能處理前述大部分需求，但稍有不足之處： 只能對上傳的圖片等比例縮小 不能防止 使用...
繼續閱讀全文JavaScript 四合一工具：壓縮+加密+混淆+美化
前一篇介紹了「 Javascript 壓縮、混淆、加密、解密工具及原理 」，也說明了 JS 加密混淆不容易被破解的處理流程，此流程需要開啟三個線上工具的網頁來進行。 重複三次「等待編碼、複製、貼上」的時間不算長，但工程師思維就是會想辦法簡化所有重複流程，我長久以來一直想做個前...
繼續閱讀全文常用程式碼片段的管理技巧及使用工具
協助前端架站久了之後，有許多常見的小工具會用到，代表需要安裝的程式碼中，有一部份是重複性高的，例如： FB 讚、分享按鈕 各種社群分享按鈕 FB 留言板等等 能重複使用的程式碼自然較有價值，即使是不能 100% 套用，但只要修改一部份就能用在新的情境，也是可節省大量時...
繼續閱讀全文
