[Website](http://www.h-camel.com/index.html) | [Chinese](https://github.com/haizlin/fe-interview/blob/master/README.md) | [English](https://github.com/haizlin/fe-interview/blob/master/README-en.md)

<div align="center">

<a href="http://www.h-camel.com"><img src="http://www.h-camel.com/statics/images/logo.png" width="250px"></a>

</div>

<p align="center">

<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>

<p align="center">

Think hard - do more - summarize - insist

</p>

:hash: [I'm going to set a question](http://www.h-camel.com/contribution.html)

| :bulb: Base | [HTML 500+](category/html.md) | [CSS 500+](category/css.md) | [JS 500+](category/js.md) | [Skill 500+](category/skill.md) | | | |

| :---: | :---- | :--- | :---- | :---- | :---- | :---- | :---- |

| :newspaper: Special | [Vue 271+](lib/Vue.md) | [React 337+](lib/React.md) | [AngularJs](lib/AngularJs.md) | [ECMAScript 41+](category/ECMAScript.md) | [NodeJs 84+](category/nodejs.md) | [jQuery](lib/jQuery.md) | [wxapp](lib/wxapp.md) |

| :hammer: Tool | [webpack 13+](tools/webpack.md) |

| :coffee: Summary | [week](category/week.md) | [history](category/history.md) |

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:one: [html] [什么是空元素？常用的空元素有哪些？](https://github.com/haizlin/fe-interview/issues/2713)

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:two: [css] [css中的fill有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2714)

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:three: [js] [getComputedStyle和element.style有什么不同？](https://github.com/haizlin/fe-interview/issues/2715)

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:four: [skill] [你是如何看待IT行业学历与经验间的关系？](https://github.com/haizlin/fe-interview/issues/2716)

- 1 days (2019.04.17)

:one: [html] [页面导入样式时，使用link和@import有什么区别？](https://github.com/haizlin/fe-interview/issues/1)

:two: [css] [圣杯布局和双飞翼布局的理解和区别，并用代码实现](https://github.com/haizlin/fe-interview/issues/2)

:three: [js] [用递归算法实现，数组长度为5且元素的随机数在2-32间不重复的值](https://github.com/haizlin/fe-interview/issues/3)

…………

- 471 days (2020.07.30)

:one: [html] [HTML为什么要语义化？语义化有什么好处？](https://github.com/haizlin/fe-interview/issues/2708)

:two: [css] [解释下z-index最大值和最小值可以设置为多少呢？](https://github.com/haizlin/fe-interview/issues/2709)

:three: [js] [说说MutationObserver的应用场景有哪些？](https://github.com/haizlin/fe-interview/issues/2710)

:four: [skill] [全角字符和半角字符有什么区别？](https://github.com/haizlin/fe-interview/issues/2711)

- **[All](category/history.md)**

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).

:point_right: [Click to view the "excellence - 9th anniversary" video](https://v.youku.com/v_show/id_XNDI2NDUyOTY2MA==.html?spm=a2h3j.8428770.3416059.1)

<p align="center">

<img src="https://github.com/haizlin/fe-interview/raw/master/resource/images/qrcode_liang.jpg" width="500px">

</p>

- In the Analects of Confucius, Zeng Zi said: "I examine myself three times every day." * (I reflect on myself many times every day)

- Confucius said: * * "no anger, no enlightenment, no emotion, no hair. If one corner is not reversed by three, then it will be lost. "**

- Front end interview every day 3 + 1, with interview questions to drive learning, daily progress!

- Learning does not close, charging only for * * to meet a better self * *, 365 days without holidays, * * every morning at 5:00 * * purely manual release interview questions (* * die hard, happy everyone * *).

- I hope you can stay calm and spend 20 minutes every day studying and thinking in this front-end circle of exaggeration.

- In this ever-changing, class libraries emerge in endlessly. It is recommended that you do not wait until you are looking for a job to brush your questions, and advocate * * daily learning * *! (* * do not forget the original intention * *, HTML, CSS, JavaScript are the cornerstone!)

- Let effort become a habit, let struggle become a kind of enjoyment!

- Believe in the power of * * stick to * *!!!

- 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.

- [CSDN](https://blog.csdn.net/u013778905) | [juejin](https://juejin.im/user/5b5ff865f265da0f6b771700/posts) | [zhihu](https://zhuanlan.zhihu.com/fe-interview) | [Github](https://github.com/haizlin/fe-interview) | [Gitee](https://gitee.com/haizhilin/fe-interview) | [jianshu](https://www.jianshu.com/c/1ba24fbe0006) | [segmentfault](https://segmentfault.com/blog/frontend-interview) | [weibo](https://weibo.com/haizlin) | [- [toutiao](https://toutiao.io/subjects/359261)（Daily Synchronized Updates）

](https://toutiao.io/subjects/359261) | [kancloud](https://www.kancloud.cn/aya001001/fe-interview) | - [qianduanjianjie] wechat（Scan QR code，Daily Synchronized Updates）

* [See more](./resource/md/event.md)

* 【recommend】Welcome to work with jsliang to work on the front end and systematize the front-end knowledge. At present, we are wrestling with leetcode, intending to get through the relationship between algorithm and data structure。[GitHub](https://github.com/LiangJunrong/document-library)

* [See more](./resource/md/link.md)

* Thanks to all the friends who have contributed to "3 + 1 daily front end interview"! Of course, these contributors are not the only ones. If they are not added to this list, please contact me.

* 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'!

<a href="https://github.com/qq674785876">

<img src="https://avatars1.githubusercontent.com/u/24448911?s=400&v=4" width="50px">

</a>

<a href="https://github.com/undefinedYu">

<img src="https://avatars1.githubusercontent.com/u/38064049?s=400&v=4" width="50px">

</a>

<a href="https://github.com/qingleizhang123">

<img src="https://avatars1.githubusercontent.com/u/49708488?s=400&v=4" width="50px">

</a>

<a href="https://github.com/yxkhaha">

<img src="https://avatars1.githubusercontent.com/u/36123736?s=400&v=4" width="50px">

</a>

<a href="https://github.com/AnsonZnl">

<img src="https://avatars1.githubusercontent.com/u/29278068?s=400&v=4" width="50px">

</a>

<a href="https://github.com/xiangshuo1992">

<img src="https://avatars1.githubusercontent.com/u/21164035?s=400&v=4" width="50px">

</a>

<a href="https://github.com/xiqi99520">

<img src="https://avatars1.githubusercontent.com/u/7972665?s=400&v=4" width="50px">

</a>

<a href="https://github.com/LeannaLady">

<img src="https://avatars1.githubusercontent.com/u/20693413?s=400&v=4" width="50px">

</a>

<a href="https://github.com/cxwht">

<img src="https://avatars1.githubusercontent.com/u/48351839?s=400&v=4" width="50px">

</a>

<a href="https://github.com/zhaoqian0901">

<img src="https://avatars1.githubusercontent.com/u/49831394?s=400&v=4" width="50px">

</a>

<a href="https://github.com/hiyangguo">

<img src="https://avatars1.githubusercontent.com/u/15609339?s=400&v=4" width="50px">

</a>

<a href="https://github.com/Wscats">

<img src="https://avatars1.githubusercontent.com/u/17243165?s=400&v=4" width="50px">

</a>

- 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!

[](https://github.com/haizlin/fe-interview/blob/master/LICENSE)