分享几个前端干货-每次面试都逃不过的问题

原创 TwoDogCode 随笔 html/css 2776阅读 2017-11-24 15:39:55 举报

前言:

面试中总会遇到一些比较刚的问题,在这里总结几个,希望能够帮到大家。

一、怎么让Chrome支持小于12px 的文字?

这个我们在做移动端的时候,设计师图片上的文字假如是10px,我们实现在网页上之后。往往设计师回来找我们,这个字体能小一些吗?我设计的是10px?为啥是12px?其实我们都知道,谷歌Chrome最小字体是12px,不管你设置成8px还是10px,在浏览器中只会显示12px,那么如何解决这个坑爹的问题呢?

我们的做法是:

针对谷歌浏览器内核,加webkit前缀,用transform:scale()这个属性进行缩放!
html 代码

二、如何修改chrome记住密码后自动填充表单的黄色背景?

css 代码

三、写出最简单的去重方式

1、es6的new Set()方式

例如:

javascript 代码

或者直接

javascript 代码

2、es5的Array filter()

javascript 代码

四、数组对象全等比较

javascript 代码

因为[1,2,3]和[1,2,3]是两个不同的数组,只是它们的元素碰巧相同。因此,不能简单的通过===来判断。

五、经典面试题目

javascript 代码

把 var 改成 let试试!
javascript 代码

六、Math.min()比Math.max()大

javascript 代码

七、实现点击文字,文字后面radio选中效果

html 代码

八、网站中,图片文件(jpg,png,gif),如何点击下载?而非点击预览?

我们点击下载按钮,只会预览“baidu.jpg”这张图片,并不会出现下载框,另存为那种?那么我们如何做呢?

我们只需要如下写:
html 代码

评论 ( 9 )
最新评论
inge 3F 2018-04-09 10:17:53 9F

挺好看的

shangwang 2018-03-29 20:31:56 8F

好用的前端管理工具:《红顶工坊》http://workshop.red

shangwang 2018-03-29 20:31:07 7F

前端取色工具:《红顶工坊》http://workshop.red

shangwang 2018-03-29 20:30:39 6F

免费前端工具:《红顶工坊》http://workshop.red

shangwang 2018-03-29 20:29:48 5F

不错
还有在线免费前端项目管理系统《红顶工坊》http://workshop.red

河北秦皇岛88 2018-03-29 11:19:28 4F

修改chrome记住密码后自动填充表单的黄色背景的样式不管用

1123919615 2017-12-01 15:10:29 3F

这个赞的效果,吓我一跳

yolanda_xie 2017-11-28 09:40:42 2F

赞 总能分享好东西

18102787611 2017-11-25 10:04:43 1F

确实是干货