2016阿里前端實習(xí)生筆試

  • ~ ~!null //1
    :按位非操作符由一個波浪線()表示牲览,執(zhí)行按位非的結(jié)果就是返回數(shù)值的反碼朽寞。
~2 === -3; //true
~1 === -2; //true
~0 === -1; //true
~-1 === 0; //true

~ ~: 類似Math.floor()的用法殴胧,某些瀏覽器下比 Math.floor 渲染速度快
~~介紹
JavaScript 奇技淫巧

  • 選擇合適的選擇器選擇第二個 p 標(biāo)簽
<div>
        <p>p1</p>
        <span>span1</span>
        <p>p2</p>
        <span>span2</span>
</div>
  1. div > :nth-last-child(2)
    //父元素倒數(shù)第二個元素
  2. p:nth-last-child(1)
    //錯誤
  3. p:nth-last-of-type(1)
    //僅匹配同種標(biāo)簽的元素订咸,匹配到倒數(shù)第一個p
  4. p:nth-of-type(2)
    //僅匹配同種標(biāo)簽的元素盖灸,匹配到第二個p
  5. p:nth-child(2)
    //錯誤氏涩,匹配到父元素下的第二個元素
    http://www.ruanyifeng.com/blog/2009/03/css_selectors.html
  • 原生js相關(guān)基礎(chǔ)

  • 以下屬性是否與 IE9 兼容

innerHTML/innerText/children/childrennode/classname
  • 防御XSS注入攻擊

  • 輸入"www.taobao.com"届囚,輸出"moc.oab.www"

("www.taobao.com").replace("tao","").split("").reverse().join("")
  • css3動畫1s內(nèi)實現(xiàn)正方形翻轉(zhuǎn)
 <style>       
 #loading { 
           width: 100px;
            height: 100px;
            position: absolute;
            animation: circling 1s linear 0s infinite;
        }
        @keyframes circling {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }    
</style>
<body>
    <div id="loading"></div>
<body>

以前用css3寫過一個搖頭的(●—●)來著
http://begin5257.com/Baymax/
github地址

  • 使用css3實現(xiàn)一個長這樣的東西

主要是星星和邊框
原題 : )

 <style>
        a{
            border-radius: 10px;
            text-shadow: 0 1px #eee;
            box-shadow: 0 29px 0 rgba(222, 222, 222, 1) inset,0 0 0 6px #CACACA, 0 0 0        8px #fff, 0px 0px 0px 10px #696969, 0 2px 3px 11px #CBCBCB;

            background: rgba(182, 182, 182, 0.6);
        }
        a:before, a:after {
            font-size: 27px;
            color: #888;
            content: "★";
            text-shadow: 0 1px #fff;
        }
    </style>
  • 簡述一個 js彈窗組件的實現(xiàn)思路
觸發(fā)方式,彈窗內(nèi)容是尖,消失方式
  • 設(shè)計一個可以監(jiān)控全站錯誤并且將錯誤上報的 js 模塊
使用 try-catch / window.onerror 捕獲異常
阻止常規(guī)報錯
使用 ajax 將異常發(fā)送到某個頁面
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末意系,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子饺汹,更是在濱河造成了極大的恐慌蛔添,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,591評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件兜辞,死亡現(xiàn)場離奇詭異迎瞧,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)逸吵,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評論 3 392
  • 文/潘曉璐 我一進(jìn)店門凶硅,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人扫皱,你說我怎么就攤上這事足绅。” “怎么了韩脑?”我有些...
    開封第一講書人閱讀 162,823評論 0 353
  • 文/不壞的土叔 我叫張陵氢妈,是天一觀的道長。 經(jīng)常有香客問我段多,道長允懂,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,204評論 1 292
  • 正文 為了忘掉前任衩匣,我火速辦了婚禮蕾总,結(jié)果婚禮上粥航,老公的妹妹穿的比我還像新娘。我一直安慰自己生百,他們只是感情好递雀,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,228評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著蚀浆,像睡著了一般缀程。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上市俊,一...
    開封第一講書人閱讀 51,190評論 1 299
  • 那天杨凑,我揣著相機(jī)與錄音,去河邊找鬼摆昧。 笑死撩满,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的绅你。 我是一名探鬼主播伺帘,決...
    沈念sama閱讀 40,078評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼忌锯!你這毒婦竟也來了伪嫁?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,923評論 0 274
  • 序言:老撾萬榮一對情侶失蹤偶垮,失蹤者是張志新(化名)和其女友劉穎张咳,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體似舵,經(jīng)...
    沈念sama閱讀 45,334評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡晶伦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,550評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了啄枕。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片婚陪。...
    茶點(diǎn)故事閱讀 39,727評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖频祝,靈堂內(nèi)的尸體忽然破棺而出泌参,到底是詐尸還是另有隱情,我是刑警寧澤常空,帶...
    沈念sama閱讀 35,428評論 5 343
  • 正文 年R本政府宣布沽一,位于F島的核電站,受9級特大地震影響漓糙,放射性物質(zhì)發(fā)生泄漏铣缠。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,022評論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望蝗蛙。 院中可真熱鬧蝇庭,春花似錦、人聲如沸捡硅。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,672評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽壮韭。三九已至北发,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間喷屋,已是汗流浹背琳拨。 一陣腳步聲響...
    開封第一講書人閱讀 32,826評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留屯曹,地道東北人狱庇。 一個月前我還...
    沈念sama閱讀 47,734評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像是牢,于是被迫代替她去往敵國和親僵井。 傳聞我的和親對象是個殘疾皇子陕截,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,619評論 2 354

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

  • 1驳棱、屬性選擇器:id選擇器 # 通過id 來選擇類名選擇器 . 通過類名來選擇屬性選擇器 ...
    Yuann閱讀 1,631評論 0 7
  • 一、HTML5 1.1 認(rèn)識HTML5 HTML5并不僅僅只是作為HTML標(biāo)記語言的一個最新版本农曲,更重要的是它制定...
    福爾摩雞閱讀 15,879評論 14 51
  • 請參看我github中的wiki社搅,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,127評論 2 19
  • 從定目標(biāo)開始一直勤勤懇懇乳规,非常努力形葬,就像定目標(biāo)時的盡頭一樣很足,每天都在平淡無奇的日子里暮的,默默努力笙以,好不松懈,那時...
    Beral_goodluck閱讀 209評論 0 0
  • 最近,熱播劇《我的前半生》迎來了大結(jié)局恨闪,結(jié)局看似乎不完美倘感,卻又是最好的結(jié)局。 拋開賀涵來說咙咽,子君和唐晶這對閨蜜讓人...
    瀾沐夜閱讀 288評論 0 1