原创 el input編輯頁面輸入不管用，無法輸入的問題
發現elementUI中@input事件可以拿到當前輸入的值， 問題找到了，視圖沒有更新的問題 解決方法 this.$forceUpdate()
2020-06-27 23:39:58
1
原创 vue中頁面提示是否保存再離開
beforeRouteLeave (to, from, next) { //流程頁 人爲點擊保存跳轉頁面 新增 if(this.processPage && !this.manToSave && this.t
2020-06-27 23:39:58
2
原创 文字超出...展開
<div id="hutia"> <script type="text/javascript"> (function(){ var o = document.getElementById("hutia"); Subt(o); }
2020-06-27 23:39:58
原创 formData 上傳文件，解析爲二進制文件上傳
使用FileReaderAPI 我個人更喜歡ES7方法。但是語法花了我一段時間才習慣。 使用ES5 function getBinaryFromFile(file, cb) { const reader = new Fil
2020-06-27 23:39:58
原创 HTML中footer固定在頁面底部的若干種方法
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>footer需要固定在底部</title> <styl
2020-06-27 23:39:58
原创 組件內的導航守衛---
const Foo = { template: `...`, beforeRouteEnter (to, from, next) { // 在渲染該組件的對應路由被 confirm 前調用 // 不！能！獲取組件實例
2020-06-27 23:39:47
原创 nodejs/webpack項目提示Invalid Host header （通過參數disableHostCheck控制）
nodejs項目在本地訪問正常，然而部署到服務器上就提示Invalid Host header。 原因： 新版的webpack-dev-server出於安全考慮，默認檢查hostname，如果hostname不是配置內的，將中斷訪
2020-06-27 23:39:47
原创 js-es6數組的方法find()、findIndex()、 forEach() 、map()、filter()、reduce()、some()、every()
1.find()、findIndex() var stu =[ { "name": "張三", "gender": "男", "age": 20 }, {
2020-06-27 23:39:47
原创 vue 獲取動態元素高度--採坑
頁面中搞一個區域用來scroll列表，所以必須要獲取scroll-wrap的高度，於是想盡辦法獲取swipe、navbarBox的高度 <div v-if="data[column]"> <div class="columnP
2020-06-27 23:39:47
原创 div 中內容上下居中
情形一：div限高，內容長度限一行 <style> .v-align { margin: 0 auto; width: 200px; height: 80px; text-align: center; line-heig
2020-06-27 23:39:47
1
原创 Vue router的鉤子函數
Vue router的鉤子函數 在路由跳轉的時候，我們需要一些權限判斷或者其他操作。這個時候就需要使用路由的鉤子函數。 定義：路由鉤子主要是給使用者在路由發生變化時進行一些特殊的處理而定義的函數。 總體來講vue裏面提供了三大類
2020-06-27 23:39:47
原创 JS獲取元素屬性和ES6獲取自定義屬性
獲取元素的屬性分爲兩種類型： 1. 獲取和設置元素常見的屬性（class,id,type,value…） //js 設置屬性 .setAttribute("屬性","值") 獲取屬性 .getAttribute("屬性")
2020-05-01 00:12:37
原创 js安裝對應的app喚起native app || 沒有安裝App跳到App Store應用商店 後期實現
var ua = navigator.userAgent.toLowerCase(); 1.判斷是否是微信 function isWeixinBrowser() { return (/micromessen
2020-05-01 00:12:37
原创 基於vue展開收起動畫
有一段時間沒用vue動畫了，就忘了，又仔細去看了vue官網 的過渡&動畫，記錄下來方便快速使用 (可以多看vue官網 過渡&動畫 實現更多效果) 1、實際效果 展開收起效果.gif 2、代碼 <!--css-->
2020-05-01 00:12:37
原创 js安裝對應的app喚起native app || 沒有安裝App跳到App Store應用商店 前期採坑
一是如何喚起本地app，二是如何判斷瀏覽器是否安裝了對應app。 我們從前端角度思考看這個問題，需要知道的一點是，ios與Android都支持一種叫做schema協議的鏈接。 這個協議不需要我們前端去實現，我們只需要將協議放在a標
2020-05-01 00:12:37