原创 VUE技巧：實現移動端搜索框點擊搜索後隱藏鍵盤功能
在移動端瀏覽器上實現搜索功能，通常情況下比較好的實現是點擊輸入框之後彈出鍵盤，然後enter鍵顯示“搜索”兩個字；輸入關鍵字然後點擊“搜索”，鍵盤收起，執行對應的查詢操作。如下圖所示： 那麼要如何實現呢？ 首先要使用form表
2020-06-15 00:24:14
原创 有關js正則的記錄——允許爲空但是不爲空時需要檢驗
允許爲空但是不爲空時需要檢驗，使用 var a = /(^$)|(你需要的檢測規則)/ 其中^$表示爲空，|表示或，需要檢驗是否爲空然後再檢驗是否符合對應的規則，不然會一直返回true。
2020-06-15 00:24:14
原创 VUE報錯：Module build failed: Error: ENOENT: no such file or directory,scandir'XXX'
vue啓動報錯Module build failed: Error: ENOENT: no such file or directory,scandir’XXX’，通常情況下屬於插件出問題了，可能是文件丟失或者文件錯誤，此時可以使
2020-06-15 00:24:14
原创 $(window).scroll無效的原因
如果在css中html、body的高度樣式設置爲100%，那麼$(window).scroll方法將檢測不到正確的滾出高度，導致滾動監聽事件失效
2020-06-15 00:24:14
原创 npm報錯：Can't find Python executable "python", you can set the PYTHON env variable.
當使用npm安裝的時候提示報錯：Can’t find Python executable “python”, you can set the PYTHON env variable.提示缺少python環境。 可嘗試以下方法修復：
2020-06-15 00:24:04
原创 VUE使用技巧：使用v-for循環輸出數組的某一部分
可以使用slice或者splice獲取數組中的特定部分進行輸出： <li v-for="item of array.slice(0, 5)" :key="item.id">{{ item.name }}</li>
2020-06-15 00:24:04
原创 日常問題記錄—IOS下時間顯示NaN
IOS中網頁不支持“yyyy-mm-dd”形式的時間格式，會導致NaN出現，解決方法： 將“yyyy-mm-dd”改爲“yyyy/mm/dd”格式即可
2020-06-15 00:24:04
原创 [Vue warn]: Duplicate keys detected: 'X'. This may cause an update error.
在使用VUE開發過程中，當使用v-for渲染列表的時候， <ul> <li v-for="item in items" :key="item.id">...</li> </ul> 假如其中綁定“item.id”有所重複的時候
2020-06-15 00:24:04
原创 vue-cli3全局引入jquery
首先使用npm下載jQuery npm install jquery 在項目目錄新建vue.config.js，然後在configureWebpack選項中添加jquery插件參數 const webpack = re
2020-05-01 09:04:18
原创 [Vue warn]: Failed to mount component: template or render function not defined
在使用VUE的過程中有可能會遇到這樣的提示： “Failed to mount component: template or render function not defined”，提示掛載組件失敗，原因可能是： 模板文件有問
2020-03-17 18:26:36
原创 CSS Loader has been initialized using an options object that does not match the API schema
“Module build failed (from ./node_modules/css-loader/dist/cjs.js): ValidationError: Invalid options object. CSS Loa
2020-03-17 18:26:36
原创 關於使用flex佈局的下父元素自適應寬度，子元素長度超出父元素寬度的一個解決方法
直接上代碼： <div class="parent"> <p class="childOne">關於使用flex佈局的下父元素自適應寬度，子元素長度超出父元素寬度的一個解決方法</p> <button class="child
2020-02-22 03:10:18
1
原创 IOS上微信瀏覽器BUG踩坑記錄（一）——檢測富文本編輯器tinymce的blur事件失效
問題：在微信上訪問H5頁面，其中在編輯器上完成編輯後失去焦點時操作頁面回滾到頂部。 this.Editor = window.tinymce.init({ ...this.DefaultConfig,
2019-09-02 21:34:54
原创 在flex佈局下input設置flex:1失效的原因
由於input默認存在最小寬度，所以在父元素寬度太小的情況下input設置了flex:1會失效 <div style="width: 100px;display: felx;"> <input style="flex: 1;"><
2019-09-02 21:34:54
原创 express報錯之——Error: Can't set headers after they are sent.
作爲小白第一次用nodejs+express，然後在做登錄處理的時候，發現了個小問題“Error: Can’t set headers after they are sent.”，代碼如下： app.post('/login', fu
2018-12-07 22:41:07