前端面试每日3+1.md

[中文](https://github.com/haizlin/fe-interview/blob/master/README.md) | [English](https://github.com/haizlin/fe-interview/blob/master/README-en.md)

<p align="left">
  <a href="https://github.com/haizlin/fe-interview/issues"><img src="https://img.shields.io/github/languages/top/badges/shields.svg?label=html" alt="html"></a>
  <a href="https://github.com/haizlin/fe-interview/issues"><img src="https://img.shields.io/github/languages/top/badges/shields.svg?label=css" alt="css"></a>
  <a href="https://github.com/haizlin/fe-interview/issues"><img src="https://img.shields.io/github/languages/top/badges/shields.svg?label=javascript" alt="javascript"></a>
  <a href="https://github.com/haizlin/fe-interview/issues"><img src="https://img.shields.io/github/languages/top/badges/shields.svg?label=skill" alt="skill"></a>
  <a href="https://github.com/haizlin/fe-interview/stargazers"><img src="https://img.shields.io/redmine/plugin/stars/redmine_xlsx_format_issue_exporter.svg" alt="Statr"></a>
</p>

**非常感谢CS-Notes**
**参与每日面试答题，可以移步到: https://github.com/haizlin/fe-interview**

# 前端面试每日 **3+1**（每日三问）

> 《论语》，曾子曰：**“吾日三省吾身”**（我每天多次反省自己）。  
> 前端面试每日3+1，以面试题来驱动学习，每天进步一点！  
> 让努力成为一种习惯，让奋斗成为一种享受！
> 相信 **坚持** 的力量！！！

---
- 学习不打烊，充电加油只为**遇到更好的自己**，365天无节假日，每天早上5点纯手工发布面试题（**死磕自己，愉悦大家**）。
- 希望大家在这**浮夸**的前端圈里，保持**冷静**，坚持每天花20分钟来学习与思考。
- 在这千变万化，类库层出不穷的前端，建议大家不要等到找工作时，才狂刷题，提倡**每日学习**！（**不忘初心**，html、css、javascript才是基石！）
- 欢迎大家到**Issues**交流，鼓励**PR**，感谢**Star**，大家有啥好的建议可以加我微信一起交流讨论！
> 希望大家**每日**去学习与思考，这才达到来这里的目的！！！（不要为了谁而来，要为自己而来！）

## 今天的面试题 (2019.05.21) —— 第35天
- [html] [用一个div模拟textarea的实现](https://github.com/haizlin/fe-interview/issues/128)
- [css] [使用flex实现三栏布局，两边固定，中间自适应](https://github.com/haizlin/fe-interview/issues/129)
- [js] [请你解释一个为什么10.toFixed(10)会报错？](https://github.com/haizlin/fe-interview/issues/130)
- [软技能] [谈一谈你知道的前端性能优化方案有哪些？](https://github.com/haizlin/fe-interview/issues/131)

> 欢迎在 [**Issues**](https://github.com/haizlin/fe-interview/issues) 和朋友们一同讨论学习！

## 试题分类
- 分类（3+1）  
    [html](https://github.com/haizlin/fe-interview/category/html.md) | [css](https://github.com/haizlin/fe-interview/category/css.md) | [js](https://github.com/haizlin/fe-interview/category/js.md) | [软技能](https://github.com/haizlin/fe-interview/category/skill.md)

- 专题（敬请期待、欢迎PR）  
    [ES6](https://github.com/haizlin/fe-interview/category/es6.md) | [jQuery](https://github.com/haizlin/fe-interview/lib/jQuery.md) | [Vue](https://github.com/haizlin/fe-interview/lib/Vue.md) | [React](https://github.com/haizlin/fe-interview/lib/React.md) | [AngularJs](https://github.com/haizlin/fe-interview/lib/AngularJs.md) | [小程序](https://github.com/haizlin/fe-interview/lib/wxapp.md)

- 汇总  
    [周](https://github.com/haizlin/fe-interview/category/week.md)

## 历史面试题
- **[查看全部](category/history.md)**

- 第34天 (2019.05.20)
    - [html] [Standards模式和Quirks模式有什么区别？](https://github.com/haizlin/fe-interview/issues/122)
    - [css] [浏览器是怎样判断元素是否和某个CSS选择器匹配？](https://github.com/haizlin/fe-interview/issues/123)
    - [js] [请用canvas写一个关于520浪漫表白的代码](https://github.com/haizlin/fe-interview/issues/124)
    - [软技能] [你了解什么是技术债务吗？](https://github.com/haizlin/fe-interview/issues/125)

- 第33天 (2019.05.19)
    - [html] [html和html5有什么区别呢？](https://github.com/haizlin/fe-interview/issues/118)
    - [css] [用CSS绘制一个三角形](https://github.com/haizlin/fe-interview/issues/119)
    - [js] [说说你对this的理解](https://github.com/haizlin/fe-interview/issues/120)
    - [软技能] [你对全栈工程师的理解是什么？](https://github.com/haizlin/fe-interview/issues/121)

- 第32天 (2019.05.18)
    - [html] [说说你对HTML元素的显示优先级的理解](https://github.com/haizlin/fe-interview/issues/114)
    - [css] [说下line-height三种赋值方式有何区别？](https://github.com/haizlin/fe-interview/issues/115)
    - [js] [造成内存泄漏的操作有哪些？](https://github.com/haizlin/fe-interview/issues/116)
    - [软技能] [你在上一家公司工作流程是怎么样的，如何与其他人协作的？是怎样跨部门合作的？](https://github.com/haizlin/fe-interview/issues/117)

- 第31天 (2019.05.17)
    - [html] [DOM和BOM有什么区别？](https://github.com/haizlin/fe-interview/issues/110)
    - [css] [让网页的字体变得清晰，变细用CSS怎么做？](https://github.com/haizlin/fe-interview/issues/111)
    - [js] [写一个方法把0和1互转（0置1，1置0）](https://github.com/haizlin/fe-interview/issues/112)
    - [软技能] [对于有压力时，你是怎么抗压的？](https://github.com/haizlin/fe-interview/issues/113)

- 第30天 (2019.05.16)
    - [html] [网页上的验证码是为了解决什么问题？说说你了解的验证码种类有哪些](https://github.com/haizlin/fe-interview/issues/106)
    - [css] [描述下你所了解的图片格式及使用场景](https://github.com/haizlin/fe-interview/issues/107)
    - [js] [写一个方法判断字符串是否为回文字符串](https://github.com/haizlin/fe-interview/issues/108)
    - [软技能] [解释下CRLF是什么？](https://github.com/haizlin/fe-interview/issues/109)

- **[查看全部](category/history.md)**

## 怎样学习
- 不管题目懂与不懂都要先思考再百度，思考后一定要去写出来
- 如果是原生js的题，不要依赖第三方库，如jquery等
- 每天的题目都是独立的，不需要按顺序来，但建议每道题都去答下，有你会的和有你不会的，答了才知道
- 不懂的题百度后，不要直接复制一大段过来，要用自己的话精简地总结概括出来

## 起源
> 故事起源于离职同事发来的一道求助面试题，然后在部门企业微信群里炸开了，答题完后大家觉得如果要是每天来一题，是不是会更爽呢？**以面代练**，突发其想说干就干，所以就有了这个开源仓库，只为利他利己！

![起源图](https://github.com/haizlin/fe-interview/raw/master/resource/images/begin.jpg)

## 特别感谢（排名不分先后）
- [qq674785876](https://github.com/qq674785876)
- [undefinedYu](https://github.com/undefinedYu)
- [qingleizhang123](https://github.com/qingleizhang123)
- [yxkhaha](https://github.com/yxkhaha)

## 重大事件
- 2019.04.17 — 来源于一张离职同事发来的求助面试题，然后大家突发其想说干就干
- 2019.04.25 — 添加了面试题的分类
- 2019.04.27 — 添加了Issues的模板
- 2019.04.28 — 每日3题改成每日3+1，即添加了一个软技能题
- 2019.04.29 — 添加了特别感谢的朋友
- 2019.04.30 — 添加了QQ讨论群
- 2019.05.02 — 去除QQ讨论群二维码，添加公众号及个人微信二维码
- 2019.05.05 — 看到很多网络上的朋友滥用链接，让有需要的朋友找不到最新的试题，特添加了转载说明
- 2019.05.07 — 为了把开源项目更好的延续下去，帮助更多爱学习的朋友，开通了掘金专栏、知乎专栏和看云
- 2019.05.07 — 下午star数突破100，看来爱学习的人很多，也为自己的坚持而感到欣慰！利他利已！
- 2019.05.08 — 看到点赞数破100了，但每天答题的人很少很少！我在反思问题出在我身上还是什么原因？所有特加了提示：不要为了谁而来，要为自己而来！
- 2019.05.12 — 与国际接轨，代码与学习无国界，所以添加了英文版本，后续会继续优化，先解决有的问题！
- 2019.05.13 — star数突破300！
- 2019.05.14 — issues题目数量突破100！继续努力前行！
- 2019.05.15 — 加了技能图标，让README更美观，看着更舒服！
- 2019.05.16 — 看到很多朋友直接复制一大段出来文字放到issues里，其实这样是不好的，看后也要用自己的话总结根据出来，所有添加了怎样学习的方法

## 在哪可以看到
- [掘金专栏](https://juejin.im/user/5b5ff865f265da0f6b771700/posts)（每天同步更新）
- [知乎专栏](https://zhuanlan.zhihu.com/fe-interview)（每天同步更新）
- [Gitee](https://gitee.com/haizhilin/fe-interview)（每天同步更新）
- [看云](https://www.kancloud.cn/aya001001/fe-interview)（每周同步更新）
- 「前端剑解」 微信公众号（扫描下方二维码，每天同步更新）

## 转载说明
> 近期，看到很多网络上的朋友滥用链接，包装了下就收费了，让有需要的朋友找不到最新的试题，违背了我的初衷，特添加了些声明：

- 声明
  1. 可以转载里面的所有面试题用到任何地方，但请添加仓库的地址，因为转载后你们很少会更新了，但此仓库每天都会准时更新。
  2. 此开源仓库从不收取任何费用，**现在不会，以后也不会**，也不会授权任何人/机构进行收费。
  3. 大家不需要对此仓库进行爬虫，如有需要什么格式的，可以私聊我，比如本地阅读的PDF，我有时间会做成PDF的，方便大家！

## License
[![MIT](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/haizlin/fe-interview/blob/master/LICENSE)