diff --git "a/other/\345\211\215\347\253\257\351\235\242\350\257\225\346\257\217\346\227\2453+1.md" "b/other/\345\211\215\347\253\257\351\235\242\350\257\225\346\257\217\346\227\2453+1.md" new file mode 100644 index 0000000000000000000000000000000000000000..0b235d01cd949d73f58aa9097d3dec274a585247 --- /dev/null +++ "b/other/\345\211\215\347\253\257\351\235\242\350\257\225\346\257\217\346\227\2453+1.md" @@ -0,0 +1,132 @@ +[中文](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) \ No newline at end of file