原创 如何微信小程序刪除緩存數組中的數據方法
// 刪除團隊成員 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