原创 如何微信小程序刪除緩存數組中的數據方法

// 刪除團隊成員 onTapDelMember: function (e) { // 獲取團隊成員 var memberList = wx.getStorageSync(‘memberList’); console.log(me

原创 vuex mutation action同級調用

mutatiion 同級調用:this.commit action 同級調用:this.dispatch // 同步 const mutations = { add(state, payload) {

原创 javascript 中 try...catch與if else 妙用

場景: 數組中循環判斷時,當其中一條循環不滿足條件時候,拋出提示語句,然後跳出循環,即終止循環。 // 判斷 start 和 end 不能相等 function maxHandler() { let

原创 如何解決ios鍵盤消失頁面不回彈問題

最近開發H5遇到一個奇怪的bug,ios出現次bug,安卓沒有此現象。 ios的input輸入框喚出鍵盤後,鍵盤消失頁面卻不回彈問題。 // html <input label="姓名 v-model="name" @blur="

原创 vue監聽瀏覽器返回事件

需求:需要實現點擊瀏覽器左右上角返回按鈕 回到指定頁面 1 掛載完成後,判斷瀏覽器是否支持popstate的屬性 mounted(){ if (window.history && window.history.pushStat

原创 如何實現echarts雙Y軸左右刻度線一致

關鍵代碼 需要計算雙Y軸的最大值 最小值 interval, splitNumber min: 0, splitNumber: 5, interval: (YLeftMax - 0) / 5, <template>

原创 如何 a:hover僞類在ios移動端瀏覽器內無效的解決方法

原因: &:hover 的樣式的在ios中是顯示不出來的,安卓的可以顯示出來 方案:需要在按鈕元素或body/html上綁定一個touchstart事件才能激活爲:active狀態。 方法1 document.body.addE

原创 使用nodeJs開發自己的圖牀應用

github地址:點擊進入 您將收穫 Node應用基本架構方式以及開發NodeJS應用的流程 jwt的鑑權及鑑權中間件的使用 跨域解決方案Koa Cors的使用介紹,服務器白名單 基於koa-body封裝文件上傳中間件 服

原创 基於Vue實現拖拽效果之臨界限制

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=dev

原创 vscode更新vetur後出現紅色波浪號??

打開 首選項 - 設置 - 添加代碼 "vetur.experimental.templateInterpolationService": false, "vetur.validation.template": fal

原创 關於element-ui 日期控件時間範圍控制

關於element-ui 日期控件時間範圍控制 單個日期輸入框 <el-date-picker v-model="value1" type="date" placeho

原创 自定義設置 mongoose的 createdAt 和 updatedAt

在設計 models的時候,想要 創建時間和更新時間,我們不需要手動設置,mongoose 提供了現成的方法 生成系統createdAt 和 updatedAt 日期格式 timestamps: true const mong

原创 mongoose 實現評論功能(一級和二級評論)

創建數據,可以創建一級和二級評論, 查詢返回數據整合數據返回,具體實現效果如下。具體啓動node,連接mongodb ,創建router,controller等操作自行處理。 最終的數據結構 1. 創建model 一級評論

原创 基於Vue實現拖拽效果之數組拖拽排序

拖拽的核心是:dragstart, dragenter, dragend 的方法 動畫採用 transition-group 的方法 <!DOCTYPE html> <html lang="en"> <head>

原创 基於Vue實現拖拽效果之拖拽指令

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=dev