記錄一些不常見,但是有用的方法

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)簽







最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市橘原,隨后出現(xiàn)的幾起案子籍铁,更是在濱河造成了極大的恐慌,老刑警劉巖趾断,帶你破解...
    沈念sama閱讀 211,884評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件拒名,死亡現(xiàn)場離奇詭異,居然都是意外死亡芋酌,警方通過查閱死者的電腦和手機(jī)增显,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,347評論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來脐帝,“玉大人同云,你說我怎么就攤上這事《赂梗” “怎么了炸站?”我有些...
    開封第一講書人閱讀 157,435評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長秸滴。 經(jīng)常有香客問我武契,道長,這世上最難降的妖魔是什么荡含? 我笑而不...
    開封第一講書人閱讀 56,509評論 1 284
  • 正文 為了忘掉前任咒唆,我火速辦了婚禮,結(jié)果婚禮上释液,老公的妹妹穿的比我還像新娘全释。我一直安慰自己,他們只是感情好误债,可當(dāng)我...
    茶點故事閱讀 65,611評論 6 386
  • 文/花漫 我一把揭開白布浸船。 她就那樣靜靜地躺著,像睡著了一般寝蹈。 火紅的嫁衣襯著肌膚如雪李命。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,837評論 1 290
  • 那天箫老,我揣著相機(jī)與錄音封字,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛阔籽,可吹牛的內(nèi)容都是我干的流妻。 我是一名探鬼主播,決...
    沈念sama閱讀 38,987評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼笆制,長吁一口氣:“原來是場噩夢啊……” “哼绅这!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起在辆,我...
    開封第一講書人閱讀 37,730評論 0 267
  • 序言:老撾萬榮一對情侶失蹤证薇,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后开缎,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體棕叫,經(jīng)...
    沈念sama閱讀 44,194評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,525評論 2 327
  • 正文 我和宋清朗相戀三年奕删,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片疗认。...
    茶點故事閱讀 38,664評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡完残,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出横漏,到底是詐尸還是另有隱情谨设,我是刑警寧澤,帶...
    沈念sama閱讀 34,334評論 4 330
  • 正文 年R本政府宣布缎浇,位于F島的核電站扎拣,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏素跺。R本人自食惡果不足惜二蓝,卻給世界環(huán)境...
    茶點故事閱讀 39,944評論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望指厌。 院中可真熱鬧刊愚,春花似錦、人聲如沸踩验。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,764評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽箕憾。三九已至牡借,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間袭异,已是汗流浹背钠龙。 一陣腳步聲響...
    開封第一講書人閱讀 31,997評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人俊鱼。 一個月前我還...
    沈念sama閱讀 46,389評論 2 360
  • 正文 我出身青樓刻像,卻偏偏與公主長得像,于是被迫代替她去往敵國和親并闲。 傳聞我的和親對象是個殘疾皇子细睡,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,554評論 2 349

推薦閱讀更多精彩內(nèi)容

  • 前端開發(fā)面試題 面試題目: 根據(jù)你的等級和職位的變化,入門級到專家級帝火,廣度和深度都會有所增加溜徙。 題目類型: 理論知...
    怡寶丶閱讀 2,572評論 0 7
  • 概要 64學(xué)時 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,128評論 0 3
  • 主要還是自己看的,所有內(nèi)容來自官方文檔犀填。 介紹 Vue.js 是什么 Vue (讀音 /vju?/蠢壹,類似于 vie...
    Leonzai閱讀 3,334評論 0 25
  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,219評論 0 4
  • @轉(zhuǎn)自GitHub 介紹js的基本數(shù)據(jù)類型。Undefined九巡、Null图贸、Boolean、Number冕广、Strin...
    YT_Zou閱讀 1,145評論 0 0