原创 下載文件流文件
downloadPdf(result) { let blob = new Blob([result], {type: ‘application/vnd.openxmlformats-officedocument.wordproce
2019-07-16 00:06:29
原创 vue-pdf 通過文件流預覽pdf文件
用過vue-pdf的同志應該都知道，如果拿到的是一個pdf的在線鏈接在使用這個的時候會出現一個跨域問題。而後端不想去處理跨域情況，所以後面就考慮到使用文件流的形式去處理。 首先，下載vue-pdf npm install vue-
2019-07-16 00:06:29
22
原创 js數組對象裏面獲取某個屬性值相等的對象
例： var outArr=[ {"name":"張三","id":1,age:18}, {"name":"李四","id":2,age:19}, {"name":"王五","id":3,age:18}, {"name":
2019-07-16 00:06:29
原创 websocket實現心跳連接
在使用websocket的時候，遇到了一個websocket在連接一段時間就異常斷開連接了。第一想法就是重新去連接websocket（websock.onopen），後來發現這種方式是錯誤的，查閱文檔發現，要想重新建立連接，就需要
2019-07-10 20:19:13
原创 css 取消鼠標雙擊選中
有時候我們在頁面上操作的時候，總會碰到鼠標連點的情況下，這樣會導致你點擊的文字地方出現一片藍色選中狀態，例如： 導致體驗效果不理想。 取消上面情況：（css） -moz-user-select:none; -ms-user-
2019-07-09 20:46:16
原创 去掉頁面的滾動條
去掉頁面上的滾動條 body::-webkit-scrollbar {display: none;} 如果使用了iframe，則可以使用scrolling="no
2019-07-05 20:24:26
原创 vue 使用sort()方法報錯：“You may have an infinite update loop in a component”
特意翻譯了下You may have an infinite update loop in a component （組件中可能有無限的更新循環）； 最近在做一個字母和數字組合排序的vue項目的時候，第一反應就是使用sort()函
2019-06-10 22:53:17
原创 移動端開發底部元素margin-bottom失效的處理方式
在移動端開發的過程中，經常會有在底部進行一個元素固定定位在，這樣我們主體數據有需要設置margin-bottom 去防止主體數據被底部遮擋的情況。 這在android手機中這樣設置是完全沒有問題的，不過在ios手機上就會出現底部定位
2019-05-10 07:34:49
1
原创 vue + webpack + emelent-ui打包後element的小圖標不顯示
由於針對element-ui的組件樣式，我引入了element-theme-chalk 樣式，下載完依賴後注入的時候，循序爲： import ElementUI from 'element-ui' import 'element-ui
2019-05-08 04:33:57
3
原创 vue webpack打包 net::ERR_INCOMPLETE_CHUNKED_ENCODING 或者 weixin://preinjectjsbridge/fail
vue + webpack 項目在本地上是運行正常，結果發佈到線上的時候出現打包的js報net::ERR_INCOMPLETE_CHUNKED_ENCODING 或者在移動端出現weixin://preinjectjsbridge/
2019-05-07 02:46:23
原创 vue + echarts 餅圖
html： <!-- 餅圖--> <div id="myChart2"/> js： // 餅圖 getPie () { // 基於準備好的dom，初始化echarts實例 let myCh
2019-05-07 02:46:23
原创 vue + echarts 多條折線圖
html： <!-- 折線圖--> <div id="myChart1"/> js： // 折線圖 getLine () { // 基於準備好的dom，初始化echarts實例 let
2019-05-07 02:46:23
原创 vue 調用虛擬鍵盤
有時候在大型觸屏設備（如雙屏設備）中，往往就沒有鍵盤去操作，而且在觸屏input或者textarea的輸入時候就無法去輸入值，所以就需要去建立一個虛擬鍵盤去操作 vue-touch-keyboard 詳細介紹及操作鏈接 *記錄下
2019-04-27 03:38:17
原创 vue項目在ie瀏覽器中不兼容問題的處理
安裝babel-polyfill 插件 npm install --save-dev babel-polyfill 或者 npm install babel-polyfill --save-dev 或者 npm instal
2019-04-16 20:17:38
3
原创 router-view 組件間傳值
情況一：router-view 子組件發生變化導致父組件發生改變 父組件中： <router-view @getMessage="showMsg"></router-view> showMsg (val) { // methods
2019-04-11 19:55:27