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

html css javascript skill Statr

**非常感谢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)