原创 關於flex佈局在IE瀏覽器上的坑

最近在項目中,鍾情於flex佈局來搭架子,感覺確實是挺方便的,但是今天遇到一個挺玄幻的問題,flex-direction 屬性在IE中執行力並不好, 代碼就不貼出來了,畢竟是公司財產, 情景:並排的表格,在瀏覽器尺寸改變時,變更排列方式,

原创 總結:Vue項目中的報錯:vue-router.esm.js?8b48:2007 Uncaught (in promise)

遇到的情景: router.beforeEach((to,from,next) => { const flag = sessionStorage.getItem("isLogin"); if(!token){

原创 搜索框input失去焦點事件和結果列表li的click事件衝突問題

開發過程中,會經常遇到搜索需求,這就會涉及到input搜索框,外面還會有ul、div等搜索列表, 需要點擊input外部進行操作時,收起或者隱藏搜索結果列表,首先我們會考慮到失去焦點來做 這就會有問題,點擊事件和blur事件的先後執行 方

原创 簡單的純數數組取極值(最大值和最小值)

今天舉個簡單的例子: 項目中遇到已知是純number類型的數組,需要取該數組的極值, ES5: let Array = [-0.1,0,19,23,66.1,1,5,7,99,0,23,1,55], tempMax = Math.ma

原创 【原創】Echarts :說說formatter自定義toolTip內容後,顏色丟失

在使用Echarts的時候,經常會碰見需要自定義toolTip顯示內容的需求, 常見的就是使用formatter(params) {}函數進行拼接,不清楚的可以看官網介紹 但是使用formater進行自定義顯示後,會出現樣式丟失的情況,就

原创 【JS】值類型(基本類型)和引用類型

在JavaScript中變量類型 值類型(基本類型):字符串(string)、數值(number)、布爾值(boolean)、undefined、null  (這5種基本數據類型是按值訪問的,因爲可以操作保存在變量中的實際的值),在ES6

原创 JS-顯式原型和隱式原型

概念: 1、函數對象--函數的prototype原型鏈上的屬性指向的原型對象,創建函數時就已經存在,默認爲空的Object 2、實例對象--函數實例化之後,產生的_proto_隱式原型,他的值等同於構造函數中的顯式prototype原型屬

原创 Vue 報錯: Error in nextTick: "InvalidCharacterError"

我遇到這個錯誤是在IE瀏覽器中,而項目在chrome瀏覽器中是正常沒有問題的, 按照字面意思很難找到這個問題到底出在哪了,出現的bug爲v-if失效,該出現的DOM沒有出現,於是我就嘗試分析DOM,提示在渲染時出現無效字符, 我的inpu

原创 獲取當前XXXX-XX-XX格式的日期

function getDate () { var newDate = new Date(), Year = newDate.getFullYear(), Month = newDate.getM

原创 vue 報錯Failed to mount component: template or render function not defined.的解決方法

之前的項目都沒有問題,結果突然出現這個報錯,查閱度娘後發現有大手子們要把vue-loader降低版本來解決,但是我的版本是 別的路徑都沒有問題,唯獨新創建的一個組件有問題 經過閱讀這位同學的文章,我嘗試去測試了一下,果然問題出現在路由

原创 面向對象編程思想和麪向過程編程思想的區別

這裏體現的是兩種JS的編程思想:面向對象編程和麪向過程編程,兩者都屬於是編程思想,各有優缺點 面向過程:        在項目開發中會有各種的邏輯方法,有的是交互,有的是創建,有的是求結果,面向過程編程是把編程的重心放在方法實現的過程中,

原创 關於Vue中element按需引入

在項目中使用elementui確實是很方便的一件事,但是如果我只需要用到其中的某一些元素來簡化代碼的話,全局引入就顯得有點臃腫了,這就有了按需引入的概念,需要什麼就引入什麼,方便 一、安裝element-ui npm i element

原创 【轉載】npm安裝依賴時-S和-D的作用以及區別

-S 即--save(保存) 包名會被註冊在package.json的dependencies裏面,在生產環境下這個包的依賴依然存在 -D 即--dev(生產) 包名會被註冊在package.json的devDependencies裏

原创 vue報錯”Invalid prop: type check failed for prop "data". Expected Array, got String.“

vue項目中遇到的報錯如下圖: 大概意思就是期望的data值是數組,但是得到的是字符串,在頁面上並不影響功能的實現,是因爲data在賦值的時候雖然格式不對,但是得到的數據格式是正確的,所以不會影響頁面功能 點開報錯,瀏覽信息 找到你的

原创 限制input標籤只能輸入數字

1、onkeyup = "value=value.replace(/[^\d]/g,'')" 使用 onkeyup 事件,有 bug ,那就是在中文輸入法狀態下,輸入漢字之後直接回車,會直接輸入字母 2、onchange = "val