原创 神馬？使用JS直接上傳並預覽粘貼板的圖片？
（題圖：梵高-橄欖樹） 提出需求 因爲工作原因，現在有一個需求就是需要用戶使用QQ或者微信複製一張截圖後，在div中直接粘貼這張圖片，而不是採用上傳的方式。類似我們在使用QQ微信時直接粘貼截圖的操作，這個要怎麼用js來實現呢？ 實現原理
2019-12-06 13:29:42
原创 input輸入框change和blur事件區別
blur與change事件在絕大部分的情況下表現都非常相似，輸入結束後，離開輸入框，會先後觸發change與blur，唯有兩點例外。 1、沒有進行任何輸入時，不會觸發change 在這種情況下失焦後，輸入框並不會觸發change事件，但一定
2019-12-06 13:29:42
原创 防止 window.open 被攔截
window.open('/app/dashbuilder.html?' + group.id, '_blank'); // 一般_self不會被攔截 // 改爲 let newTab = window.open('about:blank
2019-12-06 13:29:42
原创 簡單實現vue列表點擊某個高亮顯示
比如ul下有4個li元素。 給每個li綁定點擊事件@click="select_li(index)，然後這個點擊時間會將一個全局變量 selectLi 賦值爲 index 的值。 然後在每個li上加上class樣式 :class="[sel
2019-12-06 13:29:32
原创 刪除設備與驅動器中百度網盤圖標
打開 reg 查找以下路徑： HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\MyComputer\NameSpace\ 下面每一個選項文件夾對應一
2019-12-05 13:29:39
原创 天了嚕，爲什麼外鏈css要放在頭部，js要放在尾部？
（題圖：梵高-向日葵） 我們最開始學前端的時候都會看到教程在處理外部css，js的時候會將css放在header中，js放在body的最後。爲什麼要這樣子處理，今天參考一些資料好好分析下。 爲什麼外鏈css爲什麼要放頭部？ 首先整個頁面
2019-12-03 13:29:37
原创 前端面試知識點
H5 新特性 新增標籤 本地存儲 webStorage websocket webworkers 新增地理位置 對css3的支持 canvas 多媒體標籤 新增表單元素類型 結構標籤：header nav article aside foo
2019-11-27 13:28:35
原创 canvas入門，就是這個feel！
鈣素 Canvas 是在HTML5中新增的標籤用於在網頁實時生成圖像，並且可以操作圖像內容，基本上它是一個可以用JavaScript操作的位圖。也就是說我們將通過JS完成畫圖而不是css。 canvas 默認佈局爲 inline-block
2019-11-27 13:28:35
原创 圖片瀑布流，so easy！
什麼是圖片瀑布流 用一張花瓣網頁的圖片佈局可以很清楚看出圖片瀑布流的樣子： 簡單來說，就是有很多圖片平鋪在頁面上，每張圖片的寬度相同，但是高度不同，這樣錯落有致的排列出 n 列的樣子很像瀑布，於是就有了瀑布流圖片一說。 實現原理 1、第一
2019-11-09 13:29:19
原创 詳細梳理ajax跨域4種解決方案
前言 自動接觸前端，跨域這個詞就一直縈繞在耳畔。因爲一般接手的項目都已經做好了這方面的處理，而且之前一直感覺對這方面模棱兩可，所以今天就抽個時間梳理一下。 爲什麼需要跨域 跨域這個概念來自一個叫 “同源策略” 的東西。同源策略是瀏覽器（注意
2019-11-08 13:29:58
原创 css實現內容不相同的左右兩個div等高
問題提出 現在有兩個div左右排列，但是兩個div的內容不相同，如何設置兩個div的css做到在兩個div等高排列呢？ 下面是網上找的3種實現方法，覺得很有代表性，所以索性收藏起來。 方法一 通過父元素設置 overflow:hidden
2019-08-13 13:28:13
1
原创 簡單瞭解css3輪廓outline
outline屬性是用來設置一個或多個單獨的輪廓屬性的簡寫屬性 ， 例如 。 輪廓有下面幾個屬性： { outline-style: solid; outline-width: 10px; outline-color
2019-08-13 13:28:12
原创 vue路由傳參和獲取參數
參考鏈接 https://router.vuejs.org/zh/guide/essentials/passing-props.html#%E5%B8%83%E5%B0%94%E6%A8%A1%E5%BC%8F
2019-08-12 13:26:27
原创 IOS系統input輸入框爲readonly時， 隱藏鍵盤上的上下箭頭
業務中在一定場景中會將input 設置爲只讀狀態，在IOS safari上當input 輸入框focus 時，仍會出現鍵盤上的上下箭頭，這種用戶體驗非常不好，如何幹掉呢？ <input readonly="readonly"/> 說一下思路
2019-08-12 13:26:27
4
原创 table-layout:fixed
table-layout: fixed; 在table上設置上面屬性後，如果不設置td的寬度，那麼所有td的寬度平分總table寬度。如果設置了td的寬度，則以設置的寬度爲準。 table-layout: auto; // 此爲默認值
2019-08-12 13:26:27