分享前端面试中被问到的几个问题
来源:互联网 发布:软件无线电 军用 编辑:程序博客网 时间:2024/05/21 18:49
一.怎么让Chrome支持小于12px 的文字?
- 这个我们在做移动端的时候,设计师图片上的文字假如是10px,我们实现在网页上之后。往往设计师回来找我们,这个字体能小一些吗?我设计的是10px?为啥是12px?其实我们都知道,谷歌Chrome最小字体是12px,不管你设置成8px还是10px,在浏览器中只会显示12px,那么如何解决这个坑爹的问题呢?
我们的做法是:
- 针对chrome浏览器,加webkit前缀,用transform:scale()这个属性进行放缩.
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> span{ font-size: 12px; display: inline-block; -webkit-transform:scale(0.8); } </style> </head> <body> <span>测试10px</span> </body></html>
二、如何修改chrome记住密码后自动填充表单的黄色背景?
- 使用-webkit-autofill这个属性进行修改.
/*通过input : -webkit-autofill来进行修改!*/input:-webkit-autofill { background-color: #FAFFBD; background-image: none; color: #000;}
三、写出最简单的去重方式
1、es6的new Set()方式
let array=[0,3,4,5,3,4,7,8,2,2,5,4,6,7,8,0,2,0,90];[...new Set(array)]
2、es5的Array filter()
[1,3,4,5,1,2,3,3,4,8,90,3,0,5,4,0].filter(function(elem,index,Array){ return index === Array.indexOf(elem);})
四、数组对象全等比较
// 这些可以'abc' === 'abc' // true1 === 1 // true// 然而这些不行[1,2,3] === [1,2,3] // false{a: 1} === {a: 1} // false{} === {} // false
因为[1,2,3]和[1,2,3]是两个不同的数组,只是它们的元素碰巧相同。因此,不能简单的通过===来判断
五、经典面试题目
const Greeters = []for (var i = 0 ; i < 10 ; i++) { Greeters.push(function () { return console.log(i) })}Greeters[0]() // 10Greeters[1]() // 10Greeters[2]() // 10
把 var 改成 let试试!
const Greeters = []for (let i = 0 ; i < 10 ; i++) { Greeters.push(function () { return console.log(i) })}Greeters[0]() // 0Greeters[1]() // 1Greeters[2]() // 2
六、Math.min()比Math.max()大
Math.min() < Math.max() // falseMath.min() > Math.max() // true//因为Math.min() 返回 Infinity, 而 Math.max()返回 -Infinity。
七、实现点击文字,文字后面radio选中效果
<form> <label for="male">Male</label> <input type="radio" name="sex" id="male" /> <br /> <label for="female">Female</label> <input type="radio" name="sex" id="female" /></form>
八、网站中,图片文件(jpg,png,gif),如何点击下载?而非点击预览?
- 我们点击下载按钮,只会预览“baidu.jpg”这张图片,并不会出现下载框,另存为那种?那么我们如何做呢?
<a href="https://www.baidu.com/favicon.ico" download >下载</a> <!-- 我们还可以指定文件名称,如下写法: --><a href="tupiandizhi.jpg" download="baidu" ></a>
阅读全文
0 0
- 分享前端面试中被问到的几个问题
- 一位大佬的前端面试分享
- 前端面试分享
- 面试的几个问题
- 面试中问到的几个问题
- Java面试的几个问题
- 面试时要问清楚的几个问题
- 面试时要问清楚的几个问题
- 外企面试官们爱提的几个问题
- 面试外企常被问到的几个问题
- 最近面试遇到的几个问题
- 应届招聘面试的几个问题
- 浅谈叶小钗面试的几个问题
- Linux驱动面试的几个问题
- 一次围绕setTimeout的前端面试经验分享
- 面试的时候遇到的几个问题
- 分享几个前端干货,面试经常提
- 分享几个前端干货,面试经常提
- RecyclerView 多条目 包括点击事件
- 温习SSIS2008 DataFlow
- 数据结构实验之图论二:图的深度遍历
- C#算法系列(6)——归并排序
- Todo List
- 分享前端面试中被问到的几个问题
- JAVA基础--关于Socket编程中的I/O阻塞
- 1031. 查验身份证(15) PAT乙级真题
- map
- 排列问题-c语言代码实战
- MyEclipse下Maven的安装配置
- [bzoj1019]:[SHOI2008]汉诺塔
- 【贪心算法】田忌赛马问题代码和注释
- 二叉树的应用——表达式树的原理分析与实现(Java语言)