1.Object.keys(obj)返回值:一個表示給定對象的所有可枚舉屬性的字符串?dāng)?shù)組泉懦。
參數(shù):
數(shù)組 obj = ['name','age','sex']片部,返回值為數(shù)組["0", "1", "2"]
對象 obj = { love: 'girl', sex: 'male', age: 18 } 返回值為數(shù)組["love", "sex", "age"]
特點:取數(shù)組的索引、對象的屬性名
2.scrollBehavior
Vue項目中暇番,在路由中配置這個屬性嗤放,和keep-alive結(jié)合可以實現(xiàn)后退時回到之前滾動的位置,并不刷新數(shù)據(jù)壁酬,前進(jìn)時刷新數(shù)據(jù)的效果
newVueRouter({? ??
mode:'history',? ??
routes: [{? ? ? ? path:'/foo',? ? ? ? ? ? component: (resolve) => {require(['views/foo'], resolve)? ? ? ? },? ? ? ? meta: {isKeepAlive:true}? ? }],? ??
scrollBehavior (to,from, savedPosition) {if(savedPosition ||typeofsavedPosition =='undefined') {//從第二頁返回首頁時savePosition為undefined
//只處理設(shè)置了路由元信息的組件from.meta.isKeepAlive =typeoffrom.meta.isKeepAlive =='undefined'?undefined:false;to.meta.isKeepAlive =typeofto.meta.isKeepAlive =='undefined'?undefined:true;if(savedPosition) {returnsavedPosition;? ? ? ? ? ? }? ? ? ? }else{from.meta.isKeepAlive =typeoffrom.meta.isKeepAlive =='undefined'?undefined:true;to.meta.isKeepAlive =typeofto.meta.isKeepAlive =='undefined'?undefined:false;? ? ? ? }? ? }})? ?
2.對img設(shè)置name屬性,如name=b1,width=200px次酌,取圖片元素的時候可以使用document.b1.offsetWidth獲取到寬度
3.input框回車事件,會刷新頁面厨喂,解決方法如下:
keypress事件和措,keyCode為13時執(zhí)行代碼,在input輸入框前再添加個輸入框,設(shè)置display為none
4.接口請求過來的異步數(shù)據(jù),作為prop屬性傳給子組件蜕煌,子組件獲取不到派阱,解決方法為:
在created鉤子函數(shù)里,設(shè)置一個定時器斜纪,在定時器里調(diào)用方法贫母,如setTimeout(()=>{this.page()})
5.vue組件中文兑,input輸入框,按回車觸發(fā)事件
<input @keyup.enter="change" >同樣 可以實現(xiàn)按回車觸發(fā)事件
6.對一個偽數(shù)組遍歷的方法
[].slice.call(this.querySelectorAll('input')).forEach(function(val) {})
7.表單重置
formObject.reset()
8.左邊不固定寬度腺劣,右邊自適應(yīng)布局
左邊元素設(shè)置float:left 右邊設(shè)置display:table-cell
9.最小最大值
Math.min.apply(null, arr)
10.button元素請求接口時會刷新頁面绿贞,建議改用a標(biāo)簽