Javascript原生实现一个面试题

MAX_zuo 发布于2019-08-23 14:49 / 1566人阅读

摘要：实现要求如下构建一个的格子从输入框填写，鼠标放上去背景变成红色，移除恢复正常鼠标点击格子背景固定为蓝色，鼠标时也不变红，再次点击恢复正常格子大小可以用控制，默认背景色都是白色，底色变化使用来实现代码如下提交

实现要求如下

构建一个n*n的格子（n从输入框填写），鼠标放上去背景变成红色，移除恢复正常

鼠标点击格子背景固定为蓝色，鼠标hover时也不变红，再次点击恢复正常

格子大小可以用css控制，默认背景色都是白色，底色变化使用js来实现

代码如下




    
    
    
    Document

云服务器 GPU云服务器 javascript必问面试题面试题栈面试题笔试面试题

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/101198.html

前端最强面经汇总

摘要：获取的对象范围方法获取的是最终应用在元素上的所有属性对象即使没有代码，也会把默认的祖宗八代都显示出来而只能获取元素属性中的样式。因此对于一个光秃秃的元素，方法返回对象中属性值如果有就是据我测试不同环境结果可能有差异而就是。花了很长时间整理的前端面试资源，喜欢请大家不要吝啬star~ 别只收藏，点个赞，点个star再走哈~ 持续更新中……，可以关注下github 项目地址 https:...

wangjuntytl 2019-08-26 10:41 评论0 收藏0
「前端面试题系列7」Javascript 中的事件机制（从原生到框架）

摘要：要想注册过的事件能够被解除，必须将回调函数保存起来，否则无法解除。当用阻止浏览器的默认行为时，会做下面这件事停止回调函数执行并立即返回。 showImg(https://segmentfault.com/img/bVboOcb?w=750&h=422); 前言这是前端面试题系列的第 7 篇，你可能错过了前面的篇章，可以在这里找到：理解函数的柯里化 ES6 中箭头函数的用法 thi...

Tony 2019-08-23 15:26 评论0 收藏0
可能遇到假的面试题：不用call和apply方法模拟实现ES5的bind方法

摘要：来自朋友去某信用卡管家的做的一道面试题，用原生模拟的方法，不准用和方法。他们的用途相同，都是在特定的作用域中调用函数。不同之处在于，方法传递给调用函数的参数是逐个列出的，而则是要写在数组中。本文首发我的个人博客：前端小密圈，评论交流送1024邀请码，嘿嘿嘿?。来自朋友去某信用卡管家的做的一道面试题，用原生JavaScript模拟ES5的bind方法，不准用call和bind方法。 ...

李世赞 2019-08-29 12:31 评论0 收藏0
可能遇到假的面试题：不用call和apply方法模拟实现ES5的bind方法

摘要：来自朋友去某信用卡管家的做的一道面试题，用原生模拟的方法，不准用和方法。他们的用途相同，都是在特定的作用域中调用函数。不同之处在于，方法传递给调用函数的参数是逐个列出的，而则是要写在数组中。本文首发我的个人博客：前端小密圈，评论交流送1024邀请码，嘿嘿嘿?。来自朋友去某信用卡管家的做的一道面试题，用原生JavaScript模拟ES5的bind方法，不准用call和bind方法。 ...

ConardLi 2019-08-22 11:03 评论0 收藏0