forked from cucygh/fe-interview
-
Notifications
You must be signed in to change notification settings - Fork 0
/
README-en.md
239 lines (197 loc) · 21 KB
/
README-en.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
# Front-end interview **3+1** per day（Three questions per day）
[Chinese](https://github.com/haizlin/fe-interview/blob/master/README.md) | [English](https://github.com/haizlin/fe-interview/blob/master/README-en.md)
<!-- <p align="center"><a rel="noopener noreferrer"><img width="100" src="https://github.com/haizlin/fe-interview/raw/master/resource/images/logo.jpg" alt="fe-interview logo"></a></p> -->
<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>
## Four goals：diligent thinking，more hands-on，good summary，can adhere to
> "The Confucian Analects", Master Zeng said, Every day I do self-inspection on three aspects. (I reflect on myself many times every day)。
> Front-end interview 3+1 per day，Driven by interview questions, make progress every day！
> Let hard work become a habit, let struggle become a kind of enjoyment!
> Believe in the power of **perseverance**！！！
---
- Learn without closing, strive to meet better oneself, 365 days without holidays, **5 a.m. every day** to publish interview questions by hand.（**Knock oneself**）。
- I hope you can stay calm in this **grandiose** front-end circle and stick to spending 20 minutes a day studying and thinking.
- In this ever-changing, class library emerges endlessly at the front end, I suggest that you do not wait until you find a job before brushing the test question, advocating daily learning! (Don't forget the beginning, html, css, JavaScript is the cornerstone!)
- Welcome to **Issues**, encourage **PR**, and thank **Star**、thank**watch**.，What good suggestions do you have for us to share and discuss with me via Wechat！
> I hope you can study and think everyday, so that you can come here!!! (Don't come for anyone, come for yourself!)
<p align="center"><a href="https://v.youku.com/v_show/id_XNDI2NDUyOTY2MA==.html?spm=a2h3j.8428770.3416059.1">Click on "Excellence - Ninth Anniversary" video</a></p>
## Exchange
Welcome to discuss, if you feel that it is helpful to your study, please click [**Star**](https://github.com/haizlin/fe-interview), and Welcome to the Wechat Sweeping Pay attention to the front-end sword to understand the WeChat Official Account, and join the "front-end learning 3 + 1" Wechat group to communicate with each other (click on the menu of the public number: group communication).
<p align="center">
<img src="https://github.com/haizlin/fe-interview/raw/master/resource/images/qrcode_public.jpg">
</p>
## Today's Knowledge Points (2019.08.28) —— 134 days
- [html] [Web Worker线程的限制是什么？](https://github.com/haizlin/fe-interview/issues/1120)
- [css] [transition、animation、transform三者有什么区别？](https://github.com/haizlin/fe-interview/issues/1121)
- [js] [请写出如下代码运行的结果并解释为什么？[代码]](https://github.com/haizlin/fe-interview/issues/1122)
```javascript
var type = 'images';
var size = {width: 800, height: 600};
var format = ['jpg', 'png'];
function change(type, size, format){
type = 'video';
size = {width: 1024, height: 768};
format.push('map');
}
change(type, size, format);
console.log(type, size, format);
```
- [软技能] [你在工作中有用到过websocket吗？用它来解决什么问题？](https://github.com/haizlin/fe-interview/issues/1123)
> Welcome to [**Issues**](https://github.com/haizlin/fe-interview/issues) and friends to discuss learning!
## Classification
- class(3+1)
[html](category/html.md) | [css](category/css.md) | [js](category/js.md) | [Skill](category/skill.md)
- Topics(Please look forward to and welcome PR)
[ES6](category/es6.md) | [NodeJs](category/nodejs.md) | [jQuery](lib/jQuery.md) | [Vue 248+](lib/Vue.md) | [React 328+](lib/React.md) | [AngularJs](lib/AngularJs.md) | [wxapp](lib/wxapp.md)
- Tools(Please look forward to and welcome PR)
[webpack](tools/webpack.md)
- Summary
[week](category/week.md)
## History
- **[All](category/history.md)**
- 1 days (2019.04.17)
- [html] [页面导入样式时，使用link和@import有什么区别？](https://github.com/haizlin/fe-interview/issues/1)
- [css] [圣杯布局和双飞翼布局的理解和区别，并用代码实现](https://github.com/haizlin/fe-interview/issues/2)
- [js] [用递归算法实现，数组长度为5且元素的随机数在2-32间不重复的值](https://github.com/haizlin/fe-interview/issues/3)
- 2 days (2019.04.18)
- [html] [html的元素有哪些（包含H5）？](https://github.com/haizlin/fe-interview/issues/4)
- [css] [CSS3有哪些新增的特性？](https://github.com/haizlin/fe-interview/issues/5)
- [js] [写一个方法去掉字符串中的空格](https://github.com/haizlin/fe-interview/issues/6)
- 3 days (2019.04.19)
- [html] [HTML全局属性(global attribute)有哪些（包含H5）？](https://github.com/haizlin/fe-interview/issues/7)
- [css] [在页面上隐藏元素的方法有哪些？](https://github.com/haizlin/fe-interview/issues/8)
- [js] [去除字符串中最后一个指定的字符](https://github.com/haizlin/fe-interview/issues/9)
…………
- 132 days (2019.08.26)
- [html] [触发form表单自动提交的方式有哪些？](https://github.com/haizlin/fe-interview/issues/1112)
- [css] [有哪些方式可以对一个DOM设置它的CSS样式？](https://github.com/haizlin/fe-interview/issues/1113)
- [js] [原生的字符串操作方法有哪些？请列举并描述其功能](https://github.com/haizlin/fe-interview/issues/1114)
- [skill] [你会nodejs吗？说说你运用它的场景](https://github.com/haizlin/fe-interview/issues/1115)
- 133 days (2019.08.27)
- [html] [canvas默认画布的尺寸是多大？怎样设置才能不会变形？](https://github.com/haizlin/fe-interview/issues/1116)
- [css] [如何使用css3实现一个div设置多张背景图片？](https://github.com/haizlin/fe-interview/issues/1117)
- [js] [写一个方法，将字符串中的单词倒转后输出，如：`my love` -> `ym evol`](https://github.com/haizlin/fe-interview/issues/1118)
- [skill] [说说你是怎么安排你工作外的时间的？](https://github.com/haizlin/fe-interview/issues/1119)
- **[All](category/history.md)**
## How to learn
- Whether you understand the topic or not, you have to think first and then Baidu. After thinking, you must write it out.
- If it's a native JS question, don't rely on third-party libraries, such as jquery, etc.
- Every day's questions are independent and do not need to be sequenced, but it is suggested that each question should be answered. If you will or will not, the answer will be known.
- After you don't understand Baidu's title, don't copy a large paragraph directly, you should summarize it in your own words concisely.
## Origin
> The story originated from an interview question sent by a departing colleague, and then exploded in a group of micro-letters from departments and enterprises. After answering the question, people thought it would be better if they came to ask one question every day. Face-to-face training, suddenly want to do what they want to say, so there is this open source warehouse, only for the benefit of others!
## Exchange
Welcome to discuss, if you feel that it is helpful to your study, please click [**Star**](https://github.com/haizlin/fe-interview), and Welcome to the Wechat Sweeping Pay attention to the front-end sword to understand the WeChat Official Account, and join the "front-end learning 3 + 1" Wechat group to communicate with each other (click on the menu of the public number: group communication).
## Thanks（No ranking）
- [qq674785876](https://github.com/qq674785876)
- [undefinedYu](https://github.com/undefinedYu)
- [qingleizhang123](https://github.com/qingleizhang123)
- [yxkhaha](https://github.com/yxkhaha)
- [AnsonZnl](https://github.com/AnsonZnl)
- [Luke.Deng](https://github.com/xiangshuo1992)
- [xiqi99520](https://github.com/xiqi99520)
- [LeannaLady](https://github.com/LeannaLady)
## Events
- 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里，其实这样是不好的，看后也要用自己的话总结根据出来，所以添加了怎样学习的方法
- 2019.05.23 — 发现很多朋友都好奇这个开源项目，所以特加了本开源项目的四大宗旨。
- 2019.06.01 — 为了指引新关注的朋友，就把第1、2、3天的题也显示出来了。
- 2019.06.03 — 世上本无竞争，只是参与的人多了而已，特加了相关优质开源项目的链接，欢迎大家关注，找到适合自己的学习方式（open的心态，很多朋友让我多关注下竞争对手，我说不用，要感谢竞争，竞争会使我更强大，其实我觉得最大的对手就是自己！）。
- 2019.06.11 — 添加了贡献指南，欢迎大家提PR。
- 2019.06.13 — star数突破700！离5月13日刚好满一个月，增加了400，看来爱学习的朋友还是很多的！感谢关注！
- 2019.06.14 — 同步开通了简书入口，让更多的朋友参与。
- 2019.06.20 — star数突破888！好吉利的数字！
- 2019.06.21 — vue的题量突破150+，html/css/javascript/软技能的题量分别为67，成为目前市面上题量最大的开源仓库！（全球第一），感谢坚持！
- 2019.06.23 — 仅仅两天，vue的题量再次突破220+，非常感谢坚持！
- 2019.06.25 — 误打误撞，github上面搜索“前端面试”，按star排行，成功挺进前10，立个flag，年底目标前5！
- 2019.06.26 — 第71天，star数突破1000，issues数突破500！
- 2019.06.28 — 第73天，此开源项目被[HelloGitHub 第 39 期](https://hellogithub.com/periodical/volume/39/)收录，并把作者添加到了贡献者的名单，感觉HG，欢迎大家关注HG！
- 2019.06.28 — 第73天，star数突破1300，原因是发布了篇 [vue 248+个知识点（面试题）为你保驾护航](https://juejin.im/post/5d153267e51d4510624f9809)，看来爱学习的朋友还是非常多的！
- 2019.06.30 — 第75天，《前端面试每日3+1》开源项目上了github的热门榜，总榜排行第6，javascript语言榜排名第1！感谢一路同行的朋友们的努力付出！
- 2019.06.30 — 第75天，鉴于有不少朋友都想直接要答案，而我的回答始终是没有，答案在你自己脑中！新的口号：始于面试，但不止于面试！提倡每日学习，每天进步！
- 2019.07.01 — 第76天，star数突破2000大关，感谢关注的朋友们，如果要参与项目，最好的建议是watch一下
- 2019.07.05 — 第80天，为期一周的热榜结束，收获star数达到2857，在github中“前端面试”的star排名第7，前进了3名，非常感谢[**jsliang**](https://github.com/LiangJunrong/document-library)的推荐才使得有这么一波流量，恢复平静，专心出题，坚持做得更好，期待下一波流量的到来！对了，今天公司9周年，和团队一起专门录制了个九周年的视频！[点击查看 “卓越-九周年” 视频](https://v.youku.com/v_show/id_XNDI2NDUyOTY2MA==.html?spm=a2h3j.8428770.3416059.1)
- 2019.07.08 — 第83天，star数突破3000大关
- 2019.07.18 — 添加了非常棒的开源项目链接，顺便记录下今天star突破3500，关注的朋友越来越多，继续坚持**死磕自己，愉悦大家**
- 2019.07.19 — [328道React题](https://juejin.im/post/5d310e8bf265da1bd261259d)出炉，目前Vue和React的题已经各占领全球第一了，后期会持续更新！
- 2019.07.25 — 开通了[segmentfault专栏](https://segmentfault.com/blog/frontend-interview)的专栏，至今已有10个平台同步更新，让更多的朋友参与进来！
- 2019.07.25 — 整整100天，从未间断，共968个知识点，3787个朋友关注，上百万次访问！创造了多个记录，多个第一，但路还长，望继续坚持！
- 2019.08.02 — 第108天，知识点突破1000，继续努力前行！发现一路上好多模仿者、也有好多抄袭者（引用原题都没有添加出处），但不忘初心，抄得了题目，抄不了**那份坚持与执着**！同时感谢他们一路的陪伴。
- 2019.08.18 — 第124天，受到俄罗斯老外的关注并吐槽了一下，原因估计是他看不懂中文吧，虽然也有英文版本，但那英文及排版有望改进。
- 2019.08.19 — 第125天，本项目又再一次上了github的热门榜，距离上次刚好是50天（在第75天的时候），能帮助到更多的朋友，那就只有坚持吧！
- 2019.08.21 — 第127天，star数突破5000，github上搜索“前端面试”，按star排行，成功挺进前5，这是6月25日定的小目标，提前完成，继续坚持吧，不忘初心，利他利己，足矣。
## Source
- [前端向朔](https://blog.csdn.net/u013778905/article/category/9098225)（CSDN Daily Synchronized Updates）
- [juejin](https://juejin.im/user/5b5ff865f265da0f6b771700/posts)（Daily Synchronized Updates）
- [zhihu](https://zhuanlan.zhihu.com/fe-interview)（Daily Synchronized Updates）
- [Github](https://github.com/haizlin/fe-interview)（Daily Synchronized Updates）
- [Gitee](https://gitee.com/haizhilin/fe-interview)（Daily Synchronized Updates）
- [jianshu](https://www.jianshu.com/c/1ba24fbe0006)（Daily Synchronized Updates）
- [segmentfault](https://segmentfault.com/blog/frontend-interview)（Daily Synchronized Updates）
- [toutiao](https://toutiao.io/subjects/359261)（Daily Synchronized Updates）
- [kancloud](https://www.kancloud.cn/aya001001/fe-interview)（Weekly Synchronized Updates）
- 「qianduanjianjie」 wechat（Scan QR code，Daily Synchronized Updates）
## Contribution
Please read the [Contribution Guide](https://github.com/haizlin/fe-interview/blob/master/.github/PULL_REQUEST_TEMPLATE.md) before submitting PR
Thank you to all the people who already contributed to 'Front-end interview **3+1** per day'!
## Great open source project
* 【recommend】欢迎跟 jsliang 一起折腾前端，系统整理前端知识，目前正在折腾 LeetCode，打算打通算法与数据结构的任督二脉。[GitHub 地址](https://github.com/LiangJunrong/document-library)
## Friendship Links (you have good open source projects, welcome to recommend)
* [jsliang的文档库](https://github.com/LiangJunrong/document-library)（每日一道 LeetCode，jsliang 带你进行每日折腾~）
* [千古壹号](https://github.com/qianguyihao/Web)（前端入门和进阶学习笔记作者。从零开始学前端，做一个web全栈工程师。）
* [CS-Notes](https://github.com/CyC2018/CS-Notes)（技术面试必备基础知识、Leetcode 题解）
* [情封](https://github.com/f2er)（公众号「前端早读课」作者情封）
* [Nodejs技术栈](https://www.nodejs.red)（公众号「Nodejs技术栈」作者五月君，本文档是作者从事 Node.js Developer 以来的学习历程，旨在为大家提供一个较详细的学习教程，侧重点更倾向于 Node.js 服务端所涉及的技术栈。）
* [SHERlocked93](https://github.com/SHERlocked93/blog) （公众号 「前端下午茶」作者，分享前端精选文章，和大家一起成长）
* [木易杨](https://github.com/Advanced-Frontend/Daily-Interview-Question)（公众号「高级前端进阶」和壹题的作者，每天搞定一道前端大厂面试题，一年后会看到不一样的自己。）
* [刘小夕](https://github.com/YvetteLau/Step-By-Step)（公众号「前端宇宙」作者刘小夕，我将和大家一起一步一个脚印，向前端专家迈进。）
* [koala](https://github.com/koala-coding/goodBlog)（公众号「程序员成长指北」作者，专注 完整的 Node.js 技术栈分享，从 JavaScript 到 Node.js,再到后端数据库，祝您成为优秀的高级 Node.js 工程师。座右铭：今天未完成的，明天更不会完成。）
* [第一名的小蝌蚪](https://github.com/airuikun/Weekly-FE-Interview)（每周十道前端大厂面试题，并收集大家在大厂面试中遇到的难题，一起共同成长。）
* [勿忘心安](https://github.com/crazylxr)（公众号「前端桃园」）
* [yck](https://github.com/InterviewMap/CS-Interview-Knowledge-Map)（公众号「前端真好玩」、「前端面试之道」作者）
* [浪里行舟](https://github.com/ljianshu/Blog)（公众号「前端工匠」作者浪里行舟，关注基础知识，打造优质前端博客。）
* [小生方勤](https://github.com/wanqihua)（公众号「小生方勤」、前端词典系列作者）
* [郭小北](https://github.com/xiaobei666)（公众号「前端你别闹」作者）
* [小婷](https://www.zhihu.com/people/wang-ting-83-68-20/activities)（公众号「编程微刊」作者）
* [dendoink](https://github.com/DendiSe7enGitHub)（公众号「前端恶霸」作者）
* [前端小智](https://juejin.im/user/59df61ec51882578ce26ee6e)（公众号「大迁世界」作者）
* [ConardLi](https://github.com/ConardLi)（公众号「code秘密花园」作者）
* [RobinsonZhang](https://github.com/robinson90)（公众号「达摩空间」作者，爱分享，爱挑战，技术狂热，不断写作，前沿布道。 我们从小白到大师，慢慢来。）
* [前端晚练课](https://github.com/fezaoduke/fe-practice-hard)（前端早读课的姊妹篇，每天一个前端知识点，苦练前端真功夫）
* [每日一题](https://juejin.im/user/5c31b0176fb9a049f7465912)（每日一题（开开森森学前端系列））
* [前端漫谈](https://juejin.im/user/585a2f52128fe10069ba1b95/posts)（前端漫谈系列）
* [前端帮帮忙](https://juejin.im/user/57b26b806be3ff006bb97122/posts)（前端帮帮忙系列）
* [面试官](https://juejin.im/user/58d8cd0644d9040069433edb/posts)（面试官系列）
* [面试图谱](https://yuchengkai.cn/docs/) （打造最好的面试图谱）
* [前端知识整理](https://github.com/pingan8787/Leo-JavaScript) （Cute系列更新一些系列文章和框架demo，作为自己学习结果的输出，喜欢的朋友欢迎 👉star）
* 洞见前端小程序-(微信搜索，非常有意思的小程序，刷题必备)
* 前端荣耀小程序-(微信搜索，非常有意思的小程序，通关打卡还有排行榜)
## Reprint
> Recently, many friends on the Internet abused links and abused questions, packaged and charged, so that needy friends can not find the latest test questions, contrary to my original intention, added some statements:
- Statement:
1. You can reprint all the interview questions in it anywhere, but please add the address of the warehouse, because you seldom update it after reprinting, but the warehouse will be updated on time every day.
2. I don't charge anything, I don't, I won't, I won't, I won't, I won't authorize anybody to charge.
3. You do not need to crawl this warehouse, if you need any format, you can chat with me, such as local reading PDF, I have time to make PDF, for your convenience!
## License
[](https://github.com/haizlin/fe-interview/blob/master/LICENSE)