Javascript原生实现一个面试题
前言
面试的时候没写完整，卡壳了…我擦
晚上回来睡了一觉，起来的时候想起来了，因此留一个备份
题目如下
- 构建一个n*n的格子（n从输入框填写），鼠标放上去背景变成红色，移除恢复正常
- 鼠标点击格子背景固定为蓝色，鼠标hover时也不变红，再次点击恢复正常
- 格子大小可用css控制，默认背景色都是白色，底色变化使用js来实现
正文
代码如下
效果如图:
原创文章，作者：犀牛前端部落，如若转载，请注明出处：https://www.pipipi.net/134.html
赞 (0)
犀牛前端部落
二进制运算符的一些运用场景
« 上一篇
2019年1月10日 am11:07
两种方式实现获取网页参数
下一篇 »
2019年1月26日 pm5:34
相关推荐
-
[‘1’, ‘2’, ‘3’].map(parseInt) what & why ?
第一眼看到这个题目的时候，脑海跳出的答案是 [1, 2, 3]，但是真正的答案是[1, NaN, NaN]。 map函数 首先让我们回顾一下，map函数的第一个参数callback…
-
js判断是否是子元素
文本俺将跟大家介绍，如何判断一个当前点击的元素，是否是指定元素的子元素。 解决思路： 俺给父元素指定了一个id，并使用这个循环检查当前元素是否属于它的子元素。 实现代码： 在whi…
-
找出获取焦点的DOM元素
我们可以使用document.activeElement 来找出获取焦点的DOM元素。 注意：该方法不等同于input :focus判断。 浏览器兼容情况 所有的主流浏览器都支持d…
-
js如何返回异步函数结果
本文将介绍使用js如何返回基于promise或基于回调的异步函数的结果 假设您有这样一个问题:您正在进行一个异步调用，并且需要从原始函数返回该调用的结果。 像这样： 但是，异步函数…
-
js中javascript:void(0)什么意思
看别人代码的时候，经常能看到在href属性中写javascript:void(0)，我们都知道点击之后不会跳转，但是却很有少人知道为什么点击之后不会跳转。 void运算符计算给定的…
-
Javascript中如何检测一个空对象
今天俺跟大家分享一下js中如何检测空对象，如var a = {}; 对象a即是一个空对象，因为它不含有任何属性。 Javascript实现方式 ES7实现方式 /** * 时间：2…
-
不要使用for…in来遍历数组
数组的遍历，有一些朋友喜欢用for…in来遍历，但是存在很多问题，今天俺就跟大家一起来总结一下问题是什么 原因 我们来看以下正确的代码： /** *2019/8/26 …
