原创 vuecli2 vuecli3去除打包後靜態資源文件名的hash值

vuecli2: 修改vue項目根目錄下的  build/webpack.prod.conf.js文件==》 js模塊: output: {   path: config.build.assetsRoot,   filename: uti

原创 vue-router配置路由實現返回上一頁,上一頁頁面數據留存

在需要數據留存的路由添加項: meta:{             keepAlive:true  } 然後在router-view頁面判斷頁面留存路由參數:

原创 vue 頁面內選擇時動態生成的input導致v-model不能雙向數據綁定

如果對象是響應式的,確保屬性被創建後也是響應式的,同時觸發視圖更新。這個方法主要用於避開 Vue 不能檢測屬性被添加的限制。 this.$set( target, key, value)------------vm.$set( targe

原创 css小點

xxx::-webkit-input-placeholder{}  修改placeholder方案 使用vertical-align:middle屬性後img不會垂直居中問題:需要在img類上再設置一遍vertical-align:mid

原创 mixin.less全局注入vuecli3

安裝 style-resources-loader pluginOptions:{         "style-resources-loader":{             preProcessor:"less",          

原创 vue css中使用@作爲根路徑報錯問題

配置vue.config.js不對style部分得css生效,CSS loader 會把把非根路徑的url解釋爲相對路徑, 加~前綴纔會解釋成模塊路徑(~@代表根路徑)。

原创 js的call和apply方法

call和apply用來改變函數的上下文,第一個參數爲要改變的上下文對象,接收參數爲call字符串參數、apply數組參數,如果第一個參數爲null/undefined則指向window(node指向global)。 function X

原创 em、rem

em:    1em等同於它當前的font-size,在不同的代碼片段中1em就會有不同的取值。rem:    rem指的是-根em,1rem等同於1個根font-size的取值,也就是1rem等同於<html>中的font-size。使

原创 js數組方法

concat()//方法用於連接兩個或多個數組,該方法不會改變現有數組,僅僅返回被連接數組的一個副本(新數組)。 join(separator)//方法用於把數組中的所有元素放入到一個字符串,省略separator則以逗號作爲分隔符。 p

原创 瀏覽器兼容方案

<!--[if IE]>......<![end if]-->

原创 js字符串方法

//1.字符方法 charAt()//獲取指定位置處字符 charCodeAt()//獲取指定位置處字符的ASCII碼 str[0]//HTML5,IE8+支持和charAt()等效 //2.字符串操作方法 concat()//拼接字符串

原创 數組變異方法和非變異

變異方法,會改變被這些方法調用的原始數組   push()   pop()   shift()   unshift()   splice()   sort()   reverse() 非變異方法,filter(), concat() 和 

原创 聖盃佈局和雙飛翼佈局

雙飛翼佈局主要解決倆問題:1、三列布局,中間寬度自適應,兩邊定寬; 2、中間欄要在瀏覽器中優先展示渲染。聖盃佈局:思路是把左列left 右列right 主列middle分別浮動,然後用負外邊距給左右兩列進行定位;css:<style ty

原创 滾動條組成

滾動條組成 ::-webkit-scrollbar 滾動條整體部分 ::-webkit-scrollbar-thumb  滾動條裏面的小方塊,能向上向下移動(或往左往右移動,取決於是垂直滾動條還是水平滾動條) ::-webkit-scro