網(wǎng)易云音樂項(xiàng)目問題記錄

  • flex:1;和flex-grow:1;是不一樣的。一個(gè)是平分剩余空間夜牡,一個(gè)是平分所有空間醉锅。
  • position的定位點(diǎn)問題,在不設(shè)置定位點(diǎn)的前提下啊鸭,使用left/top定位點(diǎn)在左上角锹淌,使用bottom/right的時(shí)候定位點(diǎn)在右下角。如果設(shè)置right/bottom的話赠制,再手動(dòng)設(shè)置定位點(diǎn)就會(huì)依照右下角進(jìn)行設(shè)置赂摆。同理,設(shè)置top/right的時(shí)候钟些,初始定位點(diǎn)在右上角烟号。
  • 用css如何讓超出寬度的文字變成省略號(hào)?
  • margin合并的三種情況及破解辦法政恍?
  • 靈活使用line-height和height來調(diào)整行內(nèi)文字的位置和高度汪拥?
  • css的inherit用法,以前沒用過
  • 將字體大小設(shè)置為瀏覽器默認(rèn)最小值以下篙耗,如何避免不能正常顯示的問題迫筑?transform:scale()方法破
  • background的一些屬性不熟悉:如background-position/background-clip/background-color等
  • svg的部分操作不熟悉
  • 部分標(biāo)簽如a標(biāo)簽是inline還是block記不清
  • 標(biāo)簽class的命令方法,這個(gè)項(xiàng)目有很大幫助
  • flex在部分瀏覽器上失效的補(bǔ)救方法宗弯?
  • 在移動(dòng)頁面上使用fixed 屬性的問題及破解辦法脯燃?
  • 在不設(shè)置一個(gè)block元素寬高的前提下,用left/right的負(fù)值來改變一個(gè)元素的大小蒙保,第一次見到這種操作辕棚。
  • 在一個(gè)元素中添加span/div及::before/after來破一些下劃線的辦法?如導(dǎo)航欄文字的下劃線解決辦法?
  • section>h3:first-child{}表示什么意思逝嚎?
  • 如果a標(biāo)簽href屬性不寫值扁瓢,點(diǎn)擊以后就會(huì)消失?
  • 取反以及~再取反的作用和原理

此處重點(diǎn):有關(guān)如何在一個(gè)CSS中同時(shí)使用transform:rotate和translate的方法懈糯,注意覆蓋
這里是一個(gè)相關(guān)說明

這里依然是重點(diǎn)涤妒,使用trigger及自定義事件的辦法单雾,需要再總結(jié)一下

  • offset() position() height()
  • hsla的寫法有格式赚哗,之前理解有誤;做熱歌榜最下面多出來的差不多5px到底是什么硅堆?
屏幕快照 2017-06-29 下午4.24.08.png

看下什么意思屿储?

li里加div的下場

屏幕快照 2017-06-29 下午4.53.59.png

  • 雙語歌詞的播放問題
  • 部分瀏覽器的支持問題,是不支持promise的關(guān)系的嗎渐逃?
  • 模板字符串的使用錯(cuò)誤够掠,用了模板字符串,那就不能用加號(hào)茄菊,錯(cuò)誤如下:
屏幕快照 2017-06-30 上午2.56.33.png
  • css雪碧圖的幾種用法

  • 關(guān)于和input相關(guān)的一些表單事件完全不熟啊疯潭,它的一些基本類型,如何修改它的默認(rèn)樣式等等面殖,這些東西都不會(huì)竖哩,要總結(jié)成一篇博客。

  • input不支持偽元素脊僚,偽元素注意點(diǎn) 這里

  • 瀏覽器里如何顯示圖標(biāo)相叁?點(diǎn)這篇

  • 如何修改input里的placeholder的默認(rèn)顏色、字體大小以及如何調(diào)整它與輸入框的上下邊距辽幌?用line-height增淹。
    詳細(xì)看這里

  • 如何修改里面的x 以及去除眼睛標(biāo)志?看這里
    還有這篇也很重要

  • 發(fā)現(xiàn)一個(gè)bug乌企,音樂播放完了以后再點(diǎn)擊歌詞不再滾動(dòng)

  • localstorage的使用

  • 油猴子教程

  • 方方的兩次水課虑润,qq已經(jīng)收藏了,抽空看

  • 實(shí)時(shí)監(jiān)聽輸入框值的方案

  • 函數(shù)節(jié)流、函數(shù)防扯

  • filter返回的是符合條件的數(shù)組

let result = database.filter(function(item){
        if(item.name.indexOf(keyword) >= 0){
          return item.name
        }
      });

即使這樣寫返回的依然是數(shù)組加酵,而不是數(shù)組里的name對(duì)應(yīng)的值

  • filter:blur;第一次見到的CSS屬性拳喻,回頭再看看

  • z-index再復(fù)習(xí)一下,使用的不熟練虽画,偽元素舞蔽。難道偽元素before在最大子元素之前,而after則是在最里面的后代元素之后码撰?

  • album頁面里面的介紹省略號(hào)的出現(xiàn)渗柿,還有就是點(diǎn)擊了以后顯示全部,這個(gè)功能沒做。

  • 如何用JS來取css偽元素的屬性朵栖?看這里

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末颊亮,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子陨溅,更是在濱河造成了極大的恐慌终惑,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,718評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件门扇,死亡現(xiàn)場離奇詭異雹有,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)臼寄,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,683評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門霸奕,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人吉拳,你說我怎么就攤上這事质帅。” “怎么了留攒?”我有些...
    開封第一講書人閱讀 158,207評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵煤惩,是天一觀的道長。 經(jīng)常有香客問我炼邀,道長魄揉,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,755評(píng)論 1 284
  • 正文 為了忘掉前任汤善,我火速辦了婚禮什猖,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘红淡。我一直安慰自己不狮,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,862評(píng)論 6 386
  • 文/花漫 我一把揭開白布在旱。 她就那樣靜靜地躺著摇零,像睡著了一般。 火紅的嫁衣襯著肌膚如雪桶蝎。 梳的紋絲不亂的頭發(fā)上驻仅,一...
    開封第一講書人閱讀 50,050評(píng)論 1 291
  • 那天,我揣著相機(jī)與錄音登渣,去河邊找鬼噪服。 笑死,一個(gè)胖子當(dāng)著我的面吹牛胜茧,可吹牛的內(nèi)容都是我干的粘优。 我是一名探鬼主播仇味,決...
    沈念sama閱讀 39,136評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼雹顺!你這毒婦竟也來了丹墨?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,882評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤嬉愧,失蹤者是張志新(化名)和其女友劉穎贩挣,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體没酣,經(jīng)...
    沈念sama閱讀 44,330評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡王财,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,651評(píng)論 2 327
  • 正文 我和宋清朗相戀三年弯菊,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了谊却。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,789評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖闪金,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情论颅,我是刑警寧澤哎垦,帶...
    沈念sama閱讀 34,477評(píng)論 4 333
  • 正文 年R本政府宣布,位于F島的核電站恃疯,受9級(jí)特大地震影響漏设,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜今妄,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,135評(píng)論 3 317
  • 文/蒙蒙 一郑口、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧盾鳞,春花似錦犬性、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,864評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至推励,卻和暖如春鹤耍,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背验辞。 一陣腳步聲響...
    開封第一講書人閱讀 32,099評(píng)論 1 267
  • 我被黑心中介騙來泰國打工稿黄, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人跌造。 一個(gè)月前我還...
    沈念sama閱讀 46,598評(píng)論 2 362
  • 正文 我出身青樓杆怕,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子财著,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,697評(píng)論 2 351

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案联四? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,741評(píng)論 1 92
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font撑教,text-align朝墩,li...
    wzhiq896閱讀 1,737評(píng)論 0 2
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font伟姐,text-align收苏,li...
    love2013閱讀 2,306評(píng)論 0 11
  • 一:在制作一個(gè)Web應(yīng)用或Web站點(diǎn)的過程中,你是如何考慮他的UI愤兵、安全性鹿霸、高性能、SEO秆乳、可維護(hù)性以及技術(shù)因素的...
    Arno_z閱讀 1,141評(píng)論 0 1
  • 在想到這個(gè)話題的時(shí)候懦鼠,突然感覺,把自己近兩三年間眾多的相親男士屹堰,作為創(chuàng)作小說的人物素材肛冶,是個(gè)不錯(cuò)的提議。好比有人去...
    曉天狼星閱讀 195評(píng)論 0 1