Javascript原生實(shí)現(xiàn)一個(gè)面試題

MAX_zuo 發(fā)布于2019-08-23 14:49 / 1667人閱讀

摘要：實(shí)現(xiàn)要求如下構(gòu)建一個(gè)的格子從輸入框填寫，鼠標(biāo)放上去背景變成紅色，移除恢復(fù)正常鼠標(biāo)點(diǎn)擊格子背景固定為藍(lán)色，鼠標(biāo)時(shí)也不變紅，再次點(diǎn)擊恢復(fù)正常格子大小可以用控制，默認(rèn)背景色都是白色，底色變化使用來實(shí)現(xiàn)代碼如下提交

實(shí)現(xiàn)要求如下

構(gòu)建一個(gè)n*n的格子（n從輸入框填寫），鼠標(biāo)放上去背景變成紅色，移除恢復(fù)正常

鼠標(biāo)點(diǎn)擊格子背景固定為藍(lán)色，鼠標(biāo)hover時(shí)也不變紅，再次點(diǎn)擊恢復(fù)正常

格子大小可以用css控制，默認(rèn)背景色都是白色，底色變化使用js來實(shí)現(xiàn)

代碼如下




    
    
    
    Document

云服務(wù)器 GPU云服務(wù)器 javascript必問面試題面試題棧面試題筆試面試題

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/101198.html

相關(guān)文章

前端最強(qiáng)面經(jīng)匯總

摘要：獲取的對象范圍方法獲取的是最終應(yīng)用在元素上的所有屬性對象即使沒有代碼，也會把默認(rèn)的祖宗八代都顯示出來而只能獲取元素屬性中的樣式。因此對于一個(gè)光禿禿的元素，方法返回對象中屬性值如果有就是據(jù)我測試不同環(huán)境結(jié)果可能有差異而就是。花了很長時(shí)間整理的前端面試資源，喜歡請大家不要吝嗇star~ 別只收藏，點(diǎn)個(gè)贊，點(diǎn)個(gè)star再走哈~ 持續(xù)更新中……，可以關(guān)注下github 項(xiàng)目地址 https:...

wangjuntytl 2019-08-26 10:41 評論0 收藏0
「前端面試題系列7」Javascript 中的事件機(jī)制（從原生到框架）

摘要：要想注冊過的事件能夠被解除，必須將回調(diào)函數(shù)保存起來，否則無法解除。當(dāng)用阻止瀏覽器的默認(rèn)行為時(shí)，會做下面這件事停止回調(diào)函數(shù)執(zhí)行并立即返回。 showImg(https://segmentfault.com/img/bVboOcb?w=750&h=422); 前言這是前端面試題系列的第 7 篇，你可能錯(cuò)過了前面的篇章，可以在這里找到：理解函數(shù)的柯里化 ES6 中箭頭函數(shù)的用法 thi...

Tony 2019-08-23 15:26 評論0 收藏0
可能遇到假的面試題：不用call和apply方法模擬實(shí)現(xiàn)ES5的bind方法

摘要：來自朋友去某信用卡管家的做的一道面試題，用原生模擬的方法，不準(zhǔn)用和方法。他們的用途相同，都是在特定的作用域中調(diào)用函數(shù)。不同之處在于，方法傳遞給調(diào)用函數(shù)的參數(shù)是逐個(gè)列出的，而則是要寫在數(shù)組中。本文首發(fā)我的個(gè)人博客：前端小密圈，評論交流送1024邀請碼，嘿嘿嘿?。來自朋友去某信用卡管家的做的一道面試題，用原生JavaScript模擬ES5的bind方法，不準(zhǔn)用call和bind方法。 ...

李世贊 2019-08-29 12:31 評論0 收藏0
可能遇到假的面試題：不用call和apply方法模擬實(shí)現(xiàn)ES5的bind方法

摘要：來自朋友去某信用卡管家的做的一道面試題，用原生模擬的方法，不準(zhǔn)用和方法。他們的用途相同，都是在特定的作用域中調(diào)用函數(shù)。不同之處在于，方法傳遞給調(diào)用函數(shù)的參數(shù)是逐個(gè)列出的，而則是要寫在數(shù)組中。本文首發(fā)我的個(gè)人博客：前端小密圈，評論交流送1024邀請碼，嘿嘿嘿?。來自朋友去某信用卡管家的做的一道面試題，用原生JavaScript模擬ES5的bind方法，不準(zhǔn)用call和bind方法。 ...

ConardLi 2019-08-22 11:03 評論0 收藏0