原创 Vue 百度富文本 多圖上傳順序錯亂的問題

最近使用Vue工程+百度富文本ueditor碰到一個需求 需要解決多圖上傳圖片排序的問題  參考一篇文章可以完美解決 文章連接丟失。。。 多圖上傳寫入文本框的圖片順序和上傳的順序不一致 修改兩個地方第一個 ueditor/dialogs

原创 vue項目出現替換圖片出現404的錯誤

最近接手了一個項目需要替換logo圖標、UI設計好新的圖片放進項目中出現localhost:999/images/login-logo.png找不到的錯誤 通過各種寫法 require 、 important 發現都沒有用結果打印圖片發現

原创 vue的思中雙向數據綁定的原理

我們在面試中經常會被問道什麼是mvc 什麼是 mvvm  還有雙向數據綁定的原理:MVC:對項目的整體把控,M代表的是數據庫中的數據,V代表的是前端的視圖層,C用於處理M和V之間進行交互的業務邏輯(業務邏輯需要程序員自己控制,自己編寫)M

原创 mpvue PDF文件預覽

小程序中PDF文件預覽問題 在小程序中可以ios端可以使用  <web-view :src="url"></web-view> 但是在Android端pdf文件會自動下載 解決方案:1 通過判斷 系統類型是否是ios還是Android,

原创 extract-text-webpack-plugin" loader is used without the corresponding plugin 打包報錯

這個問題之前困擾我好久 在項目發佈的是需要打包 剛開始打包沒問題  突然今天出錯了  網上的答案千奇百怪  話不多說 直接上代碼 剛開始 以爲是 插件版本問題 有一些確實是版本問題 後面經過測試 和版本無關  不管是之前還是之後的版本 都

原创 vue 中把dome拖拽封裝成全局自定義指令

1 首先在vue中 我們把拖拽事件進行封裝(我這裏是把它取名叫common.js) 2 定義一個對象  3 把需要用到的封裝函數寫在對象裏面 4 導出這個對象  5 在需要用到拖拽功能的組件中進行引入 6 給需要拖拽的元素綁定事件

原创 解決使用腳手架打包後 本地不能訪問的問題

很多學習vue的人在 使用腳手架進行開發後 執行npm run build 的時候會報這樣的錯誤這一般都是緩存的問題  解決方案就是 在c盤中找到AppData\Roaming\npm-cache這個文件進行刪除 然後在項目依賴中刪除no

原创 TypeError: Cannot read property 'gc' of undefined

出現這種錯誤有兩個地方  一  百度地圖沒有用div包裹 創建百度地圖實例的時候 ID和包裹的div裏面的ID不一致 這兩個地方要一致 二: 實例過一次百度地圖 重複實例化上面已經實例化一次 後面重複實例化  大部分 由於複製代碼沒有看清

原创 原始form表單提交數據字段缺失問題

最近修改一個前後端不分離的項目 表單提交使用的是最原始的提交方式(不想吐槽了) 提交數據的時候不能把輸入框設置disabled=true  修改爲disabled=false就OK了

原创 elementUI中input框無法輸入的問題

最近發現別人項目中在輸入密碼的時候發現input框無法輸入進去 鍵盤都快敲壞了還是無法輸入 通過各種排查、還是無法解決這個問題 後面無意中發現 elementUI中@input事件可以拿到當前的輸入的值 問題找到了 視圖沒有更新的問題 那

原创 高德地圖實現marker水波紋雷達擴散覆蓋效果

高德地圖上面的marker的一些方法沒有百度地圖多 參考了一篇關於百度地圖marker雷達圖的文章 博主很強大 給他點個贊 具體實現思路 :每一幀改變一下circle半徑即可。然後多個circle覆蓋在一起,按時間差進行繪製,向外擴散時又

原创 react學習之路(二)es6語法掌握

react對js基礎要求比較高 es6是必備基礎  let 和 const 命令 變量的解構賦值 字符串的擴展 數值的擴展 函數的擴展 數組的擴展 對象的擴展 Class 的基本語法 Set 和 Map 數據結構 Promise 對象 還

原创 react學習之路(一)react腳手架的安裝

官網鏈接https://github.com/facebook/create-react-app npm install create-react-app -g 全局安裝react腳手架 create-react-app my-app 安

原创 vue項目中使用webscoket心跳重連

首先在created定義心跳檢測對象 that.websock.send("ping")  send方法是webscoket自帶的一種給服務器發送消息的方法 that.heartCheck = heartCheck  表示把heartC

原创 解決elementUI菜單在vue中切換路由不高亮的問題

場景:項目中需要用到webscoket  推送過來的信息 點擊信息按鈕  跳轉到指定的頁面 路由改變了 可是菜單還是上一次的菜單高亮 elementUI 裏面有個屬性  通過設置這兩個屬性實現激活菜單的顏色 active-text-c