原创 利用canvas實現環形進度條

前提：有時候在項目中會有用到進度條的情況，使用css3也可以實現，但是對於性能不好的設備，或者網絡不好的情況下，卡頓現象非常明顯，避免出現不流暢的尷尬情況，所以記錄一下，使用canvas來實現的方法。 DOM中，首先定義canvas畫板元

2019-06-12 11:15:06 13

原创 利用canvas實現圖片下載功能來實現瀏覽器兼容問題

前言:項目中需要實現圖片下載功能，第一個想到的是使用a標籤的download屬性來實現，但是在不同瀏覽器下測試會發現，有的瀏覽器無效，點擊後直接預覽圖片，所以，上網找到了另外一種兼容不同瀏覽器的圖片下載的方法，那就是利用canvas來處理圖

2019-05-29 17:25:12 2

原创 Vue scrollBehavior 滾動行爲，實現後退頁面顯示在上次瀏覽的位置

前提：之前寫過關於keep-Alive組件，來實現在列表頁進入詳情頁後，後退，返回列表，顯示上次訪問的位置（原理就是緩存列表頁數據來實現），目前發現另外一個問題，就是如果後臺操作改變數據的狀態，緩存的辦法就會導致數據更新不及時導致一些頁面錯

2019-05-27 10:25:09 11

原创 Vue keepAlive 數據緩存工具，實現返回上一個頁面瀏覽的位置；

需求分析 背景：1.數據列表頁，滾動加載數據；2.多條數據情況下，點擊某一條，進入詳細頁進行編輯（修改，刪除）操作；3.保存返回上一頁； 在上面的情況下，想要保持在上次瀏覽位置，並且保持數據是最新的； 解決辦法 1.原始的辦法：在點擊詳情

2019-05-10 11:05:06 4

原创 input文本框強制輸入指定文字的方法以及IE11的兼容

背景：最近開發的韓國項目，在用戶姓名輸入框一欄中，要求只能輸入韓文，通常用到onkeyup和onafterpaste兩個事件來觸發方法，並在方法中進行校驗，但是在IE瀏覽器中，出現了一種情況，就是韓文單詞拼寫未完成的時候，會直接進行校驗並顯

2019-03-06 16:35:00 28

原创 node.js初體驗之利用node.js的fs-文件系統，來寫一個批量修改文件名的小工具

導語：公司最近業務不忙，利用閒暇時間準備學習一下Node.js，看見網上前端大牛張旭鑫的文章JS一般般的網頁重構可以使用Node.js做些什麼？，跟着寫了一下批量修改文件名的javascript小工具，主要利用node.js的API中fs相

2019-02-26 16:55:03 5

原创 使用Hexo框架搭建博客，並部署到github上

開發背景：年後回來公司業務不忙，閒暇時間瞭解一下node的使用場景，一篇文章吸引了我15個Nodejs應用場景，然後就被這個hexo框架吸引了，說時遲，那時快，趕緊動手搭建起來，網上找了好多資料一天時間才搭建完成，我的博客地址：博客，記錄一

2019-02-22 15:52:46 1

原创 對文章進行搜索關鍵字過濾，並顯示高亮的javascript實現方法之一

在不考慮關鍵字是特殊字符的情況下： warpTag (content, keyword, tagName) { if (content === 'No results') { return content

2018-12-19 11:22:43 3