Showing preview only (1,040K chars total). Download the full file or copy to clipboard to get everything.
Repository: haizlin/fe-interview
Branch: master
Commit: 79bab2c2a203
Files: 41
Total size: 1009.1 KB
Directory structure:
gitextract_00tsht7h/
├── .gitattributes
├── .github/
│ ├── CONTRIBUTING.md
│ ├── FUNDING.yml
│ ├── ISSUE_TEMPLATE/
│ │ ├── --------.md
│ │ ├── angularjs.md
│ │ ├── css-----.md
│ │ ├── es6.md
│ │ ├── html-----.md
│ │ ├── jquery.md
│ │ ├── js-----.md
│ │ ├── nodejs.md
│ │ ├── other-issue-template.md
│ │ ├── react.md
│ │ ├── vue.md
│ │ └── wxapp.md
│ └── PULL_REQUEST_TEMPLATE.md
├── .gitignore
├── LICENSE
├── README-en.md
├── README.md
├── category/
│ ├── ECMAScript.md
│ ├── all.md
│ ├── css.md
│ ├── history.md
│ ├── html.md
│ ├── js.md
│ ├── nodejs.md
│ ├── skill.md
│ └── week.md
├── contribution/
│ └── 3+1.md
├── lib/
│ ├── AngularJs.md
│ ├── React.md
│ ├── Vue.md
│ ├── jQuery.md
│ └── wxapp.md
├── resource/
│ ├── css/
│ │ └── index.css
│ └── md/
│ ├── README-en-old.md
│ ├── README-old.md
│ ├── event.md
│ └── link.md
└── tools/
└── webpack.md
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitattributes
================================================
*.md linguist-language=HTML
*.js linguist-language=JavaScript
*.css linguist-language=CSS
*.html linguist-language=JavaScript
*.png linguist-language=JavaScript
================================================
FILE: .github/CONTRIBUTING.md
================================================
# 前端面试每日3+1 贡献指南
朋友你好! 首先感谢您对 **前端面试每日3+1** 开源项目的认可 。
**前端面试每日3+1** 是以面试题来驱动学习的开源项目，希望大家在这浮夸的前端圈里，保持冷静，坚持每天花20分钟来学习与思考。在这千变万化，类库层出不穷的前端，建议大家不要等到找工作时，才狂刷题，提倡每日学习，每天进步一点！
**前端面试每日3+1** 的社区成长离不开大家的支持，如果你愿意此开源项目贡献好的题目，帮助更多的朋友（利人利已），请阅读以下内容。
## Issue 规范
- issue 仅用于提交面试题，其它内容可能会被直接关闭。如果你在使用时产生了疑问，可以加作者微信咨询（二维码在README里）。
- 在提交 issue 之前，请搜索相关题目是否已被出过（使用不同的关键词搜索），也可以在[历史题目](https://github.com/haizlin/fe-interview/blob/master/category/history.md)里面搜索。
- Issue的描述里请使用Markdown格式，注意有代码的时候请使用代码块。
## 3+1题目规范
1. 打开[3+1 题目列表](https://github.com/haizlin/fe-interview/raw/master/contribution/3+1.md)
2. 在'---'下面按照md规则填写题目，3+1的题有且只有4道题，分别是html/css/js/软技能
3. 第一行按照格式填写作者的github名及链接
4. 如下图如示：
## 其它分类题目规范
1. 打开[分类的题目列表](https://github.com/haizlin/fe-interview/issues/1000)
2. 找到要添加的对应分类文件，在最前面的地方添加题目名称即可
3. 分类的题每次不能少于10个
4. 第一行按照格式填写作者的github名及链接
## Pull Request 规范
- 请先 fork 一份到自己的项目下，不要直接在仓库下建分支。
- 每日3+1的commit 信息要以如下 `add 3+1 questions`。
- 类库的commit 信息要以`add vue questions` 的形式填写。
- 提交 PR 前请 rebase，确保 commit 记录的整洁。
- 确保 PR 是提交到 `master` 分支，目前就只有一个分支。
- 合并需要 review 通过后即可合并。
## 感谢
提交PR贡献的朋友将会在首页显示个人头像及github的链接，表示感谢！
## 温馨提示
- 不能原样照抄网上的面试题！！！
================================================
FILE: .github/FUNDING.yml
================================================
# These are supported funding model platforms
github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
patreon: # Replace with a single Patreon username
open_collective: # Replace with a single Open Collective username
ko_fi: # Replace with a single Ko-fi username
tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
liberapay: # Replace with a single Liberapay username
issuehunt: # Replace with a single IssueHunt username
otechie: # Replace with a single Otechie username
custom: http://www.h-camel.com/statics/images/alipay.jpg
================================================
FILE: .github/ISSUE_TEMPLATE/--------.md
================================================
---
name: 软技能面试题模板
about: 这是一个用于发布软技能面试题的简单模板
title: "[软技能] "
labels: 软技能
assignees: ''
---
================================================
FILE: .github/ISSUE_TEMPLATE/angularjs.md
================================================
---
name: angularjs面试题模板
about: 这是一个用于发布angularjs面试题的简单模板
title: "[angular] "
labels: angular
assignees: ''
---
================================================
FILE: .github/ISSUE_TEMPLATE/css-----.md
================================================
---
name: css面试题模板
about: 这是一个用于发布css面试题的简单模板
title: "[css] "
labels: CSS
assignees: ''
---
================================================
FILE: .github/ISSUE_TEMPLATE/es6.md
================================================
---
name: es6面试题模板
about: 这是一个用于发布es6面试题的简单模板
title: "[es6] "
labels: es6
assignees: ''
---
================================================
FILE: .github/ISSUE_TEMPLATE/html-----.md
================================================
---
name: html面试题模板
about: 这是一个用于发布html面试题的简单模板
title: "[html] "
labels: HTML
assignees: ''
---
================================================
FILE: .github/ISSUE_TEMPLATE/jquery.md
================================================
---
name: jQuery面试题模板
about: 这是一个用于发布jQuery面试题的简单模板
title: "[jQuery] "
labels: jQuery
assignees: ''
---
================================================
FILE: .github/ISSUE_TEMPLATE/js-----.md
================================================
---
name: js面试题模板
about: 这是一个用于发布js面试题的简单模板
title: "[js] "
labels: JavaScript
assignees: ''
---
================================================
FILE: .github/ISSUE_TEMPLATE/nodejs.md
================================================
---
name: nodejs面试题模板
about: 这是一个用于发布nodejs面试题的简单模板
title: "[nodejs] "
labels: NodeJs
assignees: ''
---
================================================
FILE: .github/ISSUE_TEMPLATE/other-issue-template.md
================================================
---
name: Other issue template
about: 其它选项的模板
title: ''
labels: other
assignees: ''
---
================================================
FILE: .github/ISSUE_TEMPLATE/react.md
================================================
---
name: react面试题模板
about: 这是一个用于发布react面试题的简单模板
title: "[react] "
labels: react
assignees: ''
---
================================================
FILE: .github/ISSUE_TEMPLATE/vue.md
================================================
---
name: vue面试题模板
about: 这是一个用于发布vue面试题的简单模板
title: "[vue] "
labels: vue
assignees: ''
---
================================================
FILE: .github/ISSUE_TEMPLATE/wxapp.md
================================================
---
name: 微信小程序面试题模板
about: 这是一个用于发布微信小程序面试题的简单模板
title: "[微信小程序] "
labels: 微信小程序
assignees: ''
---
================================================
FILE: .github/PULL_REQUEST_TEMPLATE.md
================================================
请确保在提交您的PR之前检查以下选项是否符合规范，非常感谢！
* [ ] 确保你遵循"前端面试每日3+1"的贡献指南 ([中文](https://github.com/haizlin/fe-interview/blob/master/.github/CONTRIBUTING.md))。
* [ ] 请确认你是在 `master` 分支下提交。
* [ ] 不能原样照抄网上的面试题！！！
================================================
FILE: .gitignore
================================================
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
# Runtime data
pids
*.pid
*.seed
*.pid.lock
# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov
# Coverage directory used by tools like istanbul
coverage
# nyc test coverage
.nyc_output
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
.grunt
# Bower dependency directory (https://bower.io/)
bower_components
# node-waf configuration
.lock-wscript
# Compiled binary addons (https://nodejs.org/api/addons.html)
build/Release
# Dependency directories
node_modules/
jspm_packages/
# TypeScript v1 declaration files
typings/
# Optional npm cache directory
.npm
# Optional eslint cache
.eslintcache
# Optional REPL history
.node_repl_history
# Output of 'npm pack'
*.tgz
# Yarn Integrity file
.yarn-integrity
# dotenv environment variables file
.env
# next.js build output
.next
================================================
FILE: LICENSE
================================================
MIT License
Copyright (c) 2019 haizhilin
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
================================================
FILE: README-en.md
================================================
## :smiley:【 recommendation 】 a professional badminton competition system 【 diandiansai 】
> Those who like playing **badminton**, or have friends who like playing **badminton**, can be recommended to them
<div align="center">
<p align="center">
<img src="./resource/images/diandiansai.png" alt="点点赛" width="150px">
</p>
<p align="center">
(Use wechat to sweep the experience, which will be open source soon)
</p>
</div>
---
[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>
> :star: This is a free and open source project involving the front-end knowledge database * * the most (5000 +), the most complete * *, and the largest number of participants!
:hash: [I'm going to set a question](http://www.h-camel.com/contribution.html)
| :bulb: Base | [HTML 1000+](category/html.md) | [CSS 1000+](category/css.md) | [JS 1000+](category/js.md) | [Skill 1000+](category/skill.md) | | | |
| :---: | :---- | :--- | :---- | :---- | :---- | :---- | :---- |
| :newspaper: Special | [Vue 296+](lib/Vue.md) | [React 338+](lib/React.md) | [AngularJs](lib/AngularJs.md) | [ECMAScript 45+](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) |
## :clock430: Today's Knowledge Points (2025.10.27) —— 2386 days
:one: [ECMAScript] [什么是TC39委员会？它在JavaScript标准制定中的作用是什么？](https://github.com/haizlin/fe-interview/issues/6357)
### :camel: History
- 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)
…………
- 2385 days (2025.10.26)
:one: [ECMAScript] [请列举ESNext中引入的一些新特性或提案，并解释其作用](https://github.com/haizlin/fe-interview/issues/6356)
- **[All](category/history.md)**
### :baby_chick: 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).
: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>
### :smiley: Message
- 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 * *!!!
### :question: 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.
### :palm_tree: Source
- [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）
### :fire: Events
* [See more](./resource/md/event.md)
### :family: Friendship Links
* 【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)
### :trophy: Thanks
* 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>
### :exclamation: 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!
### :copyright: License
[](https://github.com/haizlin/fe-interview/blob/master/LICENSE)
================================================
FILE: README.md
================================================
## :smiley:【推荐】一个专业的羽毛球比赛系统【点点赛】
> 喜欢打**羽毛球**的，或者身边有喜欢打**羽毛球**的朋友，可以推荐给他们使用
<div align="center">
<p align="center">
<img src="./resource/images/diandiansai.png" alt="点点赛" width="150px">
</p>
<p align="center">
(使用微信扫一扫体验，即将开源)
</p>
</div>
---
[官网](http://www.h-camel.com/index.html) | [中文](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">
勤思考 - 多动手 - 善总结 - 能坚持
</p>
> :star: 这是一个涉及前端知识题库 **最多（6000+）、最全**，参与人数最多的免费开源公益项目！
:hash: [我也要出题](http://www.h-camel.com/contribution.html)
| :bulb: 基础 | [HTML 1200+](category/html.md) | [CSS 1200+](category/css.md) | [JS 1200+](category/js.md) | [软技能 1200+](category/skill.md) | | | |
| :---: | :---- | :--- | :---- | :---- | :---- | :---- | :---- |
| :newspaper: 专题 | [Vue 296+](lib/Vue.md) | [React 338+](lib/React.md) | [AngularJs](lib/AngularJs.md) | [ECMAScript 45+](category/ECMAScript.md) | [NodeJs 90+](category/nodejs.md) | [jQuery](lib/jQuery.md) | [小程序](lib/wxapp.md) |
| :hammer: 工具 | [webpack 13+](tools/webpack.md) |
| :coffee: 汇总 | [周](category/week.md) | [历史题目](category/history.md) |
## :clock430: 今天的知识点 (2025.10.27) —— 第2386天
:one: [ECMAScript] [什么是TC39委员会？它在JavaScript标准制定中的作用是什么？](https://github.com/haizlin/fe-interview/issues/6357)
### :camel: 历史题目
- 第1天 (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)
…………
- 第2385天 (2025.10.26)
:one: [ECMAScript] [请列举ESNext中引入的一些新特性或提案，并解释其作用](https://github.com/haizlin/fe-interview/issues/6356)
- **[查看全部](category/history.md)**
### :baby_chick: 交流讨论
欢迎大家前来讨论，如果觉得对你的学习有一定的帮助，欢迎点个[**Star**](https://github.com/haizlin/fe-interview), 同时欢迎微信扫码关注 **前端剑解** 公众号，并加入 **“前端学习每日3+1”** 微信群相互交流（点击公众号的菜单：进群交流）。
:point_right: [点击查看 “卓越-九周年” 视频](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>
### :smiley: 寄语
- 《论语》，曾子曰：**“吾日三省吾身”**（我每天多次反省自己）
- 孔子曰：**“不愤不启，不悱不发。举一隅不以三隅反，则不复也”**
- 前端面试每日3+1，以面试题来驱动学习，每天进步一点！
- 学习不打烊，充电加油只为**遇到更好的自己**，365天无节假日，**每天早上5点**纯手工发布面试题（**死磕自己，愉悦大家**）。
- 希望大家在这**浮夸**的前端圈里，保持**冷静**，坚持每天花20分钟来学习与思考。
- 在这千变万化，类库层出不穷的前端，建议大家不要等到找工作时，才狂刷题，提倡**每日学习**！（**不忘初心**，html、css、javascript才是基石！）
- 让努力成为一种习惯，让奋斗成为一种享受！
- 相信 **坚持** 的力量！！！
### :question: 如何学习
- 不管题目懂与不懂都要先思考再百度，思考后一定要去写出来
- 如果是原生js的题，不要依赖使用第三方库，如jquery等
- 每天的题目都是独立的，不需要按顺序来，但建议每道题都去答下，有你会的和有你不会的，答了才知道
- 不懂的题百度学习后，不要直接复制一大段过来，要用自己的话精简地总结概括出来
### :palm_tree: 同步更新
- [前端向朔-CSDN](https://blog.csdn.net/u013778905) | [掘金专栏](https://juejin.im/user/5b5ff865f265da0f6b771700/posts) | [知乎专栏](https://zhuanlan.zhihu.com/fe-interview) | [Github](https://github.com/haizlin/fe-interview) | [Gitee](https://gitee.com/haizhilin/fe-interview) | [简书专栏](https://www.jianshu.com/c/1ba24fbe0006) | [segmentfault专栏](https://segmentfault.com/blog/frontend-interview) | [新浪微博](https://weibo.com/haizlin) | [开发者头条专栏](https://toutiao.io/subjects/359261) | [看云](https://www.kancloud.cn/aya001001/fe-interview) | 前端剑解(扫码关注)
### :fire: 重大事件
* [查看更多](./resource/md/event.md)
### :family: 友情链接
* 【推荐】欢迎跟 jsliang 一起折腾前端，系统整理前端知识，目前正在折腾 LeetCode，打算打通算法与数据结构的任督二脉。[GitHub 地址](https://github.com/LiangJunrong/document-library)
* [查看更多](./resource/md/link.md)
### :trophy: 感谢
* 感谢所有为"前端面试每日3+1"做出贡献的朋友！，当然不仅仅只有这些贡献者，这里就不一一列举了，如果未添加到这个名单中，请与我联系。
* 请在提交PR前先阅读[贡献指南](https://github.com/haizlin/fe-interview/blob/master/.github/PULL_REQUEST_TEMPLATE.md)
<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>
### :exclamation: 转载声明
> 近期，看到很多网络上的朋友滥用链接，滥用面试题，包装了下就收费了，让有需要的朋友找不到最新的试题，违背了我的初衷，特添加了些声明：
- 声明
1. 可以转载里面的所有面试题用到任何地方，但请添加仓库的地址，因为转载后你们很少会更新了，但此仓库每天都会准时更新。
2. 此开源仓库从不收取任何费用，**现在不会，以后也不会**，也不会授权任何人/机构进行收费。
3. 大家不需要对此仓库进行爬虫，如有需要什么格式的，可以私聊我，比如本地阅读的PDF，我有时间会做成PDF的，方便大家！
### :copyright: License
[](https://github.com/haizlin/fe-interview/blob/master/LICENSE)
================================================
FILE: category/ECMAScript.md
================================================
# es6面试题
> 鼓励PR，持续更新
## 历史题目
> 最新：2019.10.05
[es6](#es6) | [es7](#es7)
### es6
- [举例说明setImmediate有什么作用？]()
- [请分析如下promise执行的结果并解释原因[代码]]()
```javascript
console.log(1);
const promise = new Promise((resolve, reject) => {
console.log(2)
resolve()
console.log(3)
})
promise.then(() => {
console.log(4)
})
console.log(5)
```
- [es6对函数做了哪些优化？](https://github.com/haizlin/fe-interview/issues/1309)
- [说说你对async/await的理解？](https://github.com/haizlin/fe-interview/issues/1310)
- [Generator函数是什么？它有什么应用场景？](https://github.com/haizlin/fe-interview/issues/1319)
- [Object.is()和比较操作符"="的区别是什么？](https://github.com/haizlin/fe-interview/issues/1320)
- [说说你对Iterator的理解](https://github.com/haizlin/fe-interview/issues/1321)
- [Reflect是什么，有什么应用场景？](https://github.com/haizlin/fe-interview/issues/1322)
- [Proxy是什么，有什么应用场景？](https://github.com/haizlin/fe-interview/issues/1323)
- [es6对es5有哪些方面的优化呢？](https://github.com/haizlin/fe-interview/issues/1324)
- [举例说明你对es6的extends的理解](https://github.com/haizlin/fe-interview/issues/1325)
- [举例说明你对es6的class的理解](https://github.com/haizlin/fe-interview/issues/1326)
- [你喜欢es6的哪些特性？](https://github.com/haizlin/fe-interview/issues/1327)
- [举例说明拓展运算符有什么用途？](https://github.com/haizlin/fe-interview/issues/1328)
- [es6的模板字符串有什么新的特性？]()
- [使用es6怎么快速给一个数组去重？]()
- [TypedArray有什么应用场景？]()
- [Set和WeakSet有什么区别？]()
- [Map和WeakMap有什么区别？]()
- [如何让一个对象具有私有属性？]()
- [Symbol有什么作用？]()
- [for…of和for…in有什么区别？]()
- [es6新增了哪些数据类型？]()
- [说下var、let和const有什么区别？]()
- [使用箭头函数应该需要注意什么？]()
- [箭头函数与普通函数有什么区别？它有哪些新的特性？](https://github.com/haizlin/fe-interview/issues/1308)
- [let和const的区别是什么](https://github.com/haizlin/fe-interview/issues/1307)
- [说说你对set数据结构的理解](https://github.com/haizlin/fe-interview/issues/1306)
- [说说你对class的理解](https://github.com/haizlin/fe-interview/issues/1305)
- [es6函数的rest参数你有了解吗？](https://github.com/haizlin/fe-interview/issues/1304)
- [说说你对Babel的了解？](https://github.com/haizlin/fe-interview/issues/1303)
- [module、export、import分别有什么作用？](https://github.com/haizlin/fe-interview/issues/1302)
- [谈谈你对es6的module体系的理解](https://github.com/haizlin/fe-interview/issues/1301)
### es7
- [你知道es7新增了哪些新的特性吗？]()
================================================
FILE: category/all.md
================================================
# 3+1汇总 2020.07.09
> 《论语》，曾子曰：**“吾日三省吾身”**（我每天多次反省自己）。
> 前端面试每日3+1题，以面试题来驱动学习，每天进步一点！
> 让努力成为一种习惯，让奋斗成为一种享受！
> 相信 **坚持** 的力量！！！
---
- 学习不打烊，充电加油只为**遇到更好的自己**，365天无节假日，**每天早上5点**纯手工发布面试题（**死磕自己，愉悦大家**）。
- 希望大家在这**浮夸**的前端圈里，保持**冷静**，坚持每天花20分钟来学习与思考。
- 在这千变万化，类库层出不穷的前端，建议大家不要等到找工作时，才狂刷题，提倡**每日学习**！（**不忘初心**，html、css、javascript才是基石！）
- 欢迎大家到**Issues**交流，鼓励**PR**，感谢**Star**，大家有啥好的建议可以加我微信一起交流讨论！
> 希望大家**每日**去学习与思考，这才达到来这里的目的！！！（不要为了谁而来，要为自己而来！）
【推荐】欢迎跟 jsliang 一起折腾前端，系统整理前端知识，目前正在折腾 LeetCode，打算打通算法与数据结构的任督二脉。[GitHub 地址](https://github.com/LiangJunrong/document-library)
## html
- [在主框架下引入的iframe，如果检测这个iframe是否能打开，如果打不开则跳到404页面](https://github.com/haizlin/fe-interview/issues/2616)
- [通过设置表单的target="_blank"来下载文件会被浏览器拦截吗？如何解决？](https://github.com/haizlin/fe-interview/issues/2612)
- [如何通过表单下载文件？](https://github.com/haizlin/fe-interview/issues/2608)
- [使用a标签的download属性下载文件会有跨域问题吗？如何解决？](https://github.com/haizlin/fe-interview/issues/2604)
- [页面刷新时sessionStroage会变（会清空）吗？](https://github.com/haizlin/fe-interview/issues/2600)
- [canvas透明度是0.6的矩形和透明度是0.2的矩形叠加到一起，透明度是多少？](https://github.com/haizlin/fe-interview/issues/2596)
- [请实现一个文章阅读的进度条](https://github.com/haizlin/fe-interview/issues/2590)
- [请实现一个网站加载进度条](https://github.com/haizlin/fe-interview/issues/2586)
- [开发静态页面时，不依赖node相关的工具，如何提取出公共部分并引入？](https://github.com/haizlin/fe-interview/issues/2582)
- [怎样禁用页面中的右键、打印、另存为、复制等功能？](https://github.com/haizlin/fe-interview/issues/2578)
- [能否做到禁止打印页面？如果可以那要怎么做？](https://github.com/haizlin/fe-interview/issues/2574)
- [实现一个页面锁屏的功能](https://github.com/haizlin/fe-interview/issues/2570)
- [如何判断用户正在操作页面？当页面一个小时没有操作时跳转到指定页面如何做？](https://github.com/haizlin/fe-interview/issues/2566)
- [如何给页面添加追加右键菜单（原右键菜单功能保持不变）](https://github.com/haizlin/fe-interview/issues/2562)
- [请问60*80的canvas占多少内存？你是怎么计算的？](https://github.com/haizlin/fe-interview/issues/2558)
- [精确获取页面元素位置的方式有哪些？](https://github.com/haizlin/fe-interview/issues/2554)
- [跨标签页的通讯方式有哪些](https://github.com/haizlin/fe-interview/issues/2549)
- [websocket和http2有什么区别？http2能取代websocket吗？为什么？](https://github.com/haizlin/fe-interview/issues/2545)
- [websocket如何区分不同的客户端？](https://github.com/haizlin/fe-interview/issues/2541)
- [websocket可以携带cookie吗？为什么？如果可以，怎样做到呢？](https://github.com/haizlin/fe-interview/issues/2537)
- [websocket握手成功会返回一个干什么状态吗？是200吗？](https://github.com/haizlin/fe-interview/issues/2533)
- [websocket握手阶段是通过什么协议传输的？](https://github.com/haizlin/fe-interview/issues/2528)
- [websocket是如何做心跳检测、数据加密、身份验证的？](https://github.com/haizlin/fe-interview/issues/2524)
- [http和websocket能共用一个端口吗？为什么？](https://github.com/haizlin/fe-interview/issues/2520)
- [websocket和socket有什么区别？](https://github.com/haizlin/fe-interview/issues/2516)
- [websocket和http有什么区别？](https://github.com/haizlin/fe-interview/issues/2512)
- [图片上传时实现本地预览功能的原理是什么？](https://github.com/haizlin/fe-interview/issues/2508)
- [你有使用过HTML5 Boilerplate吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/2504)
- [切页面时，每次都动手刷新看效果很麻烦，如果要让你写一个实时刷新预览的工具你该怎么写？](https://github.com/haizlin/fe-interview/issues/2499)
- [说说你对Media Source Extensions(MSE)的理解，它解决了什么问题呢？](https://github.com/haizlin/fe-interview/issues/2495)
- [浏览器是怎么对HTML5的离线储存资源进行管理和加载的](https://github.com/haizlin/fe-interview/issues/2490)
- [input如何在各个浏览器下保持UI统一？](https://github.com/haizlin/fe-interview/issues/2486)
- [使用H5实现一个手势密码](https://github.com/haizlin/fe-interview/issues/2482)
- [如何让table的边框双线变单线？](https://github.com/haizlin/fe-interview/issues/2478)
- [svg如何转为字体图标？](https://github.com/haizlin/fe-interview/issues/2468)
- [webp与jpg、png比较，它有什么优劣势？如何选择？](https://github.com/haizlin/fe-interview/issues/2464)
- [你有使用过webp的图片格式吗？](https://github.com/haizlin/fe-interview/issues/2460)
- [html中如何使用svg？](https://github.com/haizlin/fe-interview/issues/2456)
- [html5的video如何附带字幕？](https://github.com/haizlin/fe-interview/issues/2452)
- [你有使用过html5的rt标签吗？它有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2448)
- [网页打印与标准纸张换算时，cm和px是如何换算的？](https://github.com/haizlin/fe-interview/issues/2444)
- [pre与xmp标签有什么区别？](https://github.com/haizlin/fe-interview/issues/2440)
- [怎样在`<pre>`标签内不转义<和>符号（原样输出html标签）？](https://github.com/haizlin/fe-interview/issues/2435)
- [页面布局时你使用最多的标签是什么？div吗？在什么情况下会使用到div？](https://github.com/haizlin/fe-interview/issues/2430)
- [如何在网页中打开腾讯QQ？](https://github.com/haizlin/fe-interview/issues/2423)
- [如何在网页中嵌入公司地址的地图？](https://github.com/haizlin/fe-interview/issues/2418)
- [如何扩大CheckBox点击区域](https://github.com/haizlin/fe-interview/issues/2414)
- [如何放大点击的区域？](https://github.com/haizlin/fe-interview/issues/2410)
- [微信公众号如何打开关联的小程序？](https://github.com/haizlin/fe-interview/issues/2406)
- [DOM节点的种类有哪些？](https://github.com/haizlin/fe-interview/issues/2402)
- [DOM节点的根节点是不是body？](https://github.com/haizlin/fe-interview/issues/2398)
- [android手机能同时播放两个video音频吗？](https://github.com/haizlin/fe-interview/issues/2394)
- [你有使用过output标签吗？说说它的用途有哪些？](https://github.com/haizlin/fe-interview/issues/2390)
- [如何使用纯html制作一个进度条？](https://github.com/haizlin/fe-interview/issues/2386)
- [你有使用过template标签吗？说说它的用途有哪些？](https://github.com/haizlin/fe-interview/issues/2382)
- [你有使用过meter标签吗？说说它的用途有哪些？](https://github.com/haizlin/fe-interview/issues/2378)
- [你有使用过blockquote标签吗？说说它的用途有哪些？](https://github.com/haizlin/fe-interview/issues/2372)
- [你有使用过time标签吗？说说它的用途有哪些？](https://github.com/haizlin/fe-interview/issues/2368)
- [如何实现前端代码实时预览效果？](https://github.com/haizlin/fe-interview/issues/2363)
- [html如何启动本地的exe应用？](https://github.com/haizlin/fe-interview/issues/2359)
- [浏览器是如何解析html的？](https://github.com/haizlin/fe-interview/issues/2351)
- [举例说明图片懒加载的方案有哪些？](https://github.com/haizlin/fe-interview/issues/2347)
- [请说说input的inputmode属性有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2343)
- [html5的游戏引擎你了解多少？都有哪些比较好用的引擎呢？](https://github.com/haizlin/fe-interview/issues/2339)
- [html5的Notification桌面通知如何请求权限？](https://github.com/haizlin/fe-interview/issues/2335)
- [使用history路由方式时，你有自己动手配置过服务器端吗？为什么要配服务器端？怎么配？](https://github.com/haizlin/fe-interview/issues/2331)
- [history和hash两种路由方式的最大区别是什么？](https://github.com/haizlin/fe-interview/issues/2327)
- [举例说明原生的html组件有哪些？](https://github.com/haizlin/fe-interview/issues/2323)
- [说说html5手势检测原理是什么？](https://github.com/haizlin/fe-interview/issues/2319)
- [怎样在文本框中禁用中文输入法？](https://github.com/haizlin/fe-interview/issues/2315)
- [如何让`<p>测试 空格</p>`这两个词之间的空格变大？](https://github.com/haizlin/fe-interview/issues/2311)
- [在网格布局中都有哪些概念呢？比如：网格线](https://github.com/haizlin/fe-interview/issues/2306)
- [实现一个面包屑导航的效果](https://github.com/haizlin/fe-interview/issues/2302)
- [如何使用普通元素拥有像textarea元素一样缩放？](https://github.com/haizlin/fe-interview/issues/2298)
- [字体图标加载出来成了小方块，是什么原因呢？如何解决？](https://github.com/haizlin/fe-interview/issues/2294)
- [当网页放大或者缩小后如何让页面布局不乱？](https://github.com/haizlin/fe-interview/issues/2290)
- [实现一个全屏布局](https://github.com/haizlin/fe-interview/issues/2286)
- [你有使用过IE的条件注释吗？](https://github.com/haizlin/fe-interview/issues/2277)
- [实现九宫格布局](https://github.com/haizlin/fe-interview/issues/2270)
- [说说元素上下层叠关系及七阶层叠关系](https://github.com/haizlin/fe-interview/issues/2266)
- [说说你对这几个概念的理解：层叠上下文、层叠等级、层叠顺序](https://github.com/haizlin/fe-interview/issues/2262)
- [实现一个stick-footer布局](https://github.com/haizlin/fe-interview/issues/2258)
- [实现一个居中半透明的模态窗](https://github.com/haizlin/fe-interview/issues/2254)
- [说说你对网格布局的理解](https://github.com/haizlin/fe-interview/issues/2250)
- [写页面布局时你有考虑过分辨率因素吗？还要考虑哪些因素呢？](https://github.com/haizlin/fe-interview/issues/2246)
- [div等元素如何阻止点击穿透和实现点击穿透？](https://github.com/haizlin/fe-interview/issues/2244)
- [浏览器的默认字体大小是多少？怎么设计它的基准？](https://github.com/haizlin/fe-interview/issues/2236)
- [打印页面时怎样自定义打印页眉页脚或者去掉眉页脚？](https://github.com/haizlin/fe-interview/issues/2232)
- [link标签的属性media有哪些值？都有什么作用？](https://github.com/haizlin/fe-interview/issues/2221)
- [如何设置打印尺寸？](https://github.com/haizlin/fe-interview/issues/2217)
- [打印网页的时候，如何让指定的元素另起一页（打印分页）？](https://github.com/haizlin/fe-interview/issues/2213)
- [说下你对组件、模块、元素的理解，它们的区别在哪里？](https://github.com/haizlin/fe-interview/issues/2208)
- [给一个元素加下划线的方法有哪些？](https://github.com/haizlin/fe-interview/issues/2204)
- [input元素size属性和width 的区别是什么？](https://github.com/haizlin/fe-interview/issues/2198)
- [noscript标签有什么作用？](https://github.com/haizlin/fe-interview/issues/2194)
- [隐藏div内文字的方法有哪些？](https://github.com/haizlin/fe-interview/issues/2190)
- [列举几种多列等高布局的方法](https://github.com/haizlin/fe-interview/issues/2186)
- [列举几种瀑布流布局的方法](https://github.com/haizlin/fe-interview/issues/2182)
- [说说页面中字体渲染规则是怎样的？会有哪些因素影响字体的渲染？](https://github.com/haizlin/fe-interview/issues/2178)
- [你知道什么是粘性布局吗？](https://github.com/haizlin/fe-interview/issues/2176)
- [如何构建“弱网络环境”友好的项目？](https://github.com/haizlin/fe-interview/issues/2163)
- [使用canvas制作一个印章](https://github.com/haizlin/fe-interview/issues/2159)
- [后缀.html和.htm有什么区别？](https://github.com/haizlin/fe-interview/issues/2155)
- [html6即将到来，你最期待的是什么特性呢？](https://github.com/haizlin/fe-interview/issues/2151)
- [举例说明锚点定位有什么作用？](https://github.com/haizlin/fe-interview/issues/2147)
- [什么是表单域？它有哪些运用场景？](https://github.com/haizlin/fe-interview/issues/2134)
- [你是如何理解html与css分离的？](https://github.com/haizlin/fe-interview/issues/2125)
- [编写html时，你有没有用过Emmet插件呢？说说它的优点及规则有哪些？](https://github.com/haizlin/fe-interview/issues/2121)
- [编写一个布局，让文字环绕在图片的周围](https://github.com/haizlin/fe-interview/issues/2111)
- [android手机的微信H5弹出的软键盘挡住了文本框，如何解决？](https://github.com/haizlin/fe-interview/issues/2107)
- [input上传图片怎样触发默认拍照功能？](https://github.com/haizlin/fe-interview/issues/2103)
- [input上传文件可以同时选择多张吗？怎么设置？](https://github.com/haizlin/fe-interview/issues/2093)
- [如何禁止input输入的历史记录？](https://github.com/haizlin/fe-interview/issues/2089)
- [举例说明Shadow DOM的应用场景有哪些？](https://github.com/haizlin/fe-interview/issues/2085)
- [当html中使用map标签时,area中coords值如何精确定位呢？](https://github.com/haizlin/fe-interview/issues/2076)
- [你有用过图片热区吗？它有什么运用场景？](https://github.com/haizlin/fe-interview/issues/2066)
- [html如何创建图片热区（img usemap）？](https://github.com/haizlin/fe-interview/issues/2062)
- [当img标签中的src图片加载失败时，怎么让它变得更美观呢？](https://github.com/haizlin/fe-interview/issues/2057)
- [举例说明当我们在写布局时，都有哪些边界的情况需要关注的？](https://github.com/haizlin/fe-interview/issues/2047)
- [如何去除标签`<i>`默认斜体？](https://github.com/haizlin/fe-interview/issues/2043)
- [怎样避免让用户看到长时间的白屏？](https://github.com/haizlin/fe-interview/issues/2038)
- [如何使用html5进行图片压缩上传？](https://github.com/haizlin/fe-interview/issues/2033)
- [你知道`<a>`标签的target属性规定在何处打开链接文档吗？](https://github.com/haizlin/fe-interview/issues/2023)
- [如何禁止移动端的左右划动手势？](https://github.com/haizlin/fe-interview/issues/2019)
- [html5点击返回键怎样不让它返回上一页？](https://github.com/haizlin/fe-interview/issues/2015)
- [在普通网页中如何调用html5+的plus对象？](https://github.com/haizlin/fe-interview/issues/2011)
- [你知道什么是html5plus吗？](https://github.com/haizlin/fe-interview/issues/2007)
- [在两个iframe之间传递参数的方法有哪些？](https://github.com/haizlin/fe-interview/issues/2003)
- [怎样使用iframe刷新父级页面？](https://github.com/haizlin/fe-interview/issues/1994)
- [为什么移动端页面的设计稿一般是750px/640px呢？](https://github.com/haizlin/fe-interview/issues/1985)
- [iframe可以使用父页面中的资源吗（如：css、js等）？](https://github.com/haizlin/fe-interview/issues/1981)
- [iframe在更改了src之后，不出现后退或者前进按钮怎么解决？](https://github.com/haizlin/fe-interview/issues/1977)
- [iframe父页面如何获取子页面的元素？](https://github.com/haizlin/fe-interview/issues/1972)
- [iframe如何自动调整高度？](https://github.com/haizlin/fe-interview/issues/1967)
- [如何禁止web端的页面缩放？](https://github.com/haizlin/fe-interview/issues/1963)
- [说说你对HTML5中video blob的理解](https://github.com/haizlin/fe-interview/issues/1957)
- [微软雅黑是有版权的，在页面中使用font-family:Microsoft YaHei会不会有版权问题呢？](https://github.com/haizlin/fe-interview/issues/1953)
- [对一个元素设置浮动后，它的特征是什么？](https://github.com/haizlin/fe-interview/issues/1949)
- [IE6文字溢出BUG（别名：多出来的猪、谍影重重）怎么解决呢？](https://github.com/haizlin/fe-interview/issues/1945)
- [你知道著名的3像素Bug指的是什么吗？怎么解决呢？](https://github.com/haizlin/fe-interview/issues/1941)
- [可以给内联元素设置宽和高吗？为什么？](https://github.com/haizlin/fe-interview/issues/1932)
- [如何解决input在Firefox和Chrome中高度不一致的问题？](https://github.com/haizlin/fe-interview/issues/1928)
- [给内联元素加float与给块元素加float有什么区别？](https://github.com/haizlin/fe-interview/issues/1924)
- [怎么去除img之间存在的间隔缝隙？](https://github.com/haizlin/fe-interview/issues/1919)
- [table中给td设置宽度无效怎么解决？](https://github.com/haizlin/fe-interview/issues/1915)
- [块级元素不能包含其他块级元素有那些？](https://github.com/haizlin/fe-interview/issues/1911)
- [html的img标签为什么要添加alt属性呢？](https://github.com/haizlin/fe-interview/issues/1907)
- [说说你对html的嵌套规范的理解，都有哪些规范呢？](https://github.com/haizlin/fe-interview/issues/1899)
- [a标签可以再嵌套a标签吗？为什么？如果不行，那又想要嵌套效果怎么解决呢？](https://github.com/haizlin/fe-interview/issues/1895)
- [html5有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/1891)
- [html5应该注意哪些安全的问题？](https://github.com/haizlin/fe-interview/issues/1880)
- [如何在页面上显示Emoji表情？](https://github.com/haizlin/fe-interview/issues/1876)
- [如何在桌面上生成网站的快捷方式图标？](https://github.com/haizlin/fe-interview/issues/1872)
- [举例说明实现文字贯穿线的方法有哪些？](https://github.com/haizlin/fe-interview/issues/1868)
- [html标签的属性值是否可以省略引号？为什么？](https://github.com/haizlin/fe-interview/issues/1864)
- [HTML5中的article和section有什么区别？](https://github.com/haizlin/fe-interview/issues/1860)
- [怎样去除iOS和Android中的输入URL地址的控件条呢？](https://github.com/haizlin/fe-interview/issues/1856)
- [img中的src加载失败时如何用默认图片来替换呢？](https://github.com/haizlin/fe-interview/issues/1852)
- [页面上的登录表单记住了密码（显示星号），但我又忘了密码，如何找回这个密码呢？](https://github.com/haizlin/fe-interview/issues/1848)
- [举例说明写一个button的按钮的方法有哪些？](https://github.com/haizlin/fe-interview/issues/1844)
- [你知道微信端的浏览器内核是什么吗？](https://github.com/haizlin/fe-interview/issues/1840)
- [移动端如何实现长按保存图片（图片上的二维码是动态的）？](https://github.com/haizlin/fe-interview/issues/1836)
- [你有了解video的x5-video-player-type这个属性吗？它的作用是什么呢？](https://github.com/haizlin/fe-interview/issues/1832)
- [IOS在播放视频时，有可能会出现短暂的黑屏，如何解决呢？](https://github.com/haizlin/fe-interview/issues/1828)
- [移动端如何使页面横、竖屏？](https://github.com/haizlin/fe-interview/issues/1824)
- [iOS下页面如何启动加载时显示画面图片？如何设置大小？它有什么好处？](https://github.com/haizlin/fe-interview/issues/1820)
- [移动端如何设置页面以全屏模式运行？](https://github.com/haizlin/fe-interview/issues/1816)
- [解释下什么是CDATA？](https://github.com/haizlin/fe-interview/issues/1812)
- [写html代码时，如果缺少了结束标签，你如何检测及如何预防？](https://github.com/haizlin/fe-interview/issues/1808)
- [写个布局，当页面高度不够时，底部固定在下面，反之不固定](https://github.com/haizlin/fe-interview/issues/1804)
- [使用递归时应该注意哪些问题？](https://github.com/haizlin/fe-interview/issues/1800)
- [canvas有哪些渲染上下文？](https://github.com/haizlin/fe-interview/issues/1796)
- [如何禁止html页面缓存？](https://github.com/haizlin/fe-interview/issues/1792)
- [举例说明html的修饰元素有哪些？](https://github.com/haizlin/fe-interview/issues/1788)
- [html的标签元素分为哪几大类？分别有什么作用？](https://github.com/haizlin/fe-interview/issues/1784)
- [网站如何自适应手机屏幕？](https://github.com/haizlin/fe-interview/issues/1780)
- [列举下哪些块元素里面不能放哪些块元素呢？](https://github.com/haizlin/fe-interview/issues/1776)
- [html中p标签内为何不能嵌套div标签？](https://github.com/haizlin/fe-interview/issues/1772)
- [移动端如何禁止用户手动缩放页面？](https://github.com/haizlin/fe-interview/issues/1767)
- [HTML5的video怎样预加载（支持全量加载）？](https://github.com/haizlin/fe-interview/issues/1763)
- [HTML5的video怎么取消自动播放？](https://github.com/haizlin/fe-interview/issues/1759)
- [HTML5如何隐藏video元素的控制栏、全屏按钮？](https://github.com/haizlin/fe-interview/issues/1754)
- [如果要你实现一个代码（多种语言）高亮的组件，你的思路是什么？](https://github.com/haizlin/fe-interview/issues/1750)
- [关于iframe的跨域你有了解多少？](https://github.com/haizlin/fe-interview/issues/1746)
- [https页面加载http的资源会导致页面报错的原因是什么？怎么解决？](https://github.com/haizlin/fe-interview/issues/1742)
- [html5怎么判断是否在wifi环境？](https://github.com/haizlin/fe-interview/issues/1738)
- [举例说明html5怎么判断网络状态？](https://github.com/haizlin/fe-interview/issues/1734)
- [html5怎么判断app是否安装？](https://github.com/haizlin/fe-interview/issues/1730)
- [移动端滚动穿透是什么原因？有哪些解决方案？](https://github.com/haizlin/fe-interview/issues/1726)
- [你知道移动端的尺寸都有哪些吗？](https://github.com/haizlin/fe-interview/issues/1722)
- [目前移动端的最小点击区域是多少呢？](https://github.com/haizlin/fe-interview/issues/1718)
- [html5怎样和Native App进行交互？](https://github.com/haizlin/fe-interview/issues/1714)
- [网站上怎么实现分享到各大平台呢？](https://github.com/haizlin/fe-interview/issues/1710)
- [使用canvas生成一张分享图](https://github.com/haizlin/fe-interview/issues/1706)
- [canvas画出来的图是位图还是矢量图？](https://github.com/haizlin/fe-interview/issues/1702)
- [在svg和canvas中你该如何选择？依据是什么？](https://github.com/haizlin/fe-interview/issues/1698)
- [canvas的应用场景有哪些？](https://github.com/haizlin/fe-interview/issues/1694)
- [如何将图片画到canvas上？都有哪些方法？](https://github.com/haizlin/fe-interview/issues/1690)
- [canvas怎么兼容IE9以下版本？](https://github.com/haizlin/fe-interview/issues/1686)
- [在使用canvas的arc绘制图像时应注意什么？](https://github.com/haizlin/fe-interview/issues/1681)
- [请说说canvas的closePath()与lineTo()的区别是什么？](https://github.com/haizlin/fe-interview/issues/1677)
- [在开发canvas时，你知道什么是非零环绕原则(nonzZero rule) 吗？](https://github.com/haizlin/fe-interview/issues/1673)
- [canvas有哪些可以提升性能的优化方法？](https://github.com/haizlin/fe-interview/issues/1669)
- [怎么让整个页面从iframe中跳出来？](https://github.com/haizlin/fe-interview/issues/1665)
- [怎么让table的thead 不动，tbody出现滚动条呢？](https://github.com/haizlin/fe-interview/issues/1661)
- [如何能防止网页禁止被iframe嵌入呢？ ](https://github.com/haizlin/fe-interview/issues/1657)
- [HTML5图像相关的标签有哪些？](https://github.com/haizlin/fe-interview/issues/1653)
- [用什么代替html5中不再支持table的cellspacing和cellpadding属性？](https://github.com/haizlin/fe-interview/issues/1649)
- [如何防止cookie被盗用？](https://github.com/haizlin/fe-interview/issues/1645)
- [html的标签`<a>`除了用作跳转链接外，还有哪些用途？](https://github.com/haizlin/fe-interview/issues/1641)
- [请说说什么是分区响应图？](https://github.com/haizlin/fe-interview/issues/1637)
- [table由哪几部分组成？](https://github.com/haizlin/fe-interview/issues/1628)
- [浏览器怪异模式的怪异主要体现在哪方面呢？](https://github.com/haizlin/fe-interview/issues/1624)
- [说说你对IE特有的数据存储userData的理解](https://github.com/haizlin/fe-interview/issues/1620)
- [说说你对iframe属性sandbox的理解，它有什么作用呢？](https://github.com/haizlin/fe-interview/issues/1616)
- [请解释下href="javascript:void(0)"和href="#"的区别是什么？](https://github.com/haizlin/fe-interview/issues/1612)
- [怎样实现每次页面打开时都清除本页缓存？](https://github.com/haizlin/fe-interview/issues/1607)
- [说说你是怎么实现页面阻尼效果的？](https://github.com/haizlin/fe-interview/issues/1603)
- [网站的响应式和自适应有什么区别？](https://github.com/haizlin/fe-interview/issues/1599)
- [解释下为什么说html嵌套级别不宜过多？](https://github.com/haizlin/fe-interview/issues/1594)
- [说出至少十条你理解的html规范](https://github.com/haizlin/fe-interview/issues/1590)
- [如果让你带一个什么都不懂的人入门学前端，你应该怎么带他？](https://github.com/haizlin/fe-interview/issues/1586)
- [你觉得html简单吗？说说你的理由](https://github.com/haizlin/fe-interview/issues/1582)
- [说说你认为html在前端的地位怎么样？](https://github.com/haizlin/fe-interview/issues/1578)
- [当写一个复杂页面的时候，你是怎么布局的？有什么方法论吗？](https://github.com/haizlin/fe-interview/issues/1574)
- [用一句话来描述下你对html的理解](https://github.com/haizlin/fe-interview/issues/1570)
- [关于缓存你了解多少？](https://github.com/haizlin/fe-interview/issues/1565)
- [适配刘海屏的方案有哪些呢？](https://github.com/haizlin/fe-interview/issues/1561)
- [HTML5对元素内容进行拼写检查用的是什么属性呢？](https://github.com/haizlin/fe-interview/issues/1557)
- [wbr和br标签的区别是什么？](https://github.com/haizlin/fe-interview/issues/1553)
- [在使用HTML5时有哪些规则需要遵守？](https://github.com/haizlin/fe-interview/issues/1549)
- [HTML5相比于HTML4有哪些优势？](https://github.com/haizlin/fe-interview/issues/1545)
- [canvas怎么解决图片和文字模糊的问题？](https://github.com/haizlin/fe-interview/issues/1541)
- [页面加载后，表单的第一个文本框如何自动获得焦点？](https://github.com/haizlin/fe-interview/issues/1537)
- [你有了解过Applet（Java小程序）吗？](https://github.com/haizlin/fe-interview/issues/1533)
- [你有使用过marquee吗？](https://github.com/haizlin/fe-interview/issues/1529)
- [HTML5中required属性有什么应用场景？](https://github.com/haizlin/fe-interview/issues/1525)
- [给单个表格的单元格设置背景色有什么方法？](https://github.com/haizlin/fe-interview/issues/1520)
- [如何自动转移到新的页面？](https://github.com/haizlin/fe-interview/issues/1516)
- [如何防止他人窃取我的源代码或图片？](https://github.com/haizlin/fe-interview/issues/1512)
- [HTML的标签这么多，我要全部记住吗？如果不要怎么办？](https://github.com/haizlin/fe-interview/issues/1508)
- [如果在写HTML时漏写了闭合标签，怎么办呢？](https://github.com/haizlin/fe-interview/issues/1504)
- [举例说明表格中如何再嵌套表格](https://github.com/haizlin/fe-interview/issues/1500)
- [你是如何组织html代码的？](https://github.com/haizlin/fe-interview/issues/1496)
- [移动端点击300ms的延迟出现的原因是什么？你的解决方案是什么？](https://github.com/haizlin/fe-interview/issues/1492)
- [你有使用过picture标签吗？说说它有哪些运用场景](https://github.com/haizlin/fe-interview/issues/1488)
- [说下你对DOM树的理解](https://github.com/haizlin/fe-interview/issues/1484)
- [canvas的width与height属性的值可不可以带单位？](https://github.com/haizlin/fe-interview/issues/1480)
- [你有使用过HTML5的dialog标签吗？说说看，它有什么特点？](https://github.com/haizlin/fe-interview/issues/1476)
- [解释下为什么`<p> </p>`会换两行？](https://github.com/haizlin/fe-interview/issues/1472)
- [你知道p标签和br标签两者的区别是什么吗？](https://github.com/haizlin/fe-interview/issues/1468)
- [如何在页面中插入TAB符号（制表符）](https://github.com/haizlin/fe-interview/issues/1464)
- [说下cookie都有哪些缺点？](https://github.com/haizlin/fe-interview/issues/1460)
- [举例说明a标签的作用都有哪些？](https://github.com/haizlin/fe-interview/issues/1456)
- [请举例说明关于html的引用标签有哪些？](https://github.com/haizlin/fe-interview/issues/1452)
- [请举例说明html支持的数学符号有哪些？](https://github.com/haizlin/fe-interview/issues/1448)
- [html的标签属性bgcolor支持简写吗？如：bgcolor="#F00"](https://github.com/haizlin/fe-interview/issues/1444)
- [举例说明ul、dl、ol三个标签的区别？](https://github.com/haizlin/fe-interview/issues/1440)
- [html的a标签属性rel="noopener"有什么作用？](https://github.com/haizlin/fe-interview/issues/1436)
- [怎么使用HTML5实现录音的功能？](https://github.com/haizlin/fe-interview/issues/1432)
- [主框架如何与iframe通信？如何解决跨域？](https://github.com/haizlin/fe-interview/issues/1428)
- [有哪些方法可以将图片和文字显示在同一行上呢？](https://github.com/haizlin/fe-interview/issues/1417)
- [png8和png24有什么区别呢？](https://github.com/haizlin/fe-interview/issues/1413)
- [placeholder如何在兼容IE？](https://github.com/haizlin/fe-interview/issues/1408)
- [举例说明如何实现浏览器桌面通知？](https://github.com/haizlin/fe-interview/issues/1403)
- [HTML5如何唤醒APP？](https://github.com/haizlin/fe-interview/issues/1383)
- [如何给一个下拉选项进行分组？](https://github.com/haizlin/fe-interview/issues/1379)
- [HTML5的output是非常棒的一个标签，你对它有了解吗？](https://github.com/haizlin/fe-interview/issues/1375)
- [举例说明HTML5的标签meter的用法](https://github.com/haizlin/fe-interview/issues/1371)
- [请使用纯HTML制作一个进度条](https://github.com/haizlin/fe-interview/issues/1367)
- [你有用过HTML5的track标签吗？说说它的运用场景有哪些？](https://github.com/haizlin/fe-interview/issues/1363)
- [htm、html、shtml三者有什么区别呢？](https://github.com/haizlin/fe-interview/issues/1345)
- [你有用过HTML5的requestAnimationFrame吗？它运用的场景有哪些呢？](https://github.com/haizlin/fe-interview/issues/1341)
- [网站首页有大量的图片，加载很慢，要是你，你该怎么去优化呢？](https://github.com/haizlin/fe-interview/issues/1337)
- [做好的页面都有在哪些浏览器上测过？](https://github.com/haizlin/fe-interview/issues/1333)
- [HTML5的哪些新特性是令你最兴奋的？](https://github.com/haizlin/fe-interview/issues/1329)
- [img、input标签它们是行内元素还是块级元素？](https://github.com/haizlin/fe-interview/issues/1315)
- [HTML的标签区分大小写吗？属性名区分大小写吗？](https://github.com/haizlin/fe-interview/issues/1311)
- [HTML的注释有几种写法？有什么规范吗？](https://github.com/haizlin/fe-interview/issues/1296)
- [怎样给radio分组呢？](https://github.com/haizlin/fe-interview/issues/1292)
- [你知道HTML什么是单闭合标签和双闭合标签吗？为何要分为这两种呢？](https://github.com/haizlin/fe-interview/issues/1287)
- [什么是Data URI？](https://github.com/haizlin/fe-interview/issues/1283)
- [你知道有哪些常见的视频（音频）编码格式和视频（音频）格式吗？](https://github.com/haizlin/fe-interview/issues/1279)
- [Shadow DOM和Virtual DOM有什么区别？](https://github.com/haizlin/fe-interview/issues/1275)
- [meta的属性有哪些组成？说说它们的分别有什么作用？](https://github.com/haizlin/fe-interview/issues/1271)
- [为什么HTML5里面我们不需要DTD？](https://github.com/haizlin/fe-interview/issues/1267)
- [前端路由指的是什么？它有什么好处？它有哪些方式可以实现呢？](https://github.com/haizlin/fe-interview/issues/1263)
- [xpath和dom有什么区别？](https://github.com/haizlin/fe-interview/issues/1259)
- [你有使用过HTML5的output吗？说说它的作用是什么？](https://github.com/haizlin/fe-interview/issues/1255)
- [HTML5如何调用摄像头？](https://github.com/haizlin/fe-interview/issues/1251)
- [怎么检测浏览器是否支持HTML5特性？](https://github.com/haizlin/fe-interview/issues/1247)
- [举例说明如何使用纯html怎么实现下拉提示的功能？](https://github.com/haizlin/fe-interview/issues/1233)
- [你有使用过figure标签吗？说说你对它的认识，有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/1229)
- [你有用过bdo标签吗？举例说明它的作用是什么？](https://github.com/haizlin/fe-interview/issues/1225)
- [HTML5的video在有的移动端设备无法自动播放？怎么解决？](https://github.com/haizlin/fe-interview/issues/1221)
- [HTML5有哪些存储类型？它们之间有什么区别？](https://github.com/haizlin/fe-interview/issues/1217)
- [不用h标签、css和js怎么实现多个字的字体连续放大的效果？](https://github.com/haizlin/fe-interview/issues/1213)
- [使用标签怎样对一个单词标志缩写呢？](https://github.com/haizlin/fe-interview/issues/1209)
- [说说你对small标签的认识，有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/1205)
- [举例说明如何在页面中添加数学公式？](https://github.com/haizlin/fe-interview/issues/1201)
- [HTML5如何使某个页面元素或整个页面可编辑？](https://github.com/haizlin/fe-interview/issues/1197)
- [怎样把整个页面中的内容设置成只读，不可编辑的状态？](https://github.com/haizlin/fe-interview/issues/1182)
- [input的onblur和onchange事件区别是什么？](https://github.com/haizlin/fe-interview/issues/1178)
- [本地存储的生命周期是什么？](https://github.com/haizlin/fe-interview/issues/1174)
- [请说说viewport是什么？在什么时候下使用？有什么作用？](https://github.com/haizlin/fe-interview/issues/1169)
- [说说你对表单属性type="hidden"的理解，它的运用场景有哪些？](https://github.com/haizlin/fe-interview/issues/1165)
- [SGML（标准通用标记语言）和HTML（超文本标记语言），XML（可扩展标记语言）和HTML的之间有什么关系？](https://github.com/haizlin/fe-interview/issues/1161)
- [请说说 `<pre>` 和 `<code>` 标签的区别？](https://github.com/haizlin/fe-interview/issues/1157)
- [如何实现应用缓存？说说你对manifest的理解](https://github.com/haizlin/fe-interview/issues/1152)
- [form标签定义请求类型和请求地址分别是哪个属性？](https://github.com/haizlin/fe-interview/issues/1148)
- [说说你对HTML5的keygen标签的理解，它的作用是什么？](https://github.com/haizlin/fe-interview/issues/1144)
- [如何让textarea标签中的内容原格式输出？](https://github.com/haizlin/fe-interview/issues/1140)
- [请说说应用缓存中的回退和网络分别是什么？](https://github.com/haizlin/fe-interview/issues/1136)
- [如何让textarea高度自适应呢？](https://github.com/haizlin/fe-interview/issues/1132)
- [HTML5的服务器(server-sent event)发送事件有什么应用场景？](https://github.com/haizlin/fe-interview/issues/1128)
- [如何刷新浏览器的应用缓存？](https://github.com/haizlin/fe-interview/issues/1124)
- [Web Worker线程的限制是什么？](https://github.com/haizlin/fe-interview/issues/1120)
- [canvas默认画布的尺寸是多大？怎样设置才能不会变形？](https://github.com/haizlin/fe-interview/issues/1116)
- [触发form表单自动提交的方式有哪些？](https://github.com/haizlin/fe-interview/issues/1112)
- [table去除边框的方法有哪些？](https://github.com/haizlin/fe-interview/issues/1108)
- [你知道什么是锚点吗？它的作用是什么？怎么创建一个锚点？](https://github.com/haizlin/fe-interview/issues/1104)
- [请问WebSql是HTML5的一个规范吗？](https://github.com/haizlin/fe-interview/issues/1100)
- [精灵图和base64如何选择呢？](https://github.com/haizlin/fe-interview/issues/1096)
- [html的button中的reset有什么作用？](https://github.com/haizlin/fe-interview/issues/1092)
- [请说说Canvas和SVG图形的区别是什么？](https://github.com/haizlin/fe-interview/issues/1088)
- [举例说明table怎么合并行和列的？](https://github.com/haizlin/fe-interview/issues/1083)
- [HTML5规范将元素分为哪几个大类？分别说说它们的特点](https://github.com/haizlin/fe-interview/issues/1078)
- [使用canvas画出一个矩形](https://github.com/haizlin/fe-interview/issues/1073)
- [说说form-data、x-www-form-urlencoded、raw、binary的区别是什么？](https://github.com/haizlin/fe-interview/issues/1069)
- [请描述下application cache的更新过程？](https://github.com/haizlin/fe-interview/issues/1065)
- [你知道富文本编辑器的实现原理吗？](https://github.com/haizlin/fe-interview/issues/1061)
- [说说你对富文本的理解，你有用过哪些富文本编辑器呢？](https://github.com/haizlin/fe-interview/issues/1057)
- [有使用过HTML5的跟踪元素吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/1053)
- [frame和iframe有什么区别？](https://github.com/haizlin/fe-interview/issues/1049)
- [页面布局中的结构与表现分离，那么什么是结构？什么是表现呢？](https://github.com/haizlin/fe-interview/issues/1045)
- [怎样去除html标签之间换行产生的空格？](https://github.com/haizlin/fe-interview/issues/1041)
- [举例说明HTML5的Canvas元素有什么用途？](https://github.com/haizlin/fe-interview/issues/1037)
- [在HTML5中如何组合标题？用哪个元素？](https://github.com/haizlin/fe-interview/issues/1033)
- [你知道checkbox有几种状态吗？它们分别用来表示什么？](https://github.com/haizlin/fe-interview/issues/1029)
- [HTML如何创建分区响应图？](https://github.com/haizlin/fe-interview/issues/1025)
- [什么是svg？说说svg有什么运用场景？](https://github.com/haizlin/fe-interview/issues/1021)
- [有好多网站不常用table和iframe这两个元素，知道原因吗？](https://github.com/haizlin/fe-interview/issues/1017)
- [在默认的情况下，使用h1标签呈现出什么效果？](https://github.com/haizlin/fe-interview/issues/1013)
- [网站的TDK该怎么设置？它有什么作用？](https://github.com/haizlin/fe-interview/issues/1009)
- [除了音频和视频，HTML5还支持哪些媒体标签？](https://github.com/haizlin/fe-interview/issues/1005)
- [如何在HTML5页面中嵌入音频和视频？](https://github.com/haizlin/fe-interview/issues/1001)
- [说说HTML中的`<html>`标签有什么作用？](https://github.com/haizlin/fe-interview/issues/996)
- [请描述一下cookies、sessionStorage和localStorage的区别？](https://github.com/haizlin/fe-interview/issues/992)
- [行内元素、块级元素、空(void)元素分别有哪些？](https://github.com/haizlin/fe-interview/issues/988)
- [说说你对accesskey的理解，举例说明它有什么运用场景？](https://github.com/haizlin/fe-interview/issues/984)
- [HTML5怎么为输入框添加语音输入的功能呢？](https://github.com/haizlin/fe-interview/issues/979)
- [HTML5的页面可见性（Page Visibility）有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/975)
- [列举出你最常用的meta标签的写法和作用](https://github.com/haizlin/fe-interview/issues/971)
- [Doctype有什么作用？你知道有多少种Doctype文档类型吗？](https://github.com/haizlin/fe-interview/issues/967)
- [写出以下几个HTML标签：字体、居中、文字加粗、下标](https://github.com/haizlin/fe-interview/issues/962)
- [HTML5标准提供了哪些新的API？你有用过哪些？](https://github.com/haizlin/fe-interview/issues/958)
- [使用HTML5需要遵守哪些设计原则？](https://github.com/haizlin/fe-interview/issues/954)
- [有使用过svg吗？请用svg画一个圆](https://github.com/haizlin/fe-interview/issues/906)
- [请说说你对ISISO8859-2字符集的认识](https://github.com/haizlin/fe-interview/issues/902)
- [请描述下元素的href和src有什么区别？](https://github.com/haizlin/fe-interview/issues/757)
- [举例说明你对ol和ul标签的区别？它们的运用场景分别是什么呢？](https://github.com/haizlin/fe-interview/issues/747)
- [a标签的href和onclick属性同时存在时哪个先触发？](https://github.com/haizlin/fe-interview/issues/743)
- [怎么使用HTML5来获取定位？定位不准怎么解决？](https://github.com/haizlin/fe-interview/issues/607)
- [举例说明如何原样输出HTML代码，不被浏览器解析？](https://github.com/haizlin/fe-interview/issues/600)
- [举例说明你对HTML5的ruby标签的理解，都有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/596)
- [iframe的使用场景有哪些？](https://github.com/haizlin/fe-interview/issues/592)
- [a标签下的href="javascript:void(0)"起到了什么作用？说说你对javascript:void(0)的理解？](https://github.com/haizlin/fe-interview/issues/588)
- [在新窗口打开链接的方法是什么？那怎么设置全站链接都在新窗口打开？](https://github.com/haizlin/fe-interview/issues/584)
- [用HTML5实现手机摇一摇功能你有做过吗？你知道它的原理吗？](https://github.com/haizlin/fe-interview/issues/580)
- [你有用过HTML5的Device API吗？说说它都有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/576)
- [简述下HTML的快捷键属性是哪个？并举例说明有什么用？](https://github.com/haizlin/fe-interview/issues/572)
- [HTML5的应用程序缓存与浏览器缓存有什么不同？](https://github.com/haizlin/fe-interview/issues/568)
- [你有用过HTML5中的datalist标签吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/562)
- [说说你对HTML5的img标签属性srcset和sizes的理解？都有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/530)
- [HTML5如何识别语音读出的内容和朗读指定的内容？](https://github.com/haizlin/fe-interview/issues/526)
- [移动web页面如何自动探测电话号码？](https://github.com/haizlin/fe-interview/issues/521)
- [在a标签上的四个伪类执行顺序是什么？](https://github.com/haizlin/fe-interview/issues/517)
- [favicon.ico有什么作用？怎么在页面中引用？常用尺寸有哪些？可以修改后缀名吗？](https://github.com/haizlin/fe-interview/issues/513)
- [video和audio分别支持哪些格式？](https://github.com/haizlin/fe-interview/issues/509)
- [怎么在IE8及以下实现HTML5的兼容？](https://github.com/haizlin/fe-interview/issues/502)
- [html的a标签属性rel='nofollow'有什么作用？](https://github.com/haizlin/fe-interview/issues/498)
- [怎样禁止表单记住密码自动填充？](https://github.com/haizlin/fe-interview/issues/494)
- [写个例子说明HTML5在移动端如何打开APP？](https://github.com/haizlin/fe-interview/issues/490)
- [请写出唤醒拔打电话、发送邮件、发送短信的例子](https://github.com/haizlin/fe-interview/issues/407)
- [HTML5如果不写`<! DOCTYPE html>` ，页面还会正常工作么？](https://github.com/haizlin/fe-interview/issues/403)
- [html直接输入多个空格为什么只能显示一个空格？](https://github.com/haizlin/fe-interview/issues/299)
- [写出html提供的几种空格实体（5种以上）](https://github.com/haizlin/fe-interview/issues/293)
- [什么是html的字符实体？版权符号代码怎么写？](https://github.com/haizlin/fe-interview/issues/279)
- [有使用过HTML5的拖放API吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/275)
- [有用过HTML5的webSQL和IndexedDB吗？说说你对它们的理解](https://github.com/haizlin/fe-interview/issues/254)
- [src、href、link的区别是什么？](https://github.com/haizlin/fe-interview/issues/250)
- [有用过WebGL吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/244)
- [HTML5相对于HTML4有哪些优势？](https://github.com/haizlin/fe-interview/issues/240)
- [你了解HTML5的download属性吗？](https://github.com/haizlin/fe-interview/issues/236)
- [渐进式渲染是什么？](https://github.com/haizlin/fe-interview/issues/219)
- [HTML5中新添加的表单属性有哪些？](https://github.com/haizlin/fe-interview/issues/215)
- [你有了解HTML5的地理定位吗？怎么使用？](https://github.com/haizlin/fe-interview/issues/211)
- [web workers有用过吗？能帮我们解决哪些问题？](https://github.com/haizlin/fe-interview/issues/207)
- [From表单提交时为什么会刷新页面？怎么预防刷新？](https://github.com/haizlin/fe-interview/issues/202)
- [Form表单是怎么上传文件的？你了解它的原理吗？](https://github.com/haizlin/fe-interview/issues/198)
- [Ajax与Flash的优缺点分别是什么？](https://github.com/haizlin/fe-interview/issues/189)
- [说说你对target="_blank"的理解？有啥安全性问题？如何防范？](https://github.com/haizlin/fe-interview/issues/185)
- [说说你对WEB标准和W3C的理解与认识？](https://github.com/haizlin/fe-interview/issues/181)
- [HTML5如何使用音频和视频？](https://github.com/haizlin/fe-interview/issues/177)
- [页面中怎么嵌入Flash？有哪些方法？写出来](https://github.com/haizlin/fe-interview/issues/173)
- [xml与html有什么区别？](https://github.com/haizlin/fe-interview/issues/169)
- [说说video标签中预加载视频用到的属性是什么？](https://github.com/haizlin/fe-interview/issues/165)
- [如何让元素固定在页面底部？有哪些比较好的实践？](https://github.com/haizlin/fe-interview/issues/161)
- [解释下什么是ISISO8859-2字符集？](https://github.com/haizlin/fe-interview/issues/156)
- [webSocket怎么做兼容处理？](https://github.com/haizlin/fe-interview/issues/152)
- [html5都有哪些新的特性？移除了哪些元素？](https://github.com/haizlin/fe-interview/issues/148)
- [title与h1、b与strong、i与em的区别分别是什么？](https://github.com/haizlin/fe-interview/issues/144)
- [说说你对cookie和session的理解](https://github.com/haizlin/fe-interview/issues/140)
- [html5哪些标签可以优化SEO?](https://github.com/haizlin/fe-interview/issues/136)
- [HTML与XHTML二者有不同](https://github.com/haizlin/fe-interview/issues/132)
- [用一个div模拟textarea的实现](https://github.com/haizlin/fe-interview/issues/128)
- [Standards模式和Quirks模式有什么区别？](https://github.com/haizlin/fe-interview/issues/122)
- [html和html5有什么区别呢？](https://github.com/haizlin/fe-interview/issues/118)
- [说说你对HTML元素的显示优先级的理解](https://github.com/haizlin/fe-interview/issues/114)
- [DOM和BOM有什么区别？](https://github.com/haizlin/fe-interview/issues/110)
- [网页上的验证码是为了解决什么问题？说说你了解的验证码种类有哪些](https://github.com/haizlin/fe-interview/issues/106)
- [你了解什么是无障碍web（WAI）吗？在开发过程中要怎么做呢？](https://github.com/haizlin/fe-interview/issues/102)
- [说说你对`<meta>`标签的理解](https://github.com/haizlin/fe-interview/issues/98)
- [说说你对影子(Shadow)DOM的了解](https://github.com/haizlin/fe-interview/issues/94)
- [解释下你对GBK和UTF-8的理解？并说说页面上产生乱码的可能原因](https://github.com/haizlin/fe-interview/issues/90)
- [请说说`<script>`、`<script async>`和`<script defer>`的区别](https://github.com/haizlin/fe-interview/issues/86)
- [说说你对属性data-的理解](https://github.com/haizlin/fe-interview/issues/82)
- [关于`<form>`标签的enctype属性你有哪些了解？](https://github.com/haizlin/fe-interview/issues/78)
- [js放在html的`<body>`和`<head>`有什么区别？](https://github.com/haizlin/fe-interview/issues/74)
- [谈谈你对input元素中readonly和disabled属性的理解](https://github.com/haizlin/fe-interview/issues/70)
- [请描述HTML元素的显示优先级](https://github.com/haizlin/fe-interview/issues/66)
- [说说你对html中的置换元素和非置换元素的理解](https://github.com/haizlin/fe-interview/issues/62)
- [怎样在页面上实现一个圆形的可点击区域？](https://github.com/haizlin/fe-interview/issues/58)
- [你认为table的作用和优缺点是什么呢？](https://github.com/haizlin/fe-interview/issues/54)
- [元素的alt和title有什么区别？](https://github.com/haizlin/fe-interview/issues/50)
- [title与h1的区别、b与strong的区别、i与em的区别？](https://github.com/haizlin/fe-interview/issues/46)
- [为什么HTML5只需要写`<!DOCTYPE HTML>`就可以？](https://github.com/haizlin/fe-interview/issues/42)
- [html5中的form怎么关闭自动完成？](https://github.com/haizlin/fe-interview/issues/38)
- [常见的浏览器内核都有哪些？并介绍下你对内核的理解](https://github.com/haizlin/fe-interview/issues/34)
- [你对标签语义化的理解是什么？](https://github.com/haizlin/fe-interview/issues/31)
- [viewport常见设置都有哪些？](https://github.com/haizlin/fe-interview/issues/28)
- [浏览器内多个标签页之间的通信方式有哪些？](https://github.com/haizlin/fe-interview/issues/25)
- [简述下html5的离线存储原理，同时说明如何使用？](https://github.com/haizlin/fe-interview/issues/22)
- [iframe框架都有哪些优缺点？](https://github.com/haizlin/fe-interview/issues/19)
- [label都有哪些作用？并举相应的例子说明](https://github.com/haizlin/fe-interview/issues/16)
- [简述超链接target属性的取值和作用](https://github.com/haizlin/fe-interview/issues/13)
- [HTML5的文件离线存储怎么使用，工作原理是什么？](https://github.com/haizlin/fe-interview/issues/10)
- [HTML全局属性(global attribute)有哪些（包含H5）？](https://github.com/haizlin/fe-interview/issues/7)
- [html的元素有哪些（包含H5）？](https://github.com/haizlin/fe-interview/issues/4)
- [页面导入样式时，使用link和@import有什么区别？](https://github.com/haizlin/fe-interview/issues/1)
## css
- [使用css如何拉伸字体？](https://github.com/haizlin/fe-interview/issues/2617)
- [写出固定子容器在固定的父容器下水平垂直居中的布局](https://github.com/haizlin/fe-interview/issues/2613)
- [在固定宽度的div下，怎么让字体自适应大小，不超出宽度，也不要换行](https://github.com/haizlin/fe-interview/issues/2609)
- [怎样把单位cm转换成px呢（在打印时有时会用到）？](https://github.com/haizlin/fe-interview/issues/2605)
- [flex与其他有什么不同，用它有什么好处？](https://github.com/haizlin/fe-interview/issues/2601)
- [pseudo-class与pseudo-element有什么区别？](https://github.com/haizlin/fe-interview/issues/2597)
- [行内元素可以设置padding和margin吗？](https://github.com/haizlin/fe-interview/issues/2591)
- [如果要你自己设计一个css框架，说说你的思路](https://github.com/haizlin/fe-interview/issues/2587)
- [使用css3画个旋转的立方体](https://github.com/haizlin/fe-interview/issues/2583)
- [translate3D有什么作用？](https://github.com/haizlin/fe-interview/issues/2579)
- [BFC与IFC有什么区别？](https://github.com/haizlin/fe-interview/issues/2575)
- [举例说明BFC会与float元素相互覆盖吗？为什么？](https://github.com/haizlin/fe-interview/issues/2571)
- [如何形成BFC？](https://github.com/haizlin/fe-interview/issues/2567)
- [为什么float会导致父元素塌陷？](https://github.com/haizlin/fe-interview/issues/2563)
- [什么是逐帧动画？](https://github.com/haizlin/fe-interview/issues/2559)
- [什么是关键帧动画？](https://github.com/haizlin/fe-interview/issues/2555)
- [实现一个下拉不到底的橡皮筋效果](https://github.com/haizlin/fe-interview/issues/2550)
- [如何取消页面中选中的文字？](https://github.com/haizlin/fe-interview/issues/2546)
- [为什么伪类的content不能被选中？](https://github.com/haizlin/fe-interview/issues/2542)
- [举例说说你对white-space属性的理解](https://github.com/haizlin/fe-interview/issues/2538)
- [::first-letter有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2534)
- [使用css画一个饼图的效果](https://github.com/haizlin/fe-interview/issues/2529)
- [使用css如何设置背景虚化？](https://github.com/haizlin/fe-interview/issues/2525)
- [举例说明background-repeat的新属性值：round和space的作用是什么？](https://github.com/haizlin/fe-interview/issues/2521)
- [举例说明with属性的fill-available有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2517)
- [width属性的min-content和max-content有什么作用？](https://github.com/haizlin/fe-interview/issues/2513)
- [你用过outline属性吗？它有什么运用场景？](https://github.com/haizlin/fe-interview/issues/2509)
- [为什么说css的选择器一般不要超过三级？](https://github.com/haizlin/fe-interview/issues/2505)
- [使用纯CSS实现3D按钮效果](https://github.com/haizlin/fe-interview/issues/2500)
- [使用css实现太阳自转同时地球围着太阳公转的效果](https://github.com/haizlin/fe-interview/issues/2496)
- [你有用过animation-fill-mode属性吗？它有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2492)
- [当display:flex遇到white-space nowrap会对布局有什么样的影响？如何解决？](https://github.com/haizlin/fe-interview/issues/2487)
- [用css实现一个等腰三角形的小图标](https://github.com/haizlin/fe-interview/issues/2483)
- [使用css实现蒙版的效果](https://github.com/haizlin/fe-interview/issues/2479)
- [使用css实现手风琴的效果](https://github.com/haizlin/fe-interview/issues/2469)
- [父元素下有子元素，子元素也有高度但父元素的高度为何为0呢？分析下可能出现的原因及解决方法](https://github.com/haizlin/fe-interview/issues/2465)
- [假如css的分号写在声明块之外，将会发生什么呢？解释下原因[代码]](https://github.com/haizlin/fe-interview/issues/2461)
- [如何阻止:hover、:active等鼠标行为状态的触发？](https://github.com/haizlin/fe-interview/issues/2457)
- [在响应式布局中，如何使用纯css使得块元素等比缩放？](https://github.com/haizlin/fe-interview/issues/2453)
- [用css画一个平行四边形](https://github.com/haizlin/fe-interview/issues/2449)
- [H5如何禁止显示系统菜单？](https://github.com/haizlin/fe-interview/issues/2445)
- [如何让表格单元格等宽显示？](https://github.com/haizlin/fe-interview/issues/2441)
- [固定的外框尺寸，里面的图片尺寸不固定，如何让图像自适应外框呢？](https://github.com/haizlin/fe-interview/issues/2436)
- [不用换行的标签，怎么伪元素实现换行的效果？](https://github.com/haizlin/fe-interview/issues/2431)
- [给一个图片设置透明有哪些方式呢？](https://github.com/haizlin/fe-interview/issues/2424)
- [box-sizing的宽度包含了哪些？](https://github.com/haizlin/fe-interview/issues/2419)
- [判断如下边框的颜色，并解释为什么[代码]？](https://github.com/haizlin/fe-interview/issues/2415)
- [如何使用伪元素实现增大点击热区来增加用户体验？](https://github.com/haizlin/fe-interview/issues/2411)
- [怎么给手持设备添加特殊样式？](https://github.com/haizlin/fe-interview/issues/2407)
- [如何使用css显示a链接的url？](https://github.com/haizlin/fe-interview/issues/2403)
- [css中的url()要不要加引号？说说你的理解](https://github.com/haizlin/fe-interview/issues/2399)
- [使用css写一个垂直翻转图片的效果](https://github.com/haizlin/fe-interview/issues/2395)
- [请写出font属性的快捷写法](https://github.com/haizlin/fe-interview/issues/2391)
- [举例说明与打印有关的属性有哪些？](https://github.com/haizlin/fe-interview/issues/2387)
- [如何让背景图片固定不随滚动条滚动？](https://github.com/haizlin/fe-interview/issues/2383)
- [你用过css的tab-size属性吗？浏览器默认显示tab为几个空格？](https://github.com/haizlin/fe-interview/issues/2379)
- [clear属性只对块级元素有效么？为何无法应用于行内元素？](https://github.com/haizlin/fe-interview/issues/2373)
- [css的负边距有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/2369)
- [你了解CSS Houdini吗？说说它的运用场景有哪些？](https://github.com/haizlin/fe-interview/issues/2364)
- [使用css画个镰刀形的月亮](https://github.com/haizlin/fe-interview/issues/2360)
- [使用css写一个红绿灯交替的动画效果](https://github.com/haizlin/fe-interview/issues/2352)
- [除了可以用js跟踪用户信息外，如果不用js，使用纯css怎么做呢？](https://github.com/haizlin/fe-interview/issues/2348)
- [当拿到一个新的项目，让你对这个项目的css做下架构设计，你该如何下手？](https://github.com/haizlin/fe-interview/issues/2344)
- [表列举一些你认为最“昂贵”的css属性并解释为什么](https://github.com/haizlin/fe-interview/issues/2340)
- [为什么说css的选择器是从右向左匹配？](https://github.com/haizlin/fe-interview/issues/2336)
- [使用css实现霓虹灯效果](https://github.com/haizlin/fe-interview/issues/2332)
- [:placeholder-shown和:focus-within这两个伪类你有使用过吗？说说看](https://github.com/haizlin/fe-interview/issues/2328)
- [使用css实现气泡框的效果](https://github.com/haizlin/fe-interview/issues/2324)
- [说说sroll-snap-type属性的运用场景有哪些？相关联的属性还有哪些？](https://github.com/haizlin/fe-interview/issues/2320)
- [使用css实现一个loading的效果](https://github.com/haizlin/fe-interview/issues/2316)
- [你有使用过css的混合模式mix-blend-mode和background-blend-mode吗？](https://github.com/haizlin/fe-interview/issues/2312)
- [使用负文本缩进text-indent: -9999px时有没有遇到过什么奇怪的问题呢？怎么解决？](https://github.com/haizlin/fe-interview/issues/2307)
- [你会经常用到伪元素吗？一般都用在哪方面？](https://github.com/haizlin/fe-interview/issues/2303)
- [用css画出一把刻度尺](https://github.com/haizlin/fe-interview/issues/2299)
- [说说position:sticky有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2295)
- [如何使用css给一个正方形添加一条对角斜线？](https://github.com/haizlin/fe-interview/issues/2291)
- [举例说明CSS特性检测的方式有哪些？](https://github.com/haizlin/fe-interview/issues/2287)
- [你们团队中css的class命名采用的是什么方式呢？下划线还是横线还是驼峰？](https://github.com/haizlin/fe-interview/issues/2278)
- [使用纯css画出一个右侧滚动顶部进度条的效果](https://github.com/haizlin/fe-interview/issues/2271)
- [一个项目中有很多无用的css代码，怎么找到并清除这些无用的代码？](https://github.com/haizlin/fe-interview/issues/2267)
- [写出在不固定宽高的元素在固定高度的情况下水平垂直居中的方法](https://github.com/haizlin/fe-interview/issues/2263)
- [使用css画一根燃烧中的蜡烛](https://github.com/haizlin/fe-interview/issues/2259)
- [使用css画个鸡蛋](https://github.com/haizlin/fe-interview/issues/2255)
- [CSS content属性特殊字符有哪些？](https://github.com/haizlin/fe-interview/issues/2251)
- [用css画出一个圆圈，里面有个叉号（不能用英文字母x）](https://github.com/haizlin/fe-interview/issues/2247)
- [用css画出一个圆圈，里面有个对号](https://github.com/haizlin/fe-interview/issues/2245)
- [用css画出两个大圆相交，可以在各自圆及相交部分输入文字](https://github.com/haizlin/fe-interview/issues/2237)
- [用css画出中间一个大圆，四周有12个小圆环绕并和大圆是同心](https://github.com/haizlin/fe-interview/issues/2233)
- [如何解决html设置height：100%无效的问题？](https://github.com/haizlin/fe-interview/issues/2222)
- [css的height:100%和height:inherit有什么区别？](https://github.com/haizlin/fe-interview/issues/2218)
- [css如何让height:100%起作用？](https://github.com/haizlin/fe-interview/issues/2214)
- [用css3实现伪3D的文字效果](https://github.com/haizlin/fe-interview/issues/2209)
- [用css3实现文字发光的效果](https://github.com/haizlin/fe-interview/issues/2205)
- [你有使用过css的属性background-blend-mode吗？说说它的运用场景有哪些？](https://github.com/haizlin/fe-interview/issues/2199)
- [如何使用css实现鼠标跟随？](https://github.com/haizlin/fe-interview/issues/2195)
- [能不能使用纯css使你的浏览器卡死？怎么实现？](https://github.com/haizlin/fe-interview/issues/2191)
- [为什么说对opacity进行动画要比box-shadow进行动画性能更好呢？](https://github.com/haizlin/fe-interview/issues/2187)
- [请问class与[class=xxx]的区别是什么？两者是否等价？](https://github.com/haizlin/fe-interview/issues/2183)
- [请使用纯css实现波浪效果](https://github.com/haizlin/fe-interview/issues/2179)
- [有哪些标签是不支持伪元素的？](https://github.com/haizlin/fe-interview/issues/2173)
- [如何重写行内样式？方法有哪些（至少两种）？](https://github.com/haizlin/fe-interview/issues/2164)
- [用css3画出一个立体魔方](https://github.com/haizlin/fe-interview/issues/2160)
- [举例说明shape-outside的属性的用途有哪些？](https://github.com/haizlin/fe-interview/issues/2156)
- [ui设计中px、pt、ppi、dpi、dp、sp之间的关系？](https://github.com/haizlin/fe-interview/issues/2152)
- [使用css画个钟表的时间刻度](https://github.com/haizlin/fe-interview/issues/2148)
- [请使用css3实现图片的平滑转换](https://github.com/haizlin/fe-interview/issues/2135)
- [使用纯css能否监控到用户的一些信息？怎么实现？](https://github.com/haizlin/fe-interview/issues/2126)
- [在一个项目里，你是如何组织(架构)css代码的？](https://github.com/haizlin/fe-interview/issues/2122)
- [为了减小css文件的大小，怎么去除无用css呢？有哪些方法？](https://github.com/haizlin/fe-interview/issues/2112)
- [css的加载会阻塞js运行吗？为什么？](https://github.com/haizlin/fe-interview/issues/2108)
- [css的加载会阻塞DOM树解析和渲染吗？为什么？](https://github.com/haizlin/fe-interview/issues/2104)
- [异步加载CSS的方式有哪些？](https://github.com/haizlin/fe-interview/issues/2094)
- [举例说明如何从html元素继承box-sizing？](https://github.com/haizlin/fe-interview/issues/2090)
- [使用css的attr()写一个类似a标签title的提示框](https://github.com/haizlin/fe-interview/issues/2086)
- [鼠标事件css的:hover和js的mouseover有什么区别？](https://github.com/haizlin/fe-interview/issues/2077)
- [举例说明你对指针事件（pointer-events）的理解](https://github.com/haizlin/fe-interview/issues/2067)
- [如何用css实现把“我不爱996”变成“699爱不我”？](https://github.com/haizlin/fe-interview/issues/2063)
- [scroll-snap-align属性的应用场景是什么？](https://github.com/haizlin/fe-interview/issues/2058)
- [css中Scroll-behavior属性有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2048)
- [你有使用过css的writing-mode属性吗？说说它有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/2044)
- [使用css实现对话气泡的效果](https://github.com/haizlin/fe-interview/issues/2039)
- [如何隐藏没有静音、自动播放的音视频？](https://github.com/haizlin/fe-interview/issues/2034)
- [怎么使用css选择空链接？](https://github.com/haizlin/fe-interview/issues/2024)
- [说说你对table-layout的理解，它有什么运用场景？](https://github.com/haizlin/fe-interview/issues/2020)
- [颜色hsla的字母分别表示什么？](https://github.com/haizlin/fe-interview/issues/2016)
- [如何禁用移动的选择高亮？](https://github.com/haizlin/fe-interview/issues/2012)
- [使用css实现悬浮提示文本](https://github.com/haizlin/fe-interview/issues/2008)
- [怎么设置可点击的元素上强制手型？](https://github.com/haizlin/fe-interview/issues/2004)
- [如何使用css实现跨浏览器的最小高度？](https://github.com/haizlin/fe-interview/issues/1995)
- [使用css3实现一个斑马线的效果](https://github.com/haizlin/fe-interview/issues/1986)
- [使用纯css来创建一个滑块](https://github.com/haizlin/fe-interview/issues/1982)
- [用css画一个五边形和一个六边形](https://github.com/haizlin/fe-interview/issues/1978)
- [你有没有使用过“形似猫头鹰”（例：`* + *{ ... }`） 的选择器？](https://github.com/haizlin/fe-interview/issues/1973)
- [为什么说css中能用子代选择器的时候不要用后代选择器？](https://github.com/haizlin/fe-interview/issues/1968)
- [如何给文字的color设置渐变](https://github.com/haizlin/fe-interview/issues/1964)
- [如何在白天和黑夜自动切换页面的颜色？](https://github.com/haizlin/fe-interview/issues/1958)
- [CSS中哪些属性会引起GPU渲染，会增加耗电吗？](https://github.com/haizlin/fe-interview/issues/1954)
- [flex布局的缺点有哪些？（除兼容性外）](https://github.com/haizlin/fe-interview/issues/1950)
- [OOCSS有哪些好处？对应的库有哪些？](https://github.com/haizlin/fe-interview/issues/1946)
- [你知道什么是面向对象的css（oocss）吗？有没有实践过？](https://github.com/haizlin/fe-interview/issues/1942)
- [如何解决IE6浮动时产生双倍边距的BUG？](https://github.com/haizlin/fe-interview/issues/1933)
- [如何让IE6支持min-width和max-width？](https://github.com/haizlin/fe-interview/issues/1929)
- [什么是hack？css的hack有哪些？](https://github.com/haizlin/fe-interview/issues/1925)
- [padding会影响到元素的大小，那不想让它影响到元素的宽度应该怎么办？](https://github.com/haizlin/fe-interview/issues/1920)
- [说说你对相对定位、绝对定位、固定定位的理解](https://github.com/haizlin/fe-interview/issues/1916)
- [css中的选择器、属性、属性值区分大小写吗？](https://github.com/haizlin/fe-interview/issues/1912)
- [img标签是行内元素，为什么却能设置宽高？](https://github.com/haizlin/fe-interview/issues/1908)
- [如何禁止长按保存或复制图像？](https://github.com/haizlin/fe-interview/issues/1900)
- [css的height:100%和height:inherit之间有什么区别呢？](https://github.com/haizlin/fe-interview/issues/1896)
- [css的哪个属性可以把所有元素或其父元素的属性重置呢？](https://github.com/haizlin/fe-interview/issues/1892)
- [如何取消从父级元素继承下来的CSS样式呢？](https://github.com/haizlin/fe-interview/issues/1881)
- [说下你对css样式的这几个属性值initial、inherit、unset、revert的理解](https://github.com/haizlin/fe-interview/issues/1877)
- [如何解决css加载字体跨域的问题？](https://github.com/haizlin/fe-interview/issues/1873)
- [当使用@font-face的时候，为什么src中要加入local呢？](https://github.com/haizlin/fe-interview/issues/1869)
- [你有使用过font-size-adjust属性吗？说说它的作用是什么？](https://github.com/haizlin/fe-interview/issues/1865)
- [body{height:100%}和html,body{height:100%}有什么区别？为什么html要设置height:100%呢，html不就是整个窗口吗？](https://github.com/haizlin/fe-interview/issues/1861)
- [你所理解的css高级技巧有哪些？](https://github.com/haizlin/fe-interview/issues/1857)
- [举例说明跟字体相关的属性有哪些？](https://github.com/haizlin/fe-interview/issues/1853)
- [你知道字体所拥有的字重的数量和font-weight的数值字重是什么对应关系吗？](https://github.com/haizlin/fe-interview/issues/1849)
- [字体的粗细的属性是用哪一个？它有哪些属性值？](https://github.com/haizlin/fe-interview/issues/1845)
- [用CSS实现一个轮播图](https://github.com/haizlin/fe-interview/issues/1841)
- [用CSS实现tab切换](https://github.com/haizlin/fe-interview/issues/1837)
- [移动端1px像素的问题及解决方案是什么？](https://github.com/haizlin/fe-interview/issues/1833)
- [如何将元素的所有css属性恢复为初始化状态？](https://github.com/haizlin/fe-interview/issues/1829)
- [使用纯css实现一个rate评分的功能](https://github.com/haizlin/fe-interview/issues/1825)
- [css中的baseline，你知道吗？](https://github.com/haizlin/fe-interview/issues/1821)
- [你知道什么是动态伪类吗？](https://github.com/haizlin/fe-interview/issues/1817)
- [使用css3绘制一个QQ小企鹅的LOGO](https://github.com/haizlin/fe-interview/issues/1813)
- [使用css3画一个扇形](https://github.com/haizlin/fe-interview/issues/1809)
- [请使用css3来模拟中/英文打字的效果](https://github.com/haizlin/fe-interview/issues/1805)
- [使用css3绘制一个圆形动态的时钟](https://github.com/haizlin/fe-interview/issues/1801)
- [使用css将图片转换成黑白的效果](https://github.com/haizlin/fe-interview/issues/1797)
- [说说你对css的合成与混合模式的理解](https://github.com/haizlin/fe-interview/issues/1793)
- [一个页面引用多个文件，如何防止样式冲突？](https://github.com/haizlin/fe-interview/issues/1789)
- [如何清除在项目中无用的css代码呢？](https://github.com/haizlin/fe-interview/issues/1785)
- [css图片缩放失真出现锯齿的如何解决呢？](https://github.com/haizlin/fe-interview/issues/1781)
- [css如何消除字体的锯齿？](https://github.com/haizlin/fe-interview/issues/1777)
- [请使用CSS画一个带锯齿形边框圆圈](https://github.com/haizlin/fe-interview/issues/1773)
- [sass是如何导入模块的](https://github.com/haizlin/fe-interview/issues/1768)
- [使用sass里，你是怎么组织你的sass文件的？](https://github.com/haizlin/fe-interview/issues/1764)
- [说说sass有哪些你认为很棒的特性](https://github.com/haizlin/fe-interview/issues/1760)
- [在sass中可以执行布尔运算吗？](https://github.com/haizlin/fe-interview/issues/1755)
- [你有用过sass中的Mixin功能吗？它有哪些作用？](https://github.com/haizlin/fe-interview/issues/1751)
- [检测sass中错误的指令是哪个？](https://github.com/haizlin/fe-interview/issues/1747)
- [说说你对sass的嵌套规则的理解？](https://github.com/haizlin/fe-interview/issues/1743)
- [你认为sass和less的最大区别是什么呢？你喜欢哪个？为什么？](https://github.com/haizlin/fe-interview/issues/1739)
- [sass是怎么定义变量的？](https://github.com/haizlin/fe-interview/issues/1735)
- [使用sass的方式有哪些？](https://github.com/haizlin/fe-interview/issues/1731)
- [为什么要使用sass/less？](https://github.com/haizlin/fe-interview/issues/1727)
- [你对伪类了解多少？分为几大类？](https://github.com/haizlin/fe-interview/issues/1723)
- [分析比较opacity: 0、visibility: hidden、display: none三者的优劣和适用场景](https://github.com/haizlin/fe-interview/issues/1719)
- [你知道什么是CSS-in-JS吗？说说你对它的了解](https://github.com/haizlin/fe-interview/issues/1715)
- [你知道什么是聚焦环吗？怎么解决呢？](https://github.com/haizlin/fe-interview/issues/1711)
- [如何让一个块元素绝对居中？](https://github.com/haizlin/fe-interview/issues/1707)
- [css的user-select:all 有什么用处？](https://github.com/haizlin/fe-interview/issues/1703)
- [说说display:none和visibility:hidden的区别](https://github.com/haizlin/fe-interview/issues/1699)
- [如何使用CSS绘制一个汉堡式菜单](https://github.com/haizlin/fe-interview/issues/1695)
- [你是如何压缩字体的？](https://github.com/haizlin/fe-interview/issues/1691)
- [如何修改美化radio、checkbox的默认样式？](https://github.com/haizlin/fe-interview/issues/1687)
- [你有使用过postcss吗？它和less/scss/stylus有什么区别？](https://github.com/haizlin/fe-interview/issues/1682)
- [解释下什么是PPI和DP？](https://github.com/haizlin/fe-interview/issues/1678)
- [头部设置meta也可以做到自适应为啥还要用rem？](https://github.com/haizlin/fe-interview/issues/1674)
- [在rem下如何实现1像素？](https://github.com/haizlin/fe-interview/issues/1670)
- [rem是如何实现自适应布局的？](https://github.com/haizlin/fe-interview/issues/1666)
- [使用rem的优缺点是什么？和使用百分比有什么区别？](https://github.com/haizlin/fe-interview/issues/1662)
- [当页面采用rem布局时，如何解决用户设置字体大小造成的页面布局错位？](https://github.com/haizlin/fe-interview/issues/1658)
- [使用rem时应该注意什么？](https://github.com/haizlin/fe-interview/issues/1654)
- [使用rem布局时怎样合理设置根标签字体大小？](https://github.com/haizlin/fe-interview/issues/1650)
- [解释下css3的flexbox（弹性盒布局模型），以及它应用场景有哪些？](https://github.com/haizlin/fe-interview/issues/1646)
- [你有使用过vmax和vmin吗？说说你对它们的理解](https://github.com/haizlin/fe-interview/issues/1642)
- [如何设置背景图片不随着文本内容的滚动而滚动？](https://github.com/haizlin/fe-interview/issues/1638)
- [css中兼容ie浏览器的前缀是什么? ](https://github.com/haizlin/fe-interview/issues/1629)
- [请问触发hasLayout的后果是什么？](https://github.com/haizlin/fe-interview/issues/1625)
- [css中class和id选择器有什么区别？](https://github.com/haizlin/fe-interview/issues/1621)
- [移动端页面不满一屏时如何实现满屏背景？](https://github.com/haizlin/fe-interview/issues/1617)
- [写一个高度从0到auto的transition动画](https://github.com/haizlin/fe-interview/issues/1613)
- [如何使用CSS3的属性设置模拟边框跟border效果一样？](https://github.com/haizlin/fe-interview/issues/1608)
- [怎么IE6下在使用margin:0 auto;无法使其居中？](https://github.com/haizlin/fe-interview/issues/1604)
- [使用css实现彩虹的效果](https://github.com/haizlin/fe-interview/issues/1600)
- [css中padding和margin是相对于父元素还是子元素呢？](https://github.com/haizlin/fe-interview/issues/1595)
- [当使用opacity时会使得元素的子元素也透明，此时不想要子元素也跟着透明怎么办？](https://github.com/haizlin/fe-interview/issues/1591)
- [在css中为什么说不建议使用@import？](https://github.com/haizlin/fe-interview/issues/1587)
- [写一个动画，向上匀速移动100px，向下以1.5倍速度移动200px，一直反复循环](https://github.com/haizlin/fe-interview/issues/1583)
- [说出至少十条你理解的css规范](https://github.com/haizlin/fe-interview/issues/1579)
- [使用css画出一个五角星](https://github.com/haizlin/fe-interview/issues/1575)
- [使用overflow: scroll时不能平滑滚动怎样解决？](https://github.com/haizlin/fe-interview/issues/1571)
- [请说下你对css对象模型(CSSOM)的理解](https://github.com/haizlin/fe-interview/issues/1566)
- [用css实现倒影的效果](https://github.com/haizlin/fe-interview/issues/1562)
- [用css实现饼图效果](https://github.com/haizlin/fe-interview/issues/1558)
- [怎么使用纯css实现左右拉伸拖动？](https://github.com/haizlin/fe-interview/issues/1554)
- [举例说明attr()的使用场景](https://github.com/haizlin/fe-interview/issues/1550)
- [你有使用:valid和:invalid来校验表单吗？](https://github.com/haizlin/fe-interview/issues/1546)
- [使用css写一个水平翻转文字的效果](https://github.com/haizlin/fe-interview/issues/1542)
- [举例说明:not()的使用场景有哪些](https://github.com/haizlin/fe-interview/issues/1538)
- [怎么让div中的图片和文字同时上下居中？](https://github.com/haizlin/fe-interview/issues/1534)
- [怎么使图片宽度自适应呢？](https://github.com/haizlin/fe-interview/issues/1530)
- [实现文本的竖向排版](https://github.com/haizlin/fe-interview/issues/1526)
- [你有用过vw布局吗？和使用rem有什么区别？](https://github.com/haizlin/fe-interview/issues/1521)
- [举例说明常用的cursor取值有哪些？](https://github.com/haizlin/fe-interview/issues/1517)
- [举例说明clear取值有哪些？](https://github.com/haizlin/fe-interview/issues/1513)
- [请写出:link、:visited、:hover、:active的执行顺序](https://github.com/haizlin/fe-interview/issues/1509)
- [实现一个上下固定，中间自动填满的布局](https://github.com/haizlin/fe-interview/issues/1505)
- [怎样用纯CSS实现禁止鼠标点击事件？](https://github.com/haizlin/fe-interview/issues/1501)
- [当全国哀悼日时，怎么让整个网站变成灰色呢？](https://github.com/haizlin/fe-interview/issues/1497)
- [如果给一个元素设置background-color,它的颜色会填充哪些区域呢？](https://github.com/haizlin/fe-interview/issues/1493)
- [使用css3做一个魔方旋转的效果](https://github.com/haizlin/fe-interview/issues/1489)
- [手写一个使用css3旋转硬币的效果](https://github.com/haizlin/fe-interview/issues/1485)
- [height和line-height的区别是什么呢？](https://github.com/haizlin/fe-interview/issues/1481)
- [请用css写一个扫码的加载动画图](https://github.com/haizlin/fe-interview/issues/1477)
- [举例说明伪类:focus-within的用法](https://github.com/haizlin/fe-interview/issues/1473)
- [如何用css自定义滚动条？能做到所有浏览器兼容吗？想要做兼容怎么办呢？](https://github.com/haizlin/fe-interview/issues/1469)
- [border-radius:50%和border-radius:100%有什么区别？](https://github.com/haizlin/fe-interview/issues/1465)
- [如何使用CSS实现段落首字母或首字放大效果？](https://github.com/haizlin/fe-interview/issues/1461)
- [如何给段落的首行缩进？](https://github.com/haizlin/fe-interview/issues/1457)
- [你有去看过或者了解过css的标准文档吗？](https://github.com/haizlin/fe-interview/issues/1453)
- [你知道CSS的标准发布流程吗？](https://github.com/haizlin/fe-interview/issues/1449)
- [你最希望css拥有什么样的特性？（目前没有的）](https://github.com/haizlin/fe-interview/issues/1445)
- [解释下为什么css的reset不建议直接这么写：*{ margin:0; padding:0;}？](https://github.com/haizlin/fe-interview/issues/1441)
- [为什么说不提倡用1px的小尺寸图片做背景平铺？](https://github.com/haizlin/fe-interview/issues/1437)
- [举例说明css有哪些简写的属性和属性值？](https://github.com/haizlin/fe-interview/issues/1433)
- [请说说颜色中#F00的每一位分别表示什么？为什么会有三位和六位的表示呢？](https://github.com/haizlin/fe-interview/issues/1429)
- [请使用css写一个多级的下拉菜单](https://github.com/haizlin/fe-interview/issues/1418)
- [用css给一个元素加边框有哪些方法？](https://github.com/haizlin/fe-interview/issues/1414)
- [相邻兄弟选择器、后代选择器和子选择器三者有什么区别？](https://github.com/haizlin/fe-interview/issues/1409)
- [举例说明你对相邻兄弟选择器的理解](https://github.com/haizlin/fe-interview/issues/1404)
- [你是怎么设计css sprites（精灵图）的？有哪些技巧？](https://github.com/haizlin/fe-interview/issues/1384)
- [请描述下你对translate()方法的理解](https://github.com/haizlin/fe-interview/issues/1380)
- [怎样去除图片自带的边距？](https://github.com/haizlin/fe-interview/issues/1376)
- [让你手写一个reset的文件，你应该怎么写？要考虑哪些方面呢？](https://github.com/haizlin/fe-interview/issues/1372)
- [你知道css的预处理器和后处理器都有哪些吗？它们有什么区别呢？](https://github.com/haizlin/fe-interview/issues/1368)
- [请使用css画一个圆，方法可以多种](https://github.com/haizlin/fe-interview/issues/1364)
- [css中最常用的字体有哪些？你是怎么选择字体的？](https://github.com/haizlin/fe-interview/issues/1346)
- [请举例说明css有哪些不可继承的属性？](https://github.com/haizlin/fe-interview/issues/1342)
- [你有使用过preload、preconnect、prefetch这些属性吗？说说它们都有什么作用？](https://github.com/haizlin/fe-interview/issues/1338)
- [你是怎样对css文件进行压缩合并的？](https://github.com/haizlin/fe-interview/issues/1334)
- [如果css文件过大时，如何异步加载它？](https://github.com/haizlin/fe-interview/issues/1330)
- [css3和css2的区别是什么？](https://github.com/haizlin/fe-interview/issues/1316)
- [你有使用过字体图标吗？它有什么好处？](https://github.com/haizlin/fe-interview/issues/1312)
- [你知道什么是流体排版吗？说说它的原理是什么？](https://github.com/haizlin/fe-interview/issues/1297)
- [请说说你对vh、vw的理解以及它们的运用场景是什么？](https://github.com/haizlin/fe-interview/issues/1293)
- [css怎么更改表单的单选框或下拉框的默认样式？](https://github.com/haizlin/fe-interview/issues/1288)
- [你了解css3的currentColor吗？举例说明它的作用是什么？](https://github.com/haizlin/fe-interview/issues/1284)
- [怎么去掉点击a链接或者图片出现的边框？](https://github.com/haizlin/fe-interview/issues/1280)
- [css的linear-gradient有什么作用呢？](https://github.com/haizlin/fe-interview/issues/1276)
- [会引起Reflow和Repaint的操作有哪些？](https://github.com/haizlin/fe-interview/issues/1272)
- [你有用过clip-path吗？说说你对它的理解和它都有哪些运用场景？](https://github.com/haizlin/fe-interview/issues/1268)
- [你是怎么选择resetting和normalizing的？为什么？](https://github.com/haizlin/fe-interview/issues/1264)
- [position跟margin collapse这些特性相互叠加后会怎么样？](https://github.com/haizlin/fe-interview/issues/1260)
- [移动端的布局用过媒体查询吗？写一个试试](https://github.com/haizlin/fe-interview/issues/1256)
- [举例说明你知道的css技巧有哪些？](https://github.com/haizlin/fe-interview/issues/1252)
- [判断第一行和第二行的颜色分别是什么？并解释为什么？[代码]](https://github.com/haizlin/fe-interview/issues/1248)
- [用css怎么实现两端对齐？](https://github.com/haizlin/fe-interview/issues/1234)
- [你有用过弹性布局吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/1230)
- [外边距重叠是什么？重叠的结果是什么？怎么防止外边距重叠？](https://github.com/haizlin/fe-interview/issues/1226)
- [css中的border:none和border:0px有什么区别？](https://github.com/haizlin/fe-interview/issues/1222)
- [如何写高效的CSS？](https://github.com/haizlin/fe-interview/issues/1218)
- [如何做图片预览，如何放大一个图片？](https://github.com/haizlin/fe-interview/issues/1214)
- [举例说明在css3中怎么实现背景裁剪？](https://github.com/haizlin/fe-interview/issues/1210)
- [如何使用CSS的多列布局？](https://github.com/haizlin/fe-interview/issues/1206)
- [请说说CSS3实现文本效果的属性有哪些？](https://github.com/haizlin/fe-interview/issues/1202)
- [请说说在什么时候用transition？什么时候使用animation？](https://github.com/haizlin/fe-interview/issues/1198)
- [说说响应式设计(responsive design)和自适应设计(adaptive design)的区别？](https://github.com/haizlin/fe-interview/issues/1183)
- [什么是脱离文档流？有什么办法可以让元素脱离标准的文档流？](https://github.com/haizlin/fe-interview/issues/1179)
- [请问background-attachmentn属性有什么用途？](https://github.com/haizlin/fe-interview/issues/1175)
- [移动页面底部工具条有3个图标，如何平分？在设置边框后最后一个图标掉下去了怎么办？](https://github.com/haizlin/fe-interview/issues/1170)
- [css怎样使每个字符宽度一样？](https://github.com/haizlin/fe-interview/issues/1166)
- [说下你对background-size的理解，它有什么运用场景？](https://github.com/haizlin/fe-interview/issues/1162)
- [如何自定义radio按钮的样式](https://github.com/haizlin/fe-interview/issues/1158)
- [word-wrap、word-break和white-space有什么区别？](https://github.com/haizlin/fe-interview/issues/1153)
- [说说你对字母"X"在CSS中有什么作用？](https://github.com/haizlin/fe-interview/issues/1149)
- [CSS3中的transition是否可以过渡opacity和display？](https://github.com/haizlin/fe-interview/issues/1145)
- [说下background-color:transparent和opacity:0的区别是什么？](https://github.com/haizlin/fe-interview/issues/1141)
- [你有用过IE css的expression表达式吗？说说你对它的理解和它有什么作用呢？](https://github.com/haizlin/fe-interview/issues/1137)
- [z-index有时不起作用的原因是什么？怎么解决？](https://github.com/haizlin/fe-interview/issues/1133)
- [你有了解css计数器（序列数字字符自动递增）吗？如何通过css的content属性实现呢？](https://github.com/haizlin/fe-interview/issues/1129)
- [说说你对css的will-change属性的理解，它有什么作用呢？](https://github.com/haizlin/fe-interview/issues/1125)
- [transition、animation、transform三者有什么区别？](https://github.com/haizlin/fe-interview/issues/1121)
- [如何使用css3实现一个div设置多张背景图片？](https://github.com/haizlin/fe-interview/issues/1117)
- [有哪些方式可以对一个DOM设置它的CSS样式？](https://github.com/haizlin/fe-interview/issues/1113)
- [举例说明实现圆角的方式有哪些？](https://github.com/haizlin/fe-interview/issues/1109)
- [有用过scss和sass吗？说说它们之间的区别是什么？](https://github.com/haizlin/fe-interview/issues/1105)
- [absolute的containing block（容器块）计算方式和正常流有什么区别？](https://github.com/haizlin/fe-interview/issues/1101)
- [说说visibility属性的collapse属性值有什么作用？在不同浏览器下有什么区别？](https://github.com/haizlin/fe-interview/issues/1097)
- [说说你对min-width和max-width的理解，它们有什么运用场景？](https://github.com/haizlin/fe-interview/issues/1093)
- [说说你对hasLayout的理解，触发hasLayout的方式有哪些？](https://github.com/haizlin/fe-interview/issues/1089)
- [使用纯CSS代码实现动画的暂停与播放](https://github.com/haizlin/fe-interview/issues/1084)
- [举例说明伪类:nth-child、:first-child与:first-of-type这三者有什么不同？](https://github.com/haizlin/fe-interview/issues/1079)
- [什么是zoom？它有什么作用？](https://github.com/haizlin/fe-interview/issues/1074)
- [举例说明微信端兼容问题有哪些？](https://github.com/haizlin/fe-interview/issues/1070)
- [请举例说明伪元素 (pseudo-elements) 有哪些用途？](https://github.com/haizlin/fe-interview/issues/1066)
- [设置字体时为什么建议设置替换字体？](https://github.com/haizlin/fe-interview/issues/1062)
- [你有没有自己写过一套UI库？说下遇到哪些难点？](https://github.com/haizlin/fe-interview/issues/1058)
- [说说你对GPU的理解，举例说明哪些元素能触发GPU硬件加速？](https://github.com/haizlin/fe-interview/issues/1054)
- [你知道CSS中的字母"C"代表什么吗？](https://github.com/haizlin/fe-interview/issues/1050)
- [怎么自定义鼠标指针的图案？](https://github.com/haizlin/fe-interview/issues/1046)
- [Reset CSS和Normalize CSS的区别是什么？](https://github.com/haizlin/fe-interview/issues/1042)
- [为什么要使用css sprites？](https://github.com/haizlin/fe-interview/issues/1038)
- [标签、class和id选择器三者的区别是什么？分别在什么时候用？](https://github.com/haizlin/fe-interview/issues/1034)
- [举例说明时间、频率、角度、弧度、百分度的单位分别是哪些？](https://github.com/haizlin/fe-interview/issues/1030)
- [你有用过table布局吗？说说你的感受](https://github.com/haizlin/fe-interview/issues/1026)
- [说说你对设备像素比的理解](https://github.com/haizlin/fe-interview/issues/1022)
- [说下你对cursor属性的理解](https://github.com/haizlin/fe-interview/issues/1018)
- [position的relative和absolute定位原点是哪里？](https://github.com/haizlin/fe-interview/issues/1014)
- [过渡和动画的区别是什么？](https://github.com/haizlin/fe-interview/issues/1010)
- [CSS中的calc()有什么作用？](https://github.com/haizlin/fe-interview/issues/1006)
- [怎么实现移动端的边框0.5px？](https://github.com/haizlin/fe-interview/issues/1002)
- [行内元素和块级元素有什么区别，如何相互转换？](https://github.com/haizlin/fe-interview/issues/997)
- [说说你对低版本IE的盒子模型的理解](https://github.com/haizlin/fe-interview/issues/993)
- [你是如何规划响应式布局的？](https://github.com/haizlin/fe-interview/issues/989)
- [说说你对前端二倍图的理解？移动端使用二倍图比一倍图有什么好处？](https://github.com/haizlin/fe-interview/issues/985)
- [如何让大小不同的图片等比缩放不变形显示在固定大小的div里？写个例子](https://github.com/haizlin/fe-interview/issues/980)
- [你对视网膜(Retina)分辨率有了解吗？有没有在实际中使用过？](https://github.com/haizlin/fe-interview/issues/976)
- [移动端微信页面有哪些兼容性问题及解决方案是什么？](https://github.com/haizlin/fe-interview/issues/972)
- [如何更改placeholder的字体颜色和大小？](https://github.com/haizlin/fe-interview/issues/968)
- [行内css和important哪个优先级高？](https://github.com/haizlin/fe-interview/issues/963)
- [当一个元素被设置为浮动后，它的display值变为什么呢？](https://github.com/haizlin/fe-interview/issues/959)
- [为什么会出现浮动？在什么时候需要清除浮动呢？](https://github.com/haizlin/fe-interview/issues/955)
- [写出div在不固定高度的情况下水平垂直居中的方法？](https://github.com/haizlin/fe-interview/issues/907)
- [移动端的布局用过媒体查询吗？写出例子看看](https://github.com/haizlin/fe-interview/issues/903)
- [CSS的伪类和伪对象有什么不同？](https://github.com/haizlin/fe-interview/issues/758)
- [CSS的overflow属性定义溢出元素内容区的内容会如何处理呢](https://github.com/haizlin/fe-interview/issues/748)
- [外层有一个自适应高度的div，里面有两个div，一个高度固定300px，另一个怎么填满剩余的高度？](https://github.com/haizlin/fe-interview/issues/744)
- [说说你对CSS样式覆盖规则的理解](https://github.com/haizlin/fe-interview/issues/608)
- [写出几个初始化CSS的样式，并解释说明为什么要这样写](https://github.com/haizlin/fe-interview/issues/601)
- [display有哪些值？分别说明他们的作用是什么？](https://github.com/haizlin/fe-interview/issues/597)
- [怎么让body高度自适应屏幕？为什么？](https://github.com/haizlin/fe-interview/issues/593)
- [font-style的属性有Italic和oblique，两者有什么区别呢](https://github.com/haizlin/fe-interview/issues/589)
- [IE(6/7/8/9/10/11/Edge)下的hack写法分别有哪些？](https://github.com/haizlin/fe-interview/issues/585)
- [写出你遇到过IE6/7/8/9的BUG及解决方法](https://github.com/haizlin/fe-interview/issues/581)
- [举例说明css的基本语句构成是什么呢？](https://github.com/haizlin/fe-interview/issues/577)
- [写例子说明如何强制（自动）中、英文换行与不换行](https://github.com/haizlin/fe-interview/issues/573)
- [说说你对BEM规范的理解，同时举例说明常见的CSS规范有哪些？](https://github.com/haizlin/fe-interview/issues/569)
- [遇到overflow: scroll不能平滑滚动怎么解决？](https://github.com/haizlin/fe-interview/issues/563)
- [请问display:inline-block在什么时候会显示间隙？](https://github.com/haizlin/fe-interview/issues/531)
- [用CSS画出一个任意角度的扇形，可以写多种实现的方法](https://github.com/haizlin/fe-interview/issues/527)
- [请你解释下什么是浮动和它的工作原理是什么？同时浮动会引起什么问题？](https://github.com/haizlin/fe-interview/issues/522)
- [说说你对!important的理解，一般在哪些场景使用？](https://github.com/haizlin/fe-interview/issues/518)
- [在实际编写css中你有遇到过哪些浏览器兼容性的问题？怎么解决的？](https://github.com/haizlin/fe-interview/issues/514)
- [怎么改变选中文本的文字颜色和背景色？](https://github.com/haizlin/fe-interview/issues/510)
- [你对响应式设计的理解是什么？知道它基本的原理是吗？要想兼容低版本的IE怎么做呢？](https://github.com/haizlin/fe-interview/issues/503)
- [你有使用过哪些栅格系统？都有什么区别呢？](https://github.com/haizlin/fe-interview/issues/499)
- [请说说*{box-sizing: border-box;}的作用及好处有哪些？](https://github.com/haizlin/fe-interview/issues/495)
- [说说你对jpg、png、gif的理解，分别在什么场景下使用？有使用过webp吗？](https://github.com/haizlin/fe-interview/issues/491)
- [如何消除transition闪屏？](https://github.com/haizlin/fe-interview/issues/408)
- [元素竖向的百分比设置是相对容器的高度吗？](https://github.com/haizlin/fe-interview/issues/404)
- [用CSS绘制一个红色的爱心](https://github.com/haizlin/fe-interview/issues/300)
- [举例说明css中颜色的表示方法有几种](https://github.com/haizlin/fe-interview/issues/294)
- [说说position的absolute和fixed共同与不同点分别是什么？](https://github.com/haizlin/fe-interview/issues/280)
- [手动写动画最小时间间隔是多少，为什么？](https://github.com/haizlin/fe-interview/issues/276)
- [怎样把一个div居中？怎样把一个浮动元素居中？怎样把绝对定位的div居中？](https://github.com/haizlin/fe-interview/issues/255)
- [用css画一个太阳](https://github.com/haizlin/fe-interview/issues/251)
- [你有用过哪些css框架？说说它们的特点](https://github.com/haizlin/fe-interview/issues/245)
- [box-sizing常用的属性有哪些？分别有什么作用？](https://github.com/haizlin/fe-interview/issues/241)
- [inline、block、inline-block这三个属性值有什么区别？](https://github.com/haizlin/fe-interview/issues/237)
- [margin和padding使用的场景有哪些？](https://github.com/haizlin/fe-interview/issues/220)
- [什么是视差滚动？如何实现视差滚动的效果？](https://github.com/haizlin/fe-interview/issues/216)
- [css3的:nth-child和:nth-of-type的区别是什么？](https://github.com/haizlin/fe-interview/issues/212)
- [怎么使用自定义字体？有什么注意事项？](https://github.com/haizlin/fe-interview/issues/208)
- [要是position跟display、overflow、float这些特性相互叠加后会怎么样？](https://github.com/haizlin/fe-interview/issues/203)
- [有用过Flex吗？简要说下你对它的了解](https://github.com/haizlin/fe-interview/issues/199)
- [如何实现换肤功能？](https://github.com/haizlin/fe-interview/issues/193)
- [列举CSS优化、提高性能的方法](https://github.com/haizlin/fe-interview/issues/190)
- [假如设计稿使用了非标准的字体，你该如何去实现它？](https://github.com/haizlin/fe-interview/issues/186)
- [你知道全屏滚动的原理是什么吗？它用到了CSS的哪些属性？](https://github.com/haizlin/fe-interview/issues/182)
- [你是怎样抽离样式模块的？](https://github.com/haizlin/fe-interview/issues/178)
- [说说你对媒体查询的理解](https://github.com/haizlin/fe-interview/issues/174)
- [你知道的等高布局有多少种？写出来](https://github.com/haizlin/fe-interview/issues/170)
- [手写一个满屏品字布局的方案](https://github.com/haizlin/fe-interview/issues/166)
- [span与span之间有看不见的空白间隔是什么原因引起的？有什么解决办法？](https://github.com/haizlin/fe-interview/issues/162)
- [重置（初始化）css的作用是什么？](https://github.com/haizlin/fe-interview/issues/158)
- [怎么让英文单词的首字母大写？](https://github.com/haizlin/fe-interview/issues/153)
- [怎么才能让图文不可复制？](https://github.com/haizlin/fe-interview/issues/149)
- [写出你知道的CSS水平和垂直居中的方法](https://github.com/haizlin/fe-interview/issues/145)
- [实现单行文本居中和多行文本左对齐并超出显示"..."](https://github.com/haizlin/fe-interview/issues/141)
- [不使用border画出1px高的线，在不同浏览器的标准和怪异模式下都能保持效果一样](https://github.com/haizlin/fe-interview/issues/137)
- [写出主流浏览器内核私有属性的css前缀](https://github.com/haizlin/fe-interview/issues/133)
- [使用flex实现三栏布局，两边固定，中间自适应](https://github.com/haizlin/fe-interview/issues/129)
- [浏览器是怎样判断元素是否和某个CSS选择器匹配？](https://github.com/haizlin/fe-interview/issues/123)
- [用CSS绘制一个三角形](https://github.com/haizlin/fe-interview/issues/119)
- [说下line-height三种赋值方式有何区别？](https://github.com/haizlin/fe-interview/issues/115)
- [让网页的字体变得清晰，变细用CSS怎么做？](https://github.com/haizlin/fe-interview/issues/111)
- [描述下你所了解的图片格式及使用场景](https://github.com/haizlin/fe-interview/issues/107)
- [请描述css的权重计算规则](https://github.com/haizlin/fe-interview/issues/103)
- [rgba()和opacity这两个的透明效果有什么区别呢？](https://github.com/haizlin/fe-interview/issues/99)
- [怎样修改chrome记住密码后自动填充表单的黄色背景？](https://github.com/haizlin/fe-interview/issues/95)
- [说说你对z-index的理解](https://github.com/haizlin/fe-interview/issues/91)
- [在页面中的应该使用奇数还是偶数的字体？为什么呢？](https://github.com/haizlin/fe-interview/issues/87)
- [你有用过CSS预处理器吗？喜欢用哪个？原理是什么？](https://github.com/haizlin/fe-interview/issues/83)
- [说说CSS的优先级是如何计算的？](https://github.com/haizlin/fe-interview/issues/79)
- [说说浏览器解析CSS选择器的过程？](https://github.com/haizlin/fe-interview/issues/75)
- [说说你对line-height是如何理解的？](https://github.com/haizlin/fe-interview/issues/71)
- [要让Chrome支持小于12px的文字怎么做？](https://github.com/haizlin/fe-interview/issues/67)
- [css的属性content有什么作用呢？有哪些场景可以用到？](https://github.com/haizlin/fe-interview/issues/63)
- [什么是FOUC？你是如何避免FOUC的？](https://github.com/haizlin/fe-interview/issues/59)
- [解释下 CSS sprites的原理和优缺点分别是什么？](https://github.com/haizlin/fe-interview/issues/55)
- [请描述margin边界叠加是什么及解决方案](https://github.com/haizlin/fe-interview/issues/51)
- [style标签写在body前和body后的区别是什么？](https://github.com/haizlin/fe-interview/issues/47)
- [position:fixed;在ios下无效该怎么办？](https://github.com/haizlin/fe-interview/issues/43)
- [::before和:after中单冒号和双冒号的区别是什么，这两个伪元素有什么作用？](https://github.com/haizlin/fe-interview/issues/39)
- [说说你对css盒子模型的理解](https://github.com/haizlin/fe-interview/issues/35)
- [css常用的布局方式有哪些？](https://github.com/haizlin/fe-interview/issues/32)
- [对比下px、em、rem有什么不同？](https://github.com/haizlin/fe-interview/issues/29)
- [简述下你理解的优雅降级和渐进增强](https://github.com/haizlin/fe-interview/issues/26)
- [清除浮动的方式有哪些及优缺点？](https://github.com/haizlin/fe-interview/issues/23)
- [简述你对BFC规范的理解](https://github.com/haizlin/fe-interview/issues/20)
- [用css创建一个三角形，并简述原理](https://github.com/haizlin/fe-interview/issues/17)
- [CSS3新增伪类有哪些并简要描述](https://github.com/haizlin/fe-interview/issues/14)
- [CSS选择器有哪些？哪些属性可以继承？](https://github.com/haizlin/fe-interview/issues/11)
- [在页面上隐藏元素的方法有哪些？](https://github.com/haizlin/fe-interview/issues/8)
- [CSS3有哪些新增的特性？](https://github.com/haizlin/fe-interview/issues/5)
- [圣杯布局和双飞翼布局的理解和区别，并用代码实现](https://github.com/haizlin/fe-interview/issues/2)
## js
- [请使用js实现一个秒表计时器的程序](https://github.com/haizlin/fe-interview/issues/2618)
- [模拟 localStorage 时如何实现过期时间功能](https://github.com/haizlin/fe-interview/issues/2614)
- [用函数实现扑克牌排序](https://github.com/haizlin/fe-interview/issues/2610)
- [写一个单向链数据结构的 js 实现并标注复杂度](https://github.com/haizlin/fe-interview/issues/2606)
- [请使用js实现vue的diff算法](https://github.com/haizlin/fe-interview/issues/2602)
- [请使用js实现商品的sku，并说说你的思路](https://github.com/haizlin/fe-interview/issues/2598)
- [js中的undefined和 ReferenceError: xxx is not defined 有什么区别？](https://github.com/haizlin/fe-interview/issues/2592)
- [获取浏览器当前页面的滚动条高度的兼容写法](https://github.com/haizlin/fe-interview/issues/2588)
- [一道变态题 Number.call.call(Number, undefined, 0) 等于什么？](https://github.com/haizlin/fe-interview/issues/2584)
- [ReferenceError和TypeError有什么区别？](https://github.com/haizlin/fe-interview/issues/2580)
- [如何避免JS浮点运算的精度问题（例：0.1+0.7=0.7999999999999999）](https://github.com/haizlin/fe-interview/issues/2576)
- [举例说明js立即执行函数的写法有哪些？](https://github.com/haizlin/fe-interview/issues/2572)
- [ajax请求地址只支持http/https吗？能做到让它支持rtmp://等其它自定义协议吗 ？](https://github.com/haizlin/fe-interview/issues/2568)
- [微信小程序实现轨迹回放，微信原生小程序，基于uniapp的小程序？](https://github.com/haizlin/fe-interview/issues/2564)
- [写一个方法实现promise失败后自动重试](https://github.com/haizlin/fe-interview/issues/2560)
- [for in 和 for of 的区别？](https://github.com/haizlin/fe-interview/issues/2556)
- [异步请求重试策略有哪些呢？](https://github.com/haizlin/fe-interview/issues/2551)
- [写一个方法判断数组内元素是否全部相同](https://github.com/haizlin/fe-interview/issues/2547)
- [说说防止重复发送ajax请求的方法有哪些？各自有什么优缺点？](https://github.com/haizlin/fe-interview/issues/2543)
- [请使用 js 实现一个双向链表](https://github.com/haizlin/fe-interview/issues/2539)
- [实现多张图片合成一张的效果](https://github.com/haizlin/fe-interview/issues/2535)
- [ajax如何接收后台传来的图片？](https://github.com/haizlin/fe-interview/issues/2530)
- [js源代码压缩都有哪些方法？它们的压缩原理分别是什么？](https://github.com/haizlin/fe-interview/issues/2526)
- [不用 + eval Function 实现加法](https://github.com/haizlin/fe-interview/issues/2522)
- [写一个 document.querySelector 的逆方法](https://github.com/haizlin/fe-interview/issues/2518)
- [说说你对js沙箱的理解，它有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2514)
- [纯函数和函数式编程有什么关系？](https://github.com/haizlin/fe-interview/issues/2510)
- [为什么要用纯函数？](https://github.com/haizlin/fe-interview/issues/2506)
- [使用js实现一个图片剪裁的功能](https://github.com/haizlin/fe-interview/issues/2501)
- [使用for-in语句能保证遍历对象的顺序吗？如果不能那为什么？如果可以那又如何保证？](https://github.com/haizlin/fe-interview/issues/2497)
- [写个方法获取屏幕的DPI](https://github.com/haizlin/fe-interview/issues/2493)
- [promise的构造函数是同步执行还是异步执行，它的then方法呢？](https://github.com/haizlin/fe-interview/issues/2488)
- [内存泄漏和内存溢出有什么区别](https://github.com/haizlin/fe-interview/issues/2484)
- [写一个方法把科学计数法转换成数字或者字符串](https://github.com/haizlin/fe-interview/issues/2480)
- [js怎样避免原型链上的对象共享？](https://github.com/haizlin/fe-interview/issues/2470)
- [写一个方法，实时验证input输入的值是否满足金额如：3.56(最多只有两位小数且只能数字和小数点)的格式，其它特殊字符禁止输入](https://github.com/haizlin/fe-interview/issues/2466)
- [使用delete删除数组，其长度会改变吗？](https://github.com/haizlin/fe-interview/issues/2462)
- [代码中如果遇到未定义的变量，会抛出异常吗？程序还会不会继续往下走？](https://github.com/haizlin/fe-interview/issues/2458)
- [说说你对JSBridge的理解](https://github.com/haizlin/fe-interview/issues/2454)
- [写一个方法粘贴复制的图片并显示出来](https://github.com/haizlin/fe-interview/issues/2450)
- [js循环中调用异步的方法，如何确保执行结果的顺序是正确的？](https://github.com/haizlin/fe-interview/issues/2446)
- [写一个方法遍历指定对象的所有属性](https://github.com/haizlin/fe-interview/issues/2442)
- [实现一个函数记忆的方法](https://github.com/haizlin/fe-interview/issues/2437)
- [手写一个trim()的方法](https://github.com/haizlin/fe-interview/issues/2432)
- [你是如何比较js函数的执行速度的？](https://github.com/haizlin/fe-interview/issues/2425)
- [axios拦截器原理是什么？](https://github.com/haizlin/fe-interview/issues/2420)
- [axios为什么可以使用对象和函数两种方式调用？是如何实现的？](https://github.com/haizlin/fe-interview/issues/2416)
- [fetch和axios请求的原理都是基于XMLHttpRerequst吗？](https://github.com/haizlin/fe-interview/issues/2412)
- [举例说明面向对象编程有什么缺点？](https://github.com/haizlin/fe-interview/issues/2408)
- [使用js实现一个循环队列](https://github.com/haizlin/fe-interview/issues/2404)
- [一个api接口从请求数据到请求结束共与服务器进行了几次交互？](https://github.com/haizlin/fe-interview/issues/2400)
- [Number()的存储空间是多大？假如接口返回一个超过最大字节的数字怎么办？](https://github.com/haizlin/fe-interview/issues/2396)
- [alert如何让文本换行？](https://github.com/haizlin/fe-interview/issues/2392)
- [在不支持js的浏览器中如何隐藏JavaScript代码？](https://github.com/haizlin/fe-interview/issues/2388)
- [js的循环结构有哪些？](https://github.com/haizlin/fe-interview/issues/2384)
- [字符串拼接有哪些方式？哪种性能好？](https://github.com/haizlin/fe-interview/issues/2380)
- [innerHTML有什么缺点？](https://github.com/haizlin/fe-interview/issues/2374)
- [举例说明js中什么是尾调用优化？](https://github.com/haizlin/fe-interview/issues/2370)
- [如何判断两个对象相等？](https://github.com/haizlin/fe-interview/issues/2365)
- [localStorage什么时候过期？](https://github.com/haizlin/fe-interview/issues/2361)
- [写一个获取非行间样式的方法](https://github.com/haizlin/fe-interview/issues/2353)
- [写一个获取页面中所有checkbox的方法](https://github.com/haizlin/fe-interview/issues/2349)
- [XML与JSON有什么的区别？](https://github.com/haizlin/fe-interview/issues/2345)
- [flash如何与js交互？](https://github.com/haizlin/fe-interview/issues/2341)
- [写一个格式化时间的方法](https://github.com/haizlin/fe-interview/issues/2337)
- [说说你对js对象生命周期的理解](https://github.com/haizlin/fe-interview/issues/2333)
- [js操作节点的方法有哪些？](https://github.com/haizlin/fe-interview/issues/2329)
- [如何判断对象是否属于某个类？](https://github.com/haizlin/fe-interview/issues/2325)
- [在DOM上同时绑定两个点击事件（一个用捕获，一个用冒泡），事件总共会执行几次，先执行哪个事件？](https://github.com/haizlin/fe-interview/issues/2321)
- [json和对象有什么区别？](https://github.com/haizlin/fe-interview/issues/2317)
- [js怎么实现一个类并实例化这个类？](https://github.com/haizlin/fe-interview/issues/2313)
- [script所在的位置会影响首屏显示时间吗？](https://github.com/haizlin/fe-interview/issues/2308)
- [callee和caller的区别和作用是什么？](https://github.com/haizlin/fe-interview/issues/2304)
- [写一个方法实现自定义右键菜单的功能](https://github.com/haizlin/fe-interview/issues/2300)
- [AudioContext有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2296)
- [如何按回车自动提交表单](https://github.com/haizlin/fe-interview/issues/2292)
- [写一个方法获取图片的exif信息](https://github.com/haizlin/fe-interview/issues/2288)
- [写一个方法获取图片的方向](https://github.com/haizlin/fe-interview/issues/2279)
- [在设置keyup监听事件后按F5刷新和按浏览器中刷新键刷新有什么区别？](https://github.com/haizlin/fe-interview/issues/2272)
- [用js写一个方法检测浏览器是否支持css3的属性](https://github.com/haizlin/fe-interview/issues/2268)
- [对`a == ('1'||'2'||'3') ? false : true`写法进行改进，写出你优化后的方法](https://github.com/haizlin/fe-interview/issues/2264)
- [Geolocation.getCurrentPosition()用来做什么的？在什么浏览器不受兼容？](https://github.com/haizlin/fe-interview/issues/2260)
- [setTimeout的第三个参数有什么用？](https://github.com/haizlin/fe-interview/issues/2256)
- [解释下深度优先遍历和广度优先遍历的区别及如何实现](https://github.com/haizlin/fe-interview/issues/2252)
- [你认为es5的设计缺陷有哪些？](https://github.com/haizlin/fe-interview/issues/2248)
- [innerHTML与outerHTML有什么区别？](https://github.com/haizlin/fe-interview/issues/2376)
- [构造一个自定义二维 N*N 矩阵，从左上角第一个单元格依次填入1 - N*N的数字，从矩阵中指定单元格出发，经过相邻的单元格(不可重复)，走 X 步，输出所有可能的路径和每条路径单元格对应的数字。](https://github.com/haizlin/fe-interview/issues/2238)
- [使用ajax轮询接口有什么优缺点？](https://github.com/haizlin/fe-interview/issues/2234)
- [如何提升JSON.stringify的性能？](https://github.com/haizlin/fe-interview/issues/2223)
- [写一个方法，当给定数字位数不足8位时，则在左边补充0以补足8位数的方法](https://github.com/haizlin/fe-interview/issues/2219)
- [说说你对JS中暂性死区的理解，它有什么运用场景？](https://github.com/haizlin/fe-interview/issues/2215)
- [微信的JSSDK都有哪些内容？如何接入？](https://github.com/haizlin/fe-interview/issues/2210)
- [举例说明Object.defineProperty会在什么情况下造成循环引用导致栈溢出？](https://github.com/haizlin/fe-interview/issues/2206)
- [document.domain的作用是什么？它有什么限制？](https://github.com/haizlin/fe-interview/issues/2200)
- [根据元素ID遍历树形结构，查找到所有父元素ID [代码]](https://github.com/haizlin/fe-interview/issues/2196)
- [实现一个ajax的队列请求](https://github.com/haizlin/fe-interview/issues/2192)
- [pjax和ajax的区别是什么？](https://github.com/haizlin/fe-interview/issues/2188)
- [你有使用过pjax吗？它的原理是什么？](https://github.com/haizlin/fe-interview/issues/2184)
- [使用ajax请求真的不安全吗？为什么？](https://github.com/haizlin/fe-interview/issues/2180)
- [请写一个性能最好的深度克隆对象的方法](https://github.com/haizlin/fe-interview/issues/2174)
- [Math.ceil()、Math.round()、Math.floor()三者的区别是什么？](https://github.com/haizlin/fe-interview/issues/2165)
- [ajax请求中为何会出现OPTIONS请求？](https://github.com/haizlin/fe-interview/issues/2161)
- [用js怎么实现图片马赛克效果？](https://github.com/haizlin/fe-interview/issues/2157)
- [写一个方法把分钟转化为时分，例如：150->02:30](https://github.com/haizlin/fe-interview/issues/2153)
- [写一个方法获取指定数组中间的值（一个或者两个）](https://github.com/haizlin/fe-interview/issues/2149)
- [你是如何排查js内存泄漏的？](https://github.com/haizlin/fe-interview/issues/2136)
- [使用js生成1-10000的数组](https://github.com/haizlin/fe-interview/issues/2127)
- [在chrome中js的数组占用了多少内存？](https://github.com/haizlin/fe-interview/issues/2123)
- [判断[].__proto__.__proto__ === {}.__proto__结果并解释为什么[代码]](https://github.com/haizlin/fe-interview/issues/2113)
- [js的数组/对象在内存中分别是如何存储的？](https://github.com/haizlin/fe-interview/issues/2109)
- [写个方法判断数组对象中是否存在某个对象](https://github.com/haizlin/fe-interview/issues/2105)
- [写个方法近似计算指定数组或对象占用内存的大小](https://github.com/haizlin/fe-interview/issues/2095)
- [js可以用中文作为变量命名吗？为什么？](https://github.com/haizlin/fe-interview/issues/2091)
- [解释下如下代码的意图：Array.prototype.slice.apply(arguments)](https://github.com/haizlin/fe-interview/issues/2087)
- [如何判断一个元素文本是否换行？](https://github.com/haizlin/fe-interview/issues/2078)
- [举例说明js鼠标事件有哪些？](https://github.com/haizlin/fe-interview/issues/2068)
- [请举例说明JSON.stringify()有哪些特性？](https://github.com/haizlin/fe-interview/issues/2064)
- [用js实现typeof的功能](https://github.com/haizlin/fe-interview/issues/2059)
- [用js实现一个HashMap，不可以使用Object](https://github.com/haizlin/fe-interview/issues/2049)
- [日常开发中写JS循环时应该注意哪些情况？](https://github.com/haizlin/fe-interview/issues/2045)
- [js循环的数据量很大（例如100W+）时会出现什么情况？如何进行性能优化？](https://github.com/haizlin/fe-interview/issues/2040)
- [举例说明什么是响应式编程？](https://github.com/haizlin/fe-interview/issues/2035)
- [你知道什么是纯函数吗？](https://github.com/haizlin/fe-interview/issues/2025)
- [什么是函数式编程？它有什么优缺点？](https://github.com/haizlin/fe-interview/issues/2021)
- [举例说明为什么说ES模块比commonJS模块还优秀？](https://github.com/haizlin/fe-interview/issues/2017)
- [请说说commonJS模块与ES模块的差异有哪些？](https://github.com/haizlin/fe-interview/issues/2013)
- [说下你对IoC的理解，它有什么运用场景？](https://github.com/haizlin/fe-interview/issues/2009)
- [说说你对js中的依赖注入的理解，它的实现方式有哪些呢？](https://github.com/haizlin/fe-interview/issues/2005)
- [用js写一个绑定事件检测窗口大小](https://github.com/haizlin/fe-interview/issues/1996)
- [有用过Handlebars模板引擎吗？它的工作原理是怎样的？](https://github.com/haizlin/fe-interview/issues/1987)
- [在axios中怎样添加授权验证？](https://github.com/haizlin/fe-interview/issues/1983)
- [什么是UUID？它有什么作用？用js写一个生成UUID的方法](https://github.com/haizlin/fe-interview/issues/1979)
- [用js实现一个加法的方法](https://github.com/haizlin/fe-interview/issues/1974)
- [js如何解决数字精度丢失的问题？](https://github.com/haizlin/fe-interview/issues/1969)
- [切换标签窗口后js定时器自动停止了，如何在激活标签后又继续呢？](https://github.com/haizlin/fe-interview/issues/1965)
- [在浏览器标签页之间切换触发的事件是哪个？](https://github.com/haizlin/fe-interview/issues/1959)
- [看下面代码，判断a和b的类型是否为true？为什么？什么是基本包装类型？[代码]](https://github.com/haizlin/fe-interview/issues/1955)
- [如何用jst获取DOM元素在页面中的绝对位置？](https://github.com/haizlin/fe-interview/issues/1951)
- [W3C的事件处理和IE的事件处理有哪些区别？](https://github.com/haizlin/fe-interview/issues/1947)
- [DOM0、DOM2、DOM3事件处理方式的区别是什么？](https://github.com/haizlin/fe-interview/issues/1943)
- [说下js的parseInt()和Number()有什么区别？](https://github.com/haizlin/fe-interview/issues/1934)
- [请解释下如下js代码对数组排序后的输出结果[代码]](https://github.com/haizlin/fe-interview/issues/1930)
- [js如何监听页面缩放？](https://github.com/haizlin/fe-interview/issues/1926)
- [写一个方法把对象和字符串互转](https://github.com/haizlin/fe-interview/issues/1921)
- [表达式和语句有什么区别？如何把语句转换为表达式？](https://github.com/haizlin/fe-interview/issues/1917)
- [用js写一个方法检测指定的函数体是否为空](https://github.com/haizlin/fe-interview/issues/1913)
- [写一个方法检查给定的函数是否为js运行时环境的内置函数](https://github.com/haizlin/fe-interview/issues/1909)
- [如何让js的filter方法支持大小写？](https://github.com/haizlin/fe-interview/issues/1901)
- [写一个方法删除字符串中所有相邻重复的项](https://github.com/haizlin/fe-interview/issues/1897)
- [axios相比原生ajax的优点有哪些呢？](https://github.com/haizlin/fe-interview/issues/1893)
- [axios为什么能在浏览器中环境运行又能在node中环境运行？](https://github.com/haizlin/fe-interview/issues/1882)
- [根据下面代码：说出执行结果，并解释为何是会是这样的结果？[代码]](https://github.com/haizlin/fe-interview/issues/1878)
- [这两种展开运算符的方式有什么区别呢？](https://github.com/haizlin/fe-interview/issues/1874)
- [axios如何一次发送多个并发请求？](https://github.com/haizlin/fe-interview/issues/1870)
- [setTimeout和setInterval有什么区别呢？](https://github.com/haizlin/fe-interview/issues/1866)
- [写一个方法，实现使用canvas播放视频？](https://github.com/haizlin/fe-interview/issues/1862)
- [js如何检测当前页面是否以全屏模式显示？](https://github.com/haizlin/fe-interview/issues/1858)
- [阅读下面关于setTimeout和Promise的代码，判断结果会输出什么？为什么？](https://github.com/haizlin/fe-interview/issues/1854)
- [你觉得虚拟DOM快吗？还有没有比它还快的方式？](https://github.com/haizlin/fe-interview/issues/1850)
- [js对象如何深比较？](https://github.com/haizlin/fe-interview/issues/1846)
- [如何判断一个对象是否为空？](https://github.com/haizlin/fe-interview/issues/1842)
- [说说你对postMessage的理解，它有什么运用场景呢？](https://github.com/haizlin/fe-interview/issues/1838)
- [用js封装一个前端分页的库，说说你的思路](https://github.com/haizlin/fe-interview/issues/1834)
- [写一个汉字与Unicode码的互转的方法](https://github.com/haizlin/fe-interview/issues/1830)
- [列举下获取指定日期的毫秒数的方法有哪些？](https://github.com/haizlin/fe-interview/issues/1826)
- [pageshow和pageshide有什么应用场景呢？](https://github.com/haizlin/fe-interview/issues/1822)
- [写一个方法监听某个div滚动](https://github.com/haizlin/fe-interview/issues/1818)
- [有了解过`getSelection`API吗？怎么使用，有哪些场景？](https://github.com/haizlin/fe-interview/issues/1814)
- [使用js写一个时钟的程序](https://github.com/haizlin/fe-interview/issues/1810)
- [写一个任意进制转换的程序](https://github.com/haizlin/fe-interview/issues/1806)
- [使用js写一个计算字符串的字节数的方法](https://github.com/haizlin/fe-interview/issues/1802)
- [用代码实现游戏应用中连续按键触发必杀技的监测方法](https://github.com/haizlin/fe-interview/issues/1798)
- [写一个方法判断一个数字是否为整数](https://github.com/haizlin/fe-interview/issues/1794)
- [页面上的DOM有多个相同的ID，用js获取时结果会是怎么样的？](https://github.com/haizlin/fe-interview/issues/1790)
- [如何在用户刷新、跳转、关闭浏览器时向服务端发送统计的数据？](https://github.com/haizlin/fe-interview/issues/1786)
- [说下你对alert的理解，它有哪些特性呢？及使用它时要注意些什么？](https://github.com/haizlin/fe-interview/issues/1782)
- [你知道js的可选链是什么吗？说说你对它的理解，它有什么应用场景？](https://github.com/haizlin/fe-interview/issues/1778)
- [js的sort方法运用场景有哪些？](https://github.com/haizlin/fe-interview/issues/1774)
- [用不同的方法改装下面的代码，使它的结果输出为0-4[代码]](https://github.com/haizlin/fe-interview/issues/1769)
- [请分析!+[]+!![]+!![]+!![]+!![]+!![]的结果](https://github.com/haizlin/fe-interview/issues/1765)
- [请分析020-088=?的过程及结果](https://github.com/haizlin/fe-interview/issues/1761)
- [写一个让一句话随着鼠标移动的小插件](https://github.com/haizlin/fe-interview/issues/1756)
- [如果让你把把html页面导出为pdf，不用插件的话，你该怎么做？](https://github.com/haizlin/fe-interview/issues/1752)
- [用js实现一个导航吸顶效果](https://github.com/haizlin/fe-interview/issues/1748)
- [window.console.log()和console .log()有区别吗？体现在哪里？](https://github.com/haizlin/fe-interview/issues/1744)
- [getelementbyId和queryselect平时经常使用哪一个？说说你的看法](https://github.com/haizlin/fe-interview/issues/1740)
- [箭头函数的this值继承于哪里](https://github.com/haizlin/fe-interview/issues/1736)
- [举例说明object.freeze有哪些用途呢？](https://github.com/haizlin/fe-interview/issues/1732)
- [微任务和宏任务有什么区别？](https://github.com/haizlin/fe-interview/issues/1728)
- [请比较下for、forEach、for of的性能的性能](https://github.com/haizlin/fe-interview/issues/1724)
- [你有使用过BackboneJS吗？说说它和vue有什么区别？](https://github.com/haizlin/fe-interview/issues/1720)
- [你有使用过ExtJs吗？说说它的优缺点是什么？](https://github.com/haizlin/fe-interview/issues/1716)
- [写例子说明js中自定义事件的使用与触发](https://github.com/haizlin/fe-interview/issues/1712)
- [js事件中currentTarget和target的区别是什么？](https://github.com/haizlin/fe-interview/issues/1708)
- [说说js跳出循环return、break、continue的区别？](https://github.com/haizlin/fe-interview/issues/1704)
- [说说你对异常处理和错误处理的理解](https://github.com/haizlin/fe-interview/issues/1700)
- [用js实现动态改变根元素字体大小的方法](https://github.com/haizlin/fe-interview/issues/1696)
- [js依赖注入的实现思路是什么？它有什么优缺点呢？](https://github.com/haizlin/fe-interview/issues/1692)
- [使用js获取鼠标坐标](https://github.com/haizlin/fe-interview/issues/1688)
- [举例说明什么是短路求值？](https://github.com/haizlin/fe-interview/issues/1683)
- [写一个方法判断大括号{}是否闭合](https://github.com/haizlin/fe-interview/issues/1679)
- [从一个无序的整数数组中，找出最小和最大数之间缺失的数字，要求最小的时间复杂度](https://github.com/haizlin/fe-interview/issues/1675)
- [写一个方法实现“基数排序算法”，并解释下时间复杂度和空间复杂度](https://github.com/haizlin/fe-interview/issues/1671)
- [写一个方法实现“桶排序算法”，并解释下时间复杂度和空间复杂度](https://github.com/haizlin/fe-interview/issues/1667)
- [写一个方法实现“归并排序算法”，并解释下时间复杂度和空间复杂度](https://github.com/haizlin/fe-interview/issues/1663)
- [写一个方法实现“插入排序算法”，并解释下时间复杂度和空间复杂度](https://github.com/haizlin/fe-interview/issues/1659)
- [写一个方法实现“交换排序算法”，并解释下时间复杂度和空间复杂度](https://github.com/haizlin/fe-interview/issues/1655)
- [写一个方法实现“选择排序算法”，并解释下时间复杂度和空间复杂度](https://github.com/haizlin/fe-interview/issues/1651)
- [说说你对js排序的理解，你有了解哪些算法呢？](https://github.com/haizlin/fe-interview/issues/1647)
- [请说说你对try/catch的理解，平时有在哪些场景会用到呢？](https://github.com/haizlin/fe-interview/issues/1643)
- [请实现一个计算器的功能](https://github.com/haizlin/fe-interview/issues/1639)
- [写一个方法从数组中随机抽取N个不重复的元素](https://github.com/haizlin/fe-interview/issues/1630)
- [遍历数组和对象的方法都有哪些？](https://github.com/haizlin/fe-interview/issues/1626)
- [举例说明这三种方法map、reduce和filter的区别是什么？](https://github.com/haizlin/fe-interview/issues/1622)
- [写一个方法找出指定一维数组所有不重复的元素和个数](https://github.com/haizlin/fe-interview/issues/1618)
- [请写出几种匿名自执行的写法（至少三种）](https://github.com/haizlin/fe-interview/issues/1614)
- [你知道js的函数重载是什么吗？](https://github.com/haizlin/fe-interview/issues/1609)
- [写一个方法获取div的宽高](https://github.com/haizlin/fe-interview/issues/1605)
- [举例说明constructor和instanceof的区别是什么？](https://github.com/haizlin/fe-interview/issues/1601)
- [写一个方法来获取div到浏览器窗口的高度](https://github.com/haizlin/fe-interview/issues/1596)
- [写一个方法判断页面滚动方向](https://github.com/haizlin/fe-interview/issues/1592)
- [前端异步的使用场景有哪些？](https://github.com/haizlin/fe-interview/issues/1588)
- [说出至少十条你理解的js规范](https://github.com/haizlin/fe-interview/issues/1584)
- [如何禁止IOS移动端网页橡皮筋的效果？](https://github.com/haizlin/fe-interview/issues/1580)
- [各浏览器的事件机制有什么不同？ 如何阻止事件冒泡？](https://github.com/haizlin/fe-interview/issues/1576)
- [解释下offsetWidth、clientWidth、scrollWidth这三者的区别是什么？](https://github.com/haizlin/fe-interview/issues/1572)
- [请解释下NaN表示什么呢？typeof NaN结果是什么？](https://github.com/haizlin/fe-interview/issues/1567)
- [举例说明你对事件代理的理解](https://github.com/haizlin/fe-interview/issues/1563)
- [异步加载和延迟加载有什么区别？](https://github.com/haizlin/fe-interview/issues/1559)
- [js垃圾回收的方式有哪些？](https://github.com/haizlin/fe-interview/issues/1555)
- [你对window的属性devicePixelRatio有了解吗？说说它有什么实际应用场景？](https://github.com/haizlin/fe-interview/issues/1551)
- [写一个网络不通时则提醒用户的方法](https://github.com/haizlin/fe-interview/issues/1547)
- [用js封装一个对cookie操作的方法](https://github.com/haizlin/fe-interview/issues/1543)
- [举例说明js创建数组有哪些方法？](https://github.com/haizlin/fe-interview/issues/1539)
- [举例说明什么是匿名函数？它有什么优缺点呢？](https://github.com/haizlin/fe-interview/issues/1535)
- [用js实现最大化和最小化窗口](https://github.com/haizlin/fe-interview/issues/1531)
- [js如何实现打印指定的区域（局部打印）？](https://github.com/haizlin/fe-interview/issues/1527)
- [写一个方法检测页面中的所有标签是否正确闭合](https://github.com/haizlin/fe-interview/issues/1522)
- [举例说明常用的BOM属性和方法有哪些？](https://github.com/haizlin/fe-interview/issues/1518)
- [写个方法判断当前脚本运行在浏览器还是node环境中](https://github.com/haizlin/fe-interview/issues/1514)
- [写一个方法，传入数字x，从一个一维数组里找到两个数字符合“n1 + n2 ＝ x”](https://github.com/haizlin/fe-interview/issues/1510)
- [你知道什么是PAJAX吗？它和AJAX有什么区别？它的应用场景有哪些？](https://github.com/haizlin/fe-interview/issues/1506)
- [js的控制台输出，平时除了用console.log外，你还知道哪些？使用console.log应该注意什么？](https://github.com/haizlin/fe-interview/issues/1502)
- [平时调试用console.log的输出结果可信吗？为什么？](https://github.com/haizlin/fe-interview/issues/1498)
- [用原生js获取DOM元素的方法有哪些？](https://github.com/haizlin/fe-interview/issues/1494)
- [getElementById和querySelector方法的区别是什么？](https://github.com/haizlin/fe-interview/issues/1490)
- [举例说明document.execCommand有哪些用途](https://github.com/haizlin/fe-interview/issues/1486)
- [你平时是怎么调试js的？会断点调试吗？断点调试有什么技巧呢？](https://github.com/haizlin/fe-interview/issues/1482)
- [如何使用js获取当前的url和来源的url？](https://github.com/haizlin/fe-interview/issues/1478)
- [你有用过哪些3D渲染的库？](https://github.com/haizlin/fe-interview/issues/1474)
- [页面的编码和被请求的资源编码不一致时如何处理？](https://github.com/haizlin/fe-interview/issues/1470)
- [ajax的请求状态有哪几种？](https://github.com/haizlin/fe-interview/issues/1466)
- [请介绍下js的数据类型](https://github.com/haizlin/fe-interview/issues/1462)
- [写一个方法找出一段话里面出现频率最多的词](https://github.com/haizlin/fe-interview/issues/1458)
- [请使用js实现一个省市县级联的效果](https://github.com/haizlin/fe-interview/issues/1454)
- [用js实现一个轮播图，并简述有哪些实现的方法](https://github.com/haizlin/fe-interview/issues/1450)
- [请使用纯js实现一个横向或纵向的无缝滚动效果](https://github.com/haizlin/fe-interview/issues/1446)
- [请写一个获取颜色的正则](https://github.com/haizlin/fe-interview/issues/1442)
- [请用js实现一个简单的小区楼的电梯运行程序](https://github.com/haizlin/fe-interview/issues/1438)
- [举例说明atob和btoa的用法](https://github.com/haizlin/fe-interview/issues/1434)
- [用原生js实现类似getElementsByClassName的方法，不能使用querySelectorAll](https://github.com/haizlin/fe-interview/issues/1430)
- [写一个方法将html页面生成为图片](https://github.com/haizlin/fe-interview/issues/1419)
- [stopPropagation()和preventDefault()这两个方法有什么区别？](https://github.com/haizlin/fe-interview/issues/1415)
- [你有使用过FileReader吗？说说它有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/1410)
- [当用户刷新网页时，js的请求有哪些地方会有缓存处理呢？](https://github.com/haizlin/fe-interview/issues/1405)
- [onload事件和domcontentloaded哪个先执行呢？](https://github.com/haizlin/fe-interview/issues/1385)
- [说下你对面向对象的理解](https://github.com/haizlin/fe-interview/issues/1381)
- [在js中函数返回多个值有哪些方法？](https://github.com/haizlin/fe-interview/issues/1377)
- [为什么说js是弱类型语言，它的优缺点分别是什么？](https://github.com/haizlin/fe-interview/issues/1373)
- [写一个密码生成器，并同时写一个密码强度校验的方法](https://github.com/haizlin/fe-interview/issues/1369)
- [有什么方案可以提高无限滚动列表的性能？](https://github.com/haizlin/fe-interview/issues/1365)
- [js如何把网页加入收藏夹功能？](https://github.com/haizlin/fe-interview/issues/1347)
- [你知道什么是三元表达式吗？“三元” 表示什么意思？使用三元表达式应该注意些什么问题？](https://github.com/haizlin/fe-interview/issues/1343)
- [说下你对函数的形参与实参的理解](https://github.com/haizlin/fe-interview/issues/1339)
- [请用js实现一个promise的方法](https://github.com/haizlin/fe-interview/issues/1335)
- [请说说你对promise的理解](https://github.com/haizlin/fe-interview/issues/1331)
- [你知道断点续传的原理吗？用js怎么实现？](https://github.com/haizlin/fe-interview/issues/1317)
- [清空一个数组的方式有哪些？它们有什么区别？](https://github.com/haizlin/fe-interview/issues/1313)
- [ES5和ES6、ES7有什么区别？](https://github.com/haizlin/fe-interview/issues/1298)
- [写一个根据xpath获取元素的方法](https://github.com/haizlin/fe-interview/issues/1294)
- [用js实现一个复制粘贴的功能](https://github.com/haizlin/fe-interview/issues/1289)
- [说说你对ArrayBuffer的理解！它和Array有什么区别？](https://github.com/haizlin/fe-interview/issues/1285)
- [如何解决在手机上长时间点击会选中图片？](https://github.com/haizlin/fe-interview/issues/1281)
- [你了解什么是AOP吗？它的作用是什么？举个例子](https://github.com/haizlin/fe-interview/issues/1277)
- [怎么下载一个zip文件？](https://github.com/haizlin/fe-interview/issues/1273)
- [举例说明如何使用WebSQL？](https://github.com/haizlin/fe-interview/issues/1269)
- [举例说明js如何拖拽排序？](https://github.com/haizlin/fe-interview/issues/1265)
- [怎样在JavaScript中创建一个worker线程？](https://github.com/haizlin/fe-interview/issues/1261)
- [写个给图片加水印的方法](https://github.com/haizlin/fe-interview/issues/1257)
- [说说你对执行上下文的理解](https://github.com/haizlin/fe-interview/issues/1253)
- [有些js库习惯在代码开头处添加分号有什么作用呢？除了分号还可以换成别的吗？](https://github.com/haizlin/fe-interview/issues/1249)
- [在js中attribute和property的区别是什么？](https://github.com/haizlin/fe-interview/issues/1235)
- [举例说明数组的排序方法有哪些？](https://github.com/haizlin/fe-interview/issues/1231)
- [举例说明js拖拽用到的事件有哪些？](https://github.com/haizlin/fe-interview/issues/1227)
- [用原生JS封装插件的方式有哪些？](https://github.com/haizlin/fe-interview/issues/1223)
- [用js模拟实现微信抢红包的算法，并说明你的思路](https://github.com/haizlin/fe-interview/issues/1219)
- [如何实现锁定网页、密码解锁的效果？说说你的方法和步骤是什么？](https://github.com/haizlin/fe-interview/issues/1215)
- [你知道1和Number(1)的区别是什么吗？](https://github.com/haizlin/fe-interview/issues/1211)
- [说说CORS为何要区分预检请求和简单请求呢？](https://github.com/haizlin/fe-interview/issues/1207)
- [实现异步编程有哪些方式？推荐用哪种？](https://github.com/haizlin/fe-interview/issues/1203)
- [请为什么说js是单线程，而不是多线程呢？](https://github.com/haizlin/fe-interview/issues/1199)
- [使用js实现摩斯密码的加密和解密](https://github.com/haizlin/fe-interview/issues/1184)
- [请使用原生的js实现斐波那契数列](https://github.com/haizlin/fe-interview/issues/1180)
- [阻止事件的默认行为有哪些？说说它们之间的区别是什么？](https://github.com/haizlin/fe-interview/issues/1176)
- [请举例说明动态操作DOM的方法有哪些？](https://github.com/haizlin/fe-interview/issues/1171)
- [原生Math的方法有哪些？请列举并描述其功能](https://github.com/haizlin/fe-interview/issues/1167)
- [什么是词法分析？请描述下js词法分析的过程？](https://github.com/haizlin/fe-interview/issues/1163)
- [自己实现数组的 `map`、`filter`、`find` 方法](https://github.com/haizlin/fe-interview/issues/1159)
- [请描述下函数的执行过程](https://github.com/haizlin/fe-interview/issues/1154)
- [写一个洗扑克牌的方法](https://github.com/haizlin/fe-interview/issues/1150)
- [说说用原生js实现封装一个选项卡的功能](https://github.com/haizlin/fe-interview/issues/1146)
- [说下你对柯里化函数(currying)的理解，它有什么运用场景？](https://github.com/haizlin/fe-interview/issues/1142)
- [请描述下ajax的请求都有哪些步骤？](https://github.com/haizlin/fe-interview/issues/1138)
- [用js实现页面局部打印和预览原理是什么呢？同时在IE上有什么不同？](https://github.com/haizlin/fe-interview/issues/1134)
- [用js实现小写金额转大写的方法](https://github.com/haizlin/fe-interview/issues/1130)
- [请解释下NaN === NaN的结果](https://github.com/haizlin/fe-interview/issues/1126)
- [请写出如下代码运行的结果并解释为什么？[代码]](https://github.com/haizlin/fe-interview/issues/1122)
- [写一个方法，将字符串中的单词倒转后输出，如：`my love` -> `ym evol`](https://github.com/haizlin/fe-interview/issues/1118)
- [原生的字符串操作方法有哪些？请列举并描述其功能](https://github.com/haizlin/fe-interview/issues/1114)
- [JSON.stringify有什么局限性和哪些技巧？](https://github.com/haizlin/fe-interview/issues/1110)
- [如何实现一个全屏的功能？](https://github.com/haizlin/fe-interview/issues/1106)
- [举例说明js关闭当前窗口有哪些方法？](https://github.com/haizlin/fe-interview/issues/1102)
- [说说你对js包装对象的理解](https://github.com/haizlin/fe-interview/issues/1098)
- [JavaScript有几种类型值？能否画出它们的内存图？](https://github.com/haizlin/fe-interview/issues/1094)
- [保护js代码的方式有哪些？分别说说他们的原理是什么？](https://github.com/haizlin/fe-interview/issues/1090)
- [你有用过webRTC吗？它有什么运用场景？](https://github.com/haizlin/fe-interview/issues/1085)
- [如何实现文件拖动上传？](https://github.com/haizlin/fe-interview/issues/1080)
- [分析`('b' + 'a' + +'a' + 'a').toLowerCase()`返回的结果](https://github.com/haizlin/fe-interview/issues/1075)
- [能否正确获取本地上传的文件路径？如果可以怎么做？如果不可以解释下为什么？](https://github.com/haizlin/fe-interview/issues/1071)
- [请说说escape、encodeURI、decodeURI、encodeURIComponent和decodeURIComponent的区别？](https://github.com/haizlin/fe-interview/issues/1067)
- [如何终止WebWork？](https://github.com/haizlin/fe-interview/issues/1063)
- [写一个方法把多维数组降维](https://github.com/haizlin/fe-interview/issues/1059)
- [使用正则去掉html中标签与标签之间的空格](https://github.com/haizlin/fe-interview/issues/1055)
- [document.write和innerHTML有什么区别？](https://github.com/haizlin/fe-interview/issues/1051)
- [如何使用js来截图？怎样截可见区域和整个页面？](https://github.com/haizlin/fe-interview/issues/1047)
- [分别写出防抖和节流的两个函数，并描述它们分别有什么运用场景？](https://github.com/haizlin/fe-interview/issues/1043)
- [写一个把数字转成中文的方法，例如：101转成一百零一](https://github.com/haizlin/fe-interview/issues/1039)
- [用js写一个事件侦听器的方法](https://github.com/haizlin/fe-interview/issues/1035)
- [函数声明与函数表达式有什么区别？](https://github.com/haizlin/fe-interview/issues/1031)
- [请用js编写一个红绿灯程序](https://github.com/haizlin/fe-interview/issues/1027)
- [请详细描述AJAX的工作原理](https://github.com/haizlin/fe-interview/issues/1023)
- [请描述下什么是原型模式？它主要运用在哪些场景？](https://github.com/haizlin/fe-interview/issues/1019)
- [请描述下js的原型和原型链的理解以及它们之间的关系](https://github.com/haizlin/fe-interview/issues/1015)
- [写一个方法判断给定的字符串是否同态(isomorphic)](https://github.com/haizlin/fe-interview/issues/1011)
- [说说你对作用域链的理解](https://github.com/haizlin/fe-interview/issues/1007)
- [写个方法，找出指定字符串中重复最多的字符及其长度](https://github.com/haizlin/fe-interview/issues/1003)
- [请说说json和jsonp的区别？](https://github.com/haizlin/fe-interview/issues/998)
- [你是如何更好地处理Async/Await的异常的？](https://github.com/haizlin/fe-interview/issues/994)
- [准确说出`'1,2,3,4'.split()`的结果是什么（包括类型和值）？](https://github.com/haizlin/fe-interview/issues/990)
- [不依赖第三方库，说下如何使用js读取pdf？](https://github.com/haizlin/fe-interview/issues/986)
- [分别封装精确运算的加减乘除四个方法](https://github.com/haizlin/fe-interview/issues/981)
- [不用第三方库，说说纯js怎么实现读取和导出excel？](https://github.com/haizlin/fe-interview/issues/977)
- [说说你理解的同步和异步的区别是什么？](https://github.com/haizlin/fe-interview/issues/973)
- [写例子说明如何给li绑定事件（ul下有1000+个li）？](https://github.com/haizlin/fe-interview/issues/969)
- [要实现一个js的持续动画，你有什么比较好的方法？](https://github.com/haizlin/fe-interview/issues/964)
- [分别写出数组的交集、并集、差集、补集这四个方法](https://github.com/haizlin/fe-interview/issues/960)
- [用js写出死循环的方法有哪些？](https://github.com/haizlin/fe-interview/issues/956)
- [js的函数有哪几种调用形式？](https://github.com/haizlin/fe-interview/issues/908)
- [解释下为什么`{} + [] === 0`为true？](https://github.com/haizlin/fe-interview/issues/904)
- [请描述下null和undefined的区别是什么？这两者分别运用在什么场景？](https://github.com/haizlin/fe-interview/issues/759)
- [写个方法随机打乱一个数组](https://github.com/haizlin/fe-interview/issues/749)
- [js异步加载有哪些方案？](https://github.com/haizlin/fe-interview/issues/745)
- [判断instanceof的结果并解释原因 [代码]](https://github.com/haizlin/fe-interview/issues/609)
- [请写一个sleep（暂停）函数](https://github.com/haizlin/fe-interview/issues/602)
- [把Script标签放在页面最底部的`</body>`之前和之后有什么区别？浏览器会如何解析它们？](https://github.com/haizlin/fe-interview/issues/598)
- [js延迟加载的方式有哪些？](https://github.com/haizlin/fe-interview/issues/594)
- [请描述你对浏览器同源策略的理解](https://github.com/haizlin/fe-interview/issues/590)
- [举例说明js如何实现继承？](https://github.com/haizlin/fe-interview/issues/586)
- [用js实现一个九九乘法口诀表](https://github.com/haizlin/fe-interview/issues/582)
- [在js中怎么捕获异常？写出来看看？应该在哪些场景下采用呢？](https://github.com/haizlin/fe-interview/issues/578)
- [举例说明什么是decodeURI()和encodeURI()是什么？](https://github.com/haizlin/fe-interview/issues/574)
- [举例说明什么是IIFEs？它有什么好处？](https://github.com/haizlin/fe-interview/issues/570)
- [请编写一个对象obj满足 obj=='a' && obj=='b' && obj=='c'](https://github.com/haizlin/fe-interview/issues/566)
- [举例说明数组和对象的迭代方法分别有哪些？](https://github.com/haizlin/fe-interview/issues/564)
- [请快速答出此题的答案并解释：var x, y = 1; x + y = ?](https://github.com/haizlin/fe-interview/issues/532)
- [说说instanceof和typeof的实现原理并自己模拟实现一个instanceof](https://github.com/haizlin/fe-interview/issues/528)
- [js中=、==、===三个的区别是什么？并说明它们各自的工作过程](https://github.com/haizlin/fe-interview/issues/523)
- [写一个方法随机生成指定位数的字符串](https://github.com/haizlin/fe-interview/issues/519)
- [移动端点击事件为什么会有延迟？有哪些方法可以解决？](https://github.com/haizlin/fe-interview/issues/515)
- [写一个字符串重复的repeat函数](https://github.com/haizlin/fe-interview/issues/511)
- [说说你对深浅拷贝的理解？并实现一个对数组和对象深拷贝的方法](https://github.com/haizlin/fe-interview/issues/504)
- [Ajax请求中get和post方式有什么区别呢？分别在哪些场景下使用？](https://github.com/haizlin/fe-interview/issues/500)
- [说说你对base64的理解，它的使用场景有哪些？](https://github.com/haizlin/fe-interview/issues/496)
- [formData主要是用来做什么的？它的操作方法有哪些？](https://github.com/haizlin/fe-interview/issues/492)
- [举例子说说你对js隐式类型转换的理解](https://github.com/haizlin/fe-interview/issues/409)
- [请解释下什么是cookie隔离？为什么要隔离？如何隔离？](https://github.com/haizlin/fe-interview/issues/405)
- [说说你对数据类型转换的理解是什么？类型转换的方法有哪些？](https://github.com/haizlin/fe-interview/issues/298)
- [如何让(a==1 && a==2 && a==3)的值为true，把"=="换成"==="后还能为true吗？](https://github.com/haizlin/fe-interview/issues/295)
- [举例子说明javascript的变量声明提升和函数声明提升](https://github.com/haizlin/fe-interview/issues/281)
- [有用过HTML5的WebWork吗？它主要解决了什么问题？](https://github.com/haizlin/fe-interview/issues/277)
- [写一个方法获取图片的原始宽高](https://github.com/haizlin/fe-interview/issues/256)
- [请实现一个flattenDeep函数，把多维数组扁平化](https://github.com/haizlin/fe-interview/issues/252)
- [写一个格式化金额的方法](https://github.com/haizlin/fe-interview/issues/246)
- [请说下你对__proto__和prototype的理解](https://github.com/haizlin/fe-interview/issues/242)
- [写一个方法，使得sum(x)(y)和sum(x,y)返回的结果相同](https://github.com/haizlin/fe-interview/issues/238)
- [JSONP的原理是什么？解决什么问题？](https://github.com/haizlin/fe-interview/issues/221)
- [写出4个使用this的典型例子](https://github.com/haizlin/fe-interview/issues/217)
- [写一个函数找出给定数组中的最大差值](https://github.com/haizlin/fe-interview/issues/213)
- [document的load 和ready有什么区别？](https://github.com/haizlin/fe-interview/issues/209)
- [什么是事件委托？它有什么好处？能简单的写一个例子吗？](https://github.com/haizlin/fe-interview/issues/204)
- [字符串相连有哪些方式？哪种最好？为什么？](https://github.com/haizlin/fe-interview/issues/200)
- [fetch 和 ajax 区别](https://github.com/haizlin/fe-interview/issues/197)
- [如何捕获 setTimeout 异常](https://github.com/haizlin/fe-interview/issues/196)
- [csrf 攻击是怎样攻击的？ 如何防御？](https://github.com/haizlin/fe-interview/issues/195)
- [proimise 如何取消](https://github.com/haizlin/fe-interview/issues/194)
- [请写出一个函数求出N的阶乘（即N!）](https://github.com/haizlin/fe-interview/issues/191)
- [写个还剩下多少天过年的倒计时](https://github.com/haizlin/fe-interview/issues/187)
- [你对事件循环有了解吗？说说看！](https://github.com/haizlin/fe-interview/issues/183)
- [请说说你对事件冒泡机制的理解？](https://github.com/haizlin/fe-interview/issues/179)
- [写一个使两个整数进行交换的方法（不能使用临时变量）](https://github.com/haizlin/fe-interview/issues/175)
- [写出几种创建对象的方式，并说说他们的区别是什么？](https://github.com/haizlin/fe-interview/issues/171)
- [深度克隆对象的方法有哪些，并把你认为最好的写出来](https://github.com/haizlin/fe-interview/issues/167)
- [JQuery的源码看过吗？能不能简单概括一下它的实现原理？](https://github.com/haizlin/fe-interview/issues/163)
- [window对象和document对象有什么区别？](https://github.com/haizlin/fe-interview/issues/157)
- [说说你对IIFE的理解](https://github.com/haizlin/fe-interview/issues/154)
- [为什么会有跨域问题？怎么解决跨域？](https://github.com/haizlin/fe-interview/issues/150)
- [说说你对模块化的理解](https://github.com/haizlin/fe-interview/issues/146)
- [说说你对eval的理解](https://github.com/haizlin/fe-interview/issues/142)
- [找到字符串中最长的单词，并返回它的长度](https://github.com/haizlin/fe-interview/issues/138)
- [请手写一个幻灯片的效果](https://github.com/haizlin/fe-interview/issues/134)
- [请你解释一个为什么10.toFixed(10)会报错？](https://github.com/haizlin/fe-interview/issues/130)
- [请用canvas写一个关于520浪漫表白的代码](https://github.com/haizlin/fe-interview/issues/124)
- [说说你对this的理解](https://github.com/haizlin/fe-interview/issues/120)
- [造成内存泄漏的操作有哪些？](https://github.com/haizlin/fe-interview/issues/116)
- [写一个方法把0和1互转（0置1，1置0）](https://github.com/haizlin/fe-interview/issues/112)
- [写一个方法判断字符串是否为回文字符串](https://github.com/haizlin/fe-interview/issues/108)
- [写一个获取数组的最大值、最小值的方法](https://github.com/haizlin/fe-interview/issues/104)
- [解释下这段代码的意思！](https://github.com/haizlin/fe-interview/issues/100)
- [说说你对arguments的理解，它是数组吗？](https://github.com/haizlin/fe-interview/issues/96)
- [说说bind、call、apply的区别？并手写实现一个bind的方法](https://github.com/haizlin/fe-interview/issues/92)
- [写一个判断设备来源的方法](https://github.com/haizlin/fe-interview/issues/88)
- [如何快速让一个数组乱序，写出来](https://github.com/haizlin/fe-interview/issues/84)
- [0.1 + 0.2、0.1 + 0.3和0.1 * 0.2分别等于多少？并解释下为什么？](https://github.com/haizlin/fe-interview/issues/80)
- [你对new操作符的理解是什么？手动实现一个new方法](https://github.com/haizlin/fe-interview/issues/76)
- [写一个方法验证是否为中文](https://github.com/haizlin/fe-interview/issues/72)
- [写一个验证身份证号的方法](https://github.com/haizlin/fe-interview/issues/68)
- ["attribute"和"property"有什么不同？](https://github.com/haizlin/fe-interview/issues/64)
- [你理解的"use strict";是什么?使用它有什么优缺点？](https://github.com/haizlin/fe-interview/issues/60)
- [typeof('abc')和typeof 'abc'都是string, 那么typeof是操作符还是函数？](https://github.com/haizlin/fe-interview/issues/56)
- [返回到顶部的方法有哪些？把其中一个方法出来](https://github.com/haizlin/fe-interview/issues/52)
- [写一个数组去重的方法（支持多维数组）](https://github.com/haizlin/fe-interview/issues/48)
- [什么是闭包？优缺点分别是什么？](https://github.com/haizlin/fe-interview/issues/44)
- [说说你对javascript的作用域的理解](https://github.com/haizlin/fe-interview/issues/40)
- [写一个获取当前url查询字符串中的参数的方法](https://github.com/haizlin/fe-interview/issues/36)
- [简要描述下JS有哪些内置的对象](https://github.com/haizlin/fe-interview/issues/33)
- [简要描述下什么是回调函数并写一个例子出来](https://github.com/haizlin/fe-interview/issues/30)
- [写一个判断数据类型的方法](https://github.com/haizlin/fe-interview/issues/27)
- [写一个加密字符串的方法](https://github.com/haizlin/fe-interview/issues/24)
- [统计某一字符或字符串在另一个字符串中出现的次数](https://github.com/haizlin/fe-interview/issues/21)
- [写一个去除制表符和换行符的方法](https://github.com/haizlin/fe-interview/issues/18)
- [写一个把字符串大小写切换的方法](https://github.com/haizlin/fe-interview/issues/15)
- [写一个方法把下划线命名转成大驼峰命名](https://github.com/haizlin/fe-interview/issues/12)
- [去除字符串中最后一个指定的字符](https://github.com/haizlin/fe-interview/issues/9)
- [写一个方法去掉字符串中的空格](https://github.com/haizlin/fe-interview/issues/6)
- [用递归算法实现，数组长度为5且元素的随机数在2-32间不重复的值](https://github.com/haizlin/fe-interview/issues/3)
## 软技能
- [都说前后端分离好，那重构前后端分离的目的是什么？](https://github.com/haizlin/fe-interview/issues/2619)
- [你有写过软件概要设计文档吗？都包括哪些内容？](https://github.com/haizlin/fe-interview/issues/2615)
- [如果给你配台新电脑，你需要什么样的配置？说说你的理由？](https://github.com/haizlin/fe-interview/issues/2611)
- [说下JWT的认证过程](https://github.com/haizlin/fe-interview/issues/2607)
- [说下你学习前端的历程吧](https://github.com/haizlin/fe-interview/issues/2603)
- [你喜欢在大公司工作还是小公司（创业公司）工作？为什么？](https://github.com/haizlin/fe-interview/issues/2599)
- [5G即将到来，你觉得对前端将面临什么挑战和机遇呢？](https://github.com/haizlin/fe-interview/issues/2593)
- [你有参与过哪些开源项目吗？有给项目提交过PR吗？](https://github.com/haizlin/fe-interview/issues/2589)
- [你喜欢在大城市工作还是小城市？为什么？](https://github.com/haizlin/fe-interview/issues/2585)
- [你想当全栈工程师吗？](https://github.com/haizlin/fe-interview/issues/2581)
- [做项目复盘时，是如何复盘的？都复盘哪些内容呢？](https://github.com/haizlin/fe-interview/issues/2577)
- [你对颜色的搭配有了解吗？你觉得红、绿、蓝分别搭配什么颜色比较好看呢？](https://github.com/haizlin/fe-interview/issues/2573)
- [如何确保TCP包的有序传输？](https://github.com/haizlin/fe-interview/issues/2569)
- [TCP为什么是有状态的？](https://github.com/haizlin/fe-interview/issues/2565)
- [说说你对脚本语言的理解](https://github.com/haizlin/fe-interview/issues/2561)
- [上线后什么情况下会回滚呢？回滚的流程是怎样的？](https://github.com/haizlin/fe-interview/issues/2557)
- [LF和CRLF的区别是什么？](https://github.com/haizlin/fe-interview/issues/2552)
- [做移动端开发时，你是如何调试的？](https://github.com/haizlin/fe-interview/issues/2548)
- [如何保证前端项目的质量？](https://github.com/haizlin/fe-interview/issues/2544)
- [什么是物理像素和逻辑像素？](https://github.com/haizlin/fe-interview/issues/2540)
- [当你拿到设计稿后，你首先要做的是什么呢？](https://github.com/haizlin/fe-interview/issues/2536)
- [你办公软件用得熟练吗？都有哪些技巧呢？](https://github.com/haizlin/fe-interview/issues/2531)
- [对于用户的隐私你是如何看待的？](https://github.com/haizlin/fe-interview/issues/2527)
- [让你去重构一个很老旧但很重要的系统，你的方法论是什么？](https://github.com/haizlin/fe-interview/issues/2523)
- [对于前端项目，你是如何做架构设计的？](https://github.com/haizlin/fe-interview/issues/2519)
- [你设计好的规范文档，团队人员不按照要求去执行怎么办？如何才能让大家认可并执行？](https://github.com/haizlin/fe-interview/issues/2515)
- [你认为微信或支付宝的哪些功能用户体验做得是非常好的？为什么？](https://github.com/haizlin/fe-interview/issues/2511)
- [你是怎么平衡及处理工作，学习，生活三者的关系？](https://github.com/haizlin/fe-interview/issues/2507)
- [说下你对噪声的理解，它在前端中有哪些应用场景呢？](https://github.com/haizlin/fe-interview/issues/2502)
- [登录时的验证码是纯数字的话，你觉得用4位数好还是6位数好？说说你的看法？](https://github.com/haizlin/fe-interview/issues/2498)
- [你知道什么是末位淘汰吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/2494)
- [你喜欢弹性工作制吗？为什么？](https://github.com/haizlin/fe-interview/issues/2489)
- [后台接口返回的数据可信吗？如果不可信，那么前端应该怎么做？](https://github.com/haizlin/fe-interview/issues/2485)
- [你上家公司的组织架构是怎么样的？你觉得那里的组织架构有什么优缺点？](https://github.com/haizlin/fe-interview/issues/2481)
- [你有考虑过研发团队的整体支出情况吗？](https://github.com/haizlin/fe-interview/issues/2471)
- [你所在的公司有晋升体系吗？如果有那你有晋升过吗？如果没有，说说你心目中的晋升应该是什么样的？](https://github.com/haizlin/fe-interview/issues/2467)
- [如果给你接手团队的管理，团队内部的流程很乱你该怎么办？](https://github.com/haizlin/fe-interview/issues/2463)
- [说说你对UML的理解](https://github.com/haizlin/fe-interview/issues/2459)
- [对于网站的风格，你能说说在国内与国外的区别有哪些吗？](https://github.com/haizlin/fe-interview/issues/2455)
- [什么是cookie伪造？如何防止伪造？](https://github.com/haizlin/fe-interview/issues/2451)
- [举例说明恶意代码都有哪些？](https://github.com/haizlin/fe-interview/issues/2447)
- [127.0.0.1和localhost区别是什么？](https://github.com/haizlin/fe-interview/issues/2443)
- [发现了一个严重的bug，需跨多个部门协作定位并修改问题时，如何提升协作的效率？](https://github.com/haizlin/fe-interview/issues/2438)
- [如果你是Leader，如何提升团队的战斗力呢？](https://github.com/haizlin/fe-interview/issues/2433)
- [工作中如何高效沟通？](https://github.com/haizlin/fe-interview/issues/2426)
- [说说你对代码的可维护性的理解](https://github.com/haizlin/fe-interview/issues/2421)
- [你上家公司做的项目你有没有关注过qps？qps是多少呢？](https://github.com/haizlin/fe-interview/issues/2417)
- [node的事件循环和浏览器的事件循环有什么区别？](https://github.com/haizlin/fe-interview/issues/2413)
- [你的数学学得怎么样？举例说明有哪些场景会用到很强的数学知识](https://github.com/haizlin/fe-interview/issues/2409)
- [有新同事入职，你是要安排他先做新项目还是老项目？为什么？](https://github.com/haizlin/fe-interview/issues/2405)
- [你有对接过微信支付吗？说说微信支付的流程](https://github.com/haizlin/fe-interview/issues/2401)
- [你上家公司对于前端部门的验收标准有吗？都规范了哪些标准呢？](https://github.com/haizlin/fe-interview/issues/2397)
- [为什么会有ipv6的出现？它的出现将会带动哪些产业的发展](https://github.com/haizlin/fe-interview/issues/2393)
- [二维码会不会重复？如果重复怎么办？](https://github.com/haizlin/fe-interview/issues/2389)
- [如果要你实现下拉刷新和下拉加载，说说你的技术方案](https://github.com/haizlin/fe-interview/issues/2385)
- [你知道什么是单点登录吗？说说单点登录的流程](https://github.com/haizlin/fe-interview/issues/2381)
- [说说你对“管理”职位的理解](https://github.com/haizlin/fe-interview/issues/2375)
- [你们平时怎么学习的效率最高？](https://github.com/haizlin/fe-interview/issues/2371)
- [周末，你在和朋友聚会喝酒吃饭，中途其他同事打电话让去公司解决紧急bug，这时你该怎么办？](https://github.com/haizlin/fe-interview/issues/2366)
- [你会沉迷于玩手机吗？对于微信的使用你是怎么看待的？](https://github.com/haizlin/fe-interview/issues/2362)
- [你认为企业内部协同工具最重要的功能是什么？](https://github.com/haizlin/fe-interview/issues/2354)
- [你上家公司内部用的是什么协同工具（企业微信、钉钉、QQ、RTX等）？](https://github.com/haizlin/fe-interview/issues/2350)
- [你有没有看过哪些开源项目的源码？说说你看源码的流程](https://github.com/haizlin/fe-interview/issues/2346)
- [你认为前端工程师需要很好的审美吗？](https://github.com/haizlin/fe-interview/issues/2342)
- [你知道什么是“银弹”吗？它指的是什么？](https://github.com/haizlin/fe-interview/issues/2338)
- [说说你对WASM的了解](https://github.com/haizlin/fe-interview/issues/2334)
- [如果HTTP2、5G普及了，浏览器也支持es module了，Webpack、Rollup这种打包工具还有意义吗？](https://github.com/haizlin/fe-interview/issues/2330)
- [你觉得自己的性格是内向还是外向的？](https://github.com/haizlin/fe-interview/issues/2326)
- [你会喝酒吗？平时没事时有没有小喝点？](https://github.com/haizlin/fe-interview/issues/2322)
- [你知道什么是RIA吗？](https://github.com/haizlin/fe-interview/issues/2318)
- [你知道什么是防御性编程吗？如何进行防御性编程？](https://github.com/haizlin/fe-interview/issues/2314)
- [怎样在HTTP1.1的基础上实现多路复用？](https://github.com/haizlin/fe-interview/issues/2309)
- [怎么让接口只能调用一次，再次刷新时就失效呢？](https://github.com/haizlin/fe-interview/issues/2305)
- [接口调用频率太高，如何做好接口的限制呢？](https://github.com/haizlin/fe-interview/issues/2301)
- [你一般用什么工具测试前端代码的性能？](https://github.com/haizlin/fe-interview/issues/2297)
- [请解释下http请求头中Referer的含义和作用是什么？](https://github.com/haizlin/fe-interview/issues/2293)
- [说说你对版权的理解，前端开发的过程中应该注意哪些版权相关的问题呢？](https://github.com/haizlin/fe-interview/issues/2289)
- [你认为做为前端开发是要自己切图好还是让美工来切图好呢？](https://github.com/haizlin/fe-interview/issues/2280)
- [你会自己切图吗？还是让设计员给你切呢？](https://github.com/haizlin/fe-interview/issues/2273)
- [怎么禁止爬虫对网站信息的抓取？](https://github.com/haizlin/fe-interview/issues/2269)
- [要你写一个手机端的图形解锁的工具，你的思路是什么？](https://github.com/haizlin/fe-interview/issues/2265)
- [你知道pass、sass、lass的区别是什么吗？](https://github.com/haizlin/fe-interview/issues/2261)
- [前端报错，你是怎么上报错误的？有哪些方法？](https://github.com/haizlin/fe-interview/issues/2257)
- [你还有什么问题想问我们的？](https://github.com/haizlin/fe-interview/issues/2253)
- [你知道什么是后端套模板吗？他们是怎么操作的知道吗？](https://github.com/haizlin/fe-interview/issues/2249)
- [你知道短网址是什么吗？知不知道它的实现原理？](https://github.com/haizlin/fe-interview/issues/2377)
- [你知道你开发好的页面，测试人员是从哪些方面来测的吗？](https://github.com/haizlin/fe-interview/issues/2239)
- [QPS和TPS有什么区别？](https://github.com/haizlin/fe-interview/issues/2235)
- [说说你对请求数和并发数的理解](https://github.com/haizlin/fe-interview/issues/2224)
- [WEB开发中的会话跟踪方法有哪些？](https://github.com/haizlin/fe-interview/issues/2220)
- [屏幕坐标、客户区域（可视窗口）坐标、页面坐标分别是什么？](https://github.com/haizlin/fe-interview/issues/2216)
- [你认为PC端开发和移动端开发主要有什么区别呢？](https://github.com/haizlin/fe-interview/issues/2211)
- [你知道什么是TC39吗？它们的工作流程是怎样的？](https://github.com/haizlin/fe-interview/issues/2207)
- [作为团队的Leader，最近发现你手下有位同事工作状态比较消极，你该怎么办？](https://github.com/haizlin/fe-interview/issues/2201)
- [如果只能选一个，工作和家庭你认为哪个更重要？说说你的理由？](https://github.com/haizlin/fe-interview/issues/2197)
- [你每天（周）会制定一天（周）的计划吗？是如何定的？](https://github.com/haizlin/fe-interview/issues/2193)
- [你知道什么是伪代码吗？如何编写伪代码呢？](https://github.com/haizlin/fe-interview/issues/2189)
- [如何做用户身份验证？](https://github.com/haizlin/fe-interview/issues/2185)
- [相同的内容生成的二维码是一样的吗？不同内容的二维码会不会重复？](https://github.com/haizlin/fe-interview/issues/2181)
- [什么是补间动画？它分为哪几种类型？](https://github.com/haizlin/fe-interview/issues/2175)
- [说说你对文件后缀的理解，为什么会有这么多种类型的后缀呢？](https://github.com/haizlin/fe-interview/issues/2167)
- [说说扫码登陆和扫码支付的原理及流程是什么？](https://github.com/haizlin/fe-interview/issues/2162)
- [如果要你定义一个版本号的规则，你该定义成什么样的？说说你的理由？](https://github.com/haizlin/fe-interview/issues/2158)
- [你上家公司是怎么管理版本的？](https://github.com/haizlin/fe-interview/issues/2154)
- [如何迁移仓库，同时保留原有的提交记录和分支？](https://github.com/haizlin/fe-interview/issues/2150)
- [git pull 报错怎么解决？](https://github.com/haizlin/fe-interview/issues/2137)
- [如何禁止百度爬虫抓取网站？](https://github.com/haizlin/fe-interview/issues/2128)
- [你知道什么是中间人攻击吗？它产生的原因是什么？有什么危害？如何避免？](https://github.com/haizlin/fe-interview/issues/2124)
- [说说你遇到过最大的bug是什么？怎么解决的？](https://github.com/haizlin/fe-interview/issues/2114)
- [你认为一个友好的错误处理机制应该满足哪些条件？](https://github.com/haizlin/fe-interview/issues/2110)
- [现有几名候选人，说说你认为你的最大优势是什么？](https://github.com/haizlin/fe-interview/issues/2106)
- [你有使用过2k屏或4k屏吗？说说你对它们的理解](https://github.com/haizlin/fe-interview/issues/2096)
- [说说你对Retina高清屏的理解，它和2k屏有什么区别？](https://github.com/haizlin/fe-interview/issues/2092)
- [你为什么希望到我们公司工作？](https://github.com/haizlin/fe-interview/issues/2088)
- [举例说明前端的代码是如何解耦的？](https://github.com/haizlin/fe-interview/issues/2079)
- [前端做单元测试时基本原则有哪些？](https://github.com/haizlin/fe-interview/issues/2069)
- [解释下后端渲染与前端渲染有什么区别呢？](https://github.com/haizlin/fe-interview/issues/2065)
- [你们前端项目是怎么做监控（埋点）的？都监控哪些维度的数据呢？](https://github.com/haizlin/fe-interview/issues/2060)
- [你了解什么是极限编程吗？](https://github.com/haizlin/fe-interview/issues/2050)
- [PWA如何改变我们的移动体验？](https://github.com/haizlin/fe-interview/issues/2046)
- [说说你对PWA的理解](https://github.com/haizlin/fe-interview/issues/2041)
- [请问单元测试和集成测试有什么区别？](https://github.com/haizlin/fe-interview/issues/2036)
- [举例说明你对时间复杂度和空间复杂度的理解](https://github.com/haizlin/fe-interview/issues/2026)
- [你觉得一线城市和三四线城市的区别在哪？你比较喜欢哪个？](https://github.com/haizlin/fe-interview/issues/2022)
- [你最近在忙什么？](https://github.com/haizlin/fe-interview/issues/2018)
- [你英语怎么样？不用全文翻译能正常阅读外文文档吗？](https://github.com/haizlin/fe-interview/issues/2014)
- [前端资源发布路径怎么实现非覆盖式发布（平滑升级）？](https://github.com/haizlin/fe-interview/issues/2010)
- [说说轮询、长轮询、长连接、socket连接、WebSocket的区别](https://github.com/haizlin/fe-interview/issues/2006)
- [图片是不是越小越好？如何优化图片呢？](https://github.com/haizlin/fe-interview/issues/1997)
- [你觉得前端有必要写文档吗？](https://github.com/haizlin/fe-interview/issues/1988)
- [长链接在http2中与http/1.1协议中有什么区别？](https://github.com/haizlin/fe-interview/issues/1984)
- [你知道网站运营的指标有哪些吗？](https://github.com/haizlin/fe-interview/issues/1980)
- [你知道网站的PV、UV、IP分别代表什么吗？](https://github.com/haizlin/fe-interview/issues/1975)
- [Chrome浏览器允许的一次性最大TCP并发链接](https://github.com/haizlin/fe-interview/issues/1970)
- [在页面中引入静态资源文件，为什么静态资源文件改变后，再次发起请求还是之前的内容，没有变化呢？](https://github.com/haizlin/fe-interview/issues/1966)
- [你知道PMP证书吗？](https://github.com/haizlin/fe-interview/issues/1960)
- [你认为作为一个管理岗位，最重要的是什么？请说出三点](https://github.com/haizlin/fe-interview/issues/1956)
- [如果让你去管理一个10人的前端团队，你该怎么管理？第一步先干嘛？](https://github.com/haizlin/fe-interview/issues/1952)
- [你知道什么是微服务吗？](https://github.com/haizlin/fe-interview/issues/1948)
- [你是怎样对首屏进行优化的呢？](https://github.com/haizlin/fe-interview/issues/1944)
- [你是如何看待女程序员的？](https://github.com/haizlin/fe-interview/issues/1935)
- [你觉得前端有必要懂后端语言吗？](https://github.com/haizlin/fe-interview/issues/1931)
- [把html、css、js这三个分别做个比喻，你会把它们比喻成什么呢？](https://github.com/haizlin/fe-interview/issues/1927)
- [开发触摸屏的页面时应该注意些什么问题？](https://github.com/haizlin/fe-interview/issues/1922)
- [你了解什么是物联网吗？](https://github.com/haizlin/fe-interview/issues/1918)
- [你有考过相关的技能证书吗？](https://github.com/haizlin/fe-interview/issues/1914)
- [post和get有什么区别？它们分别在什么时候用到？](https://github.com/haizlin/fe-interview/issues/1910)
- [你是如何测试代码的性能的？都有用到哪些工具？](https://github.com/haizlin/fe-interview/issues/1902)
- [说下你对沉浸式体验的理解](https://github.com/haizlin/fe-interview/issues/1898)
- [TCP和UDP属于计算机网络中的哪一层？](https://github.com/haizlin/fe-interview/issues/1894)
- [OSI七层模型指的是哪七层？](https://github.com/haizlin/fe-interview/issues/1883)
- [说说你对304缓存的理解](https://github.com/haizlin/fe-interview/issues/1879)
- [git pull和git fetch有什么区别呢？](https://github.com/haizlin/fe-interview/issues/1875)
- [说说你对前端架构师职位的理解，你觉得前端架构师应具备什么样的技能呢？](https://github.com/haizlin/fe-interview/issues/1871)
- [请问ie和chrome可以并行下载多少个资源？](https://github.com/haizlin/fe-interview/issues/1867)
- [说说栈和队列的区别是什么？](https://github.com/haizlin/fe-interview/issues/1863)
- [ETag有什么运用场景呢？](https://github.com/haizlin/fe-interview/issues/1859)
- [请解释下Expires和Cache-Control有什么区别？](https://github.com/haizlin/fe-interview/issues/1855)
- [你认为前端工程师真正的价值体现在哪里？](https://github.com/haizlin/fe-interview/issues/1851)
- [常遇到的浏览器兼容性有哪些？你是怎样解决的？](https://github.com/haizlin/fe-interview/issues/1847)
- [举例说明你对前端自动化的理解 ](https://github.com/haizlin/fe-interview/issues/1843)
- [举例说明你对前端工程化的理解 ](https://github.com/haizlin/fe-interview/issues/1839)
- [有IT行业的实际工作中，有哪些操作是属于违法的呢？](https://github.com/haizlin/fe-interview/issues/1835)
- [你知道Nginx吗，知道如何利用Nginx反向代理吗？](https://github.com/haizlin/fe-interview/issues/1831)
- [用户在浏览器中禁用了js脚本时该怎么办？](https://github.com/haizlin/fe-interview/issues/1827)
- [你知道什么是RSS订阅吗？说说它的原理是什么？](https://github.com/haizlin/fe-interview/issues/1823)
- [做表单验证时主要是验证哪些内容呢？](https://github.com/haizlin/fe-interview/issues/1819)
- [说说你对相对路径和绝对路径的理解](https://github.com/haizlin/fe-interview/issues/1815)
- [请描述处TCP的三次握手和四次挥手](https://github.com/haizlin/fe-interview/issues/1811)
- [当网站遇到性能问题时，你是如何一步步解决的？说说你的方法](https://github.com/haizlin/fe-interview/issues/1807)
- [请说说协商缓存和强缓存的区别？](https://github.com/haizlin/fe-interview/issues/1803)
- [HTTP的请求头有什么作用？它的应用场景有哪些？](https://github.com/haizlin/fe-interview/issues/1799)
- [HTTP的请求除了get和post外还有哪些呢？说下你对它们的理解](https://github.com/haizlin/fe-interview/issues/1795)
- [你知道TCP和UTP的区别是什么吗？说说你对它们的理解](https://github.com/haizlin/fe-interview/issues/1791)
- [说说你对前端架构的理解](https://github.com/haizlin/fe-interview/issues/1787)
- [你当初为什么选择了前端？](https://github.com/haizlin/fe-interview/issues/1783)
- [资源加载失败，你是如何排查它的原因并解决呢？](https://github.com/haizlin/fe-interview/issues/1779)
- [你自己制作过字体吗？你知道字体是怎么制作出来的吗？](https://github.com/haizlin/fe-interview/issues/1775)
- [备案指的是域名备案还是空间备案呢？](https://github.com/haizlin/fe-interview/issues/1770)
- [你对“属于自己的时间”这句话是怎么理解的？你有属于自己的时间吗？](https://github.com/haizlin/fe-interview/issues/1766)
- [如何让大脑保持高速运行？](https://github.com/haizlin/fe-interview/issues/1762)
- [请举例说明你对MIME的理解](https://github.com/haizlin/fe-interview/issues/1757)
- [你认为全栈工程师应该具体什么样的条件（技能、素质等）？](https://github.com/haizlin/fe-interview/issues/1753)
- [SEO是什么？TDK要怎么写才是最优的呢？](https://github.com/haizlin/fe-interview/issues/1749)
- [举例说明IE和chrome有哪些不一样的特性](https://github.com/haizlin/fe-interview/issues/1745)
- [说说你对TDD和BDD的理解](https://github.com/haizlin/fe-interview/issues/1741)
- [说说你对冒烟测试的理解](https://github.com/haizlin/fe-interview/issues/1737)
- [如何快速定位线上出现的问题？](https://github.com/haizlin/fe-interview/issues/1733)
- [如果有些地区的用户反应网站很卡很慢，可能是什么原因造成的呢？怎么样去解决？](https://github.com/haizlin/fe-interview/issues/1729)
- [你写的前端代码有做过单元测试吗？使用什么工具？怎么测试的？](https://github.com/haizlin/fe-interview/issues/1725)
- [你开发过程中，都有用过哪些虚拟机？](https://github.com/haizlin/fe-interview/issues/1721)
- [在实际中Git规范有哪些？](https://github.com/haizlin/fe-interview/issues/1717)
- [你对算法和数据结构有了解吗？说说看](https://github.com/haizlin/fe-interview/issues/1713)
- [为什么要在项目中使用CDN？](https://github.com/haizlin/fe-interview/issues/1709)
- [你有开发过chrome插件吗？说说你的开发过程](https://github.com/haizlin/fe-interview/issues/1705)
- [你是如何看待chrome将在2020年彻底放弃Flash？](https://github.com/haizlin/fe-interview/issues/1701)
- [你上家公司是做什么的？](https://github.com/haizlin/fe-interview/issues/1697)
- [如果你是上级领导，如何让团队中的成员成长起来呢？](https://github.com/haizlin/fe-interview/issues/1693)
- [你了解你的团队吗？说说你对他们的了解](https://github.com/haizlin/fe-interview/issues/1689)
- [你有新的想法或者学到了新的技术，你会应用到实际的项目中吗？](https://github.com/haizlin/fe-interview/issues/1684)
- [如果你是上级领导，有人不服你，你该怎么办？](https://github.com/haizlin/fe-interview/issues/1680)
- [举例说明你都会哪些与人沟通的技巧？](https://github.com/haizlin/fe-interview/issues/1676)
- [如果你是上级领导，你底下有个兄弟工作状态不是很好，你该怎么办？](https://github.com/haizlin/fe-interview/issues/1672)
- [你是如何管理你的下属的？](https://github.com/haizlin/fe-interview/issues/1668)
- [跟你聊了这么多，觉得挺投缘的，那你来说说你对我的初步认识吧](https://github.com/haizlin/fe-interview/issues/1664)
- [说下你对程序员中年危机的理解](https://github.com/haizlin/fe-interview/issues/1660)
- [有回老家发展的打算吗？](https://github.com/haizlin/fe-interview/issues/1656)
- [你怎么和你身边的急性子或慢性子同事沟通？](https://github.com/haizlin/fe-interview/issues/1652)
- [你有女朋友吗？你结婚了吗？有小孩吗？](https://github.com/haizlin/fe-interview/issues/1648)
- [说说你对开源项目的理解，它的意义何在？你有参与过开源项目吗？](https://github.com/haizlin/fe-interview/issues/1644)
- [你之前的公司有组织过分享会或者知识讲堂的活动吗？你有没有给同事分享过？](https://github.com/haizlin/fe-interview/issues/1640)
- [你有参加过技术讨论会或者座谈会相关的活动吗？](https://github.com/haizlin/fe-interview/issues/1631)
- [说下你对感染力的理解](https://github.com/haizlin/fe-interview/issues/1627)
- [你是如何与空降领导相处的？](https://github.com/haizlin/fe-interview/issues/1623)
- [上班时你会经常看手机吗？](https://github.com/haizlin/fe-interview/issues/1619)
- [在你专心写代码时，经常会有人在聊天工具上打扰你怎么办？](https://github.com/haizlin/fe-interview/issues/1615)
- [你觉得你每天最佳的工作时间是什么时候？](https://github.com/haizlin/fe-interview/issues/1610)
- [现在前后端分离，作为前端的你是怎么与其它部门合作的？](https://github.com/haizlin/fe-interview/issues/1606)
- [你是怎么理解团队合作的？](https://github.com/haizlin/fe-interview/issues/1602)
- [现在公司有好几个侯选人，用一句话突出你的竞争力吧](https://github.com/haizlin/fe-interview/issues/1597)
- [上级领导安排的任务过多无法完成，这时你该怎么办？](https://github.com/haizlin/fe-interview/issues/1593)
- [你最喜欢什么样的团队及团队氛围？](https://github.com/haizlin/fe-interview/issues/1589)
- [你心中认为最成功（最认可）的一个人是谁？说说你对他的评价](https://github.com/haizlin/fe-interview/issues/1585)
- [在工作中，你会有犹豫的时候吗？举个例子说明下](https://github.com/haizlin/fe-interview/issues/1581)
- [你最期望公司给你什么样的福利？](https://github.com/haizlin/fe-interview/issues/1577)
- [让你去攻破一个难题，你愿意接受挑战吗？](https://github.com/haizlin/fe-interview/issues/1573)
- [你现在手头上有其他公司的offer吗？](https://github.com/haizlin/fe-interview/issues/1568)
- [你上家公司的工资是多少呢？](https://github.com/haizlin/fe-interview/issues/1564)
- [如果一个团队里勾心斗角比较严重，你该怎么办？如果你是管理层你又该怎么办？](https://github.com/haizlin/fe-interview/issues/1560)
- [你觉得影响团队的战斗力有哪些方面的因素？](https://github.com/haizlin/fe-interview/issues/1556)
- [如果我们决定录用你，但薪资达不到你的要求，你愿意吗？最大幅度能接受降多少？](https://github.com/haizlin/fe-interview/issues/1552)
- [你喜欢什么样的领导？](https://github.com/haizlin/fe-interview/issues/1548)
- [你之前的工作有出过差吗？如果公司要求出差，你该怎么办？](https://github.com/haizlin/fe-interview/issues/1544)
- [你对工作环境有什么要求吗？](https://github.com/haizlin/fe-interview/issues/1540)
- [如果你来后接手的项目有很多问题，你该怎么办？](https://github.com/haizlin/fe-interview/issues/1536)
- [我们公司平时有组织羽毛球活动，你喜欢打羽毛球吗？打得如何？](https://github.com/haizlin/fe-interview/issues/1532)
- [你了解我们公司吗？说说你对我们公司的了解](https://github.com/haizlin/fe-interview/issues/1528)
- [你知道二进制、八进制、十进制、十六进制的区别吗？它们分别有什么应用场景？](https://github.com/haizlin/fe-interview/issues/1523)
- [你所在的公司里的项目有用过敏捷开发吗？请说说你对敏捷开发的理解](https://github.com/haizlin/fe-interview/issues/1519)
- [除了前端以外还了解什么其它技术么？你自己最最厉害的技能是什么？](https://github.com/haizlin/fe-interview/issues/1515)
- [说说你对自我认识边界的理解](https://github.com/haizlin/fe-interview/issues/1511)
- [在平时开发的时候，你有考虑过边界问题吗？说说你对边界的理解！](https://github.com/haizlin/fe-interview/issues/1507)
- [说说你对绩效的理解？](https://github.com/haizlin/fe-interview/issues/1503)
- [你平时有玩游戏吗？都玩什么游戏呢？玩得如何？](https://github.com/haizlin/fe-interview/issues/1499)
- [你平时熬夜吗？](https://github.com/haizlin/fe-interview/issues/1495)
- [前端如何预防SQL注入？](https://github.com/haizlin/fe-interview/issues/1491)
- [你知道什么是区块链吗？](https://github.com/haizlin/fe-interview/issues/1487)
- [前端如何防止XSS攻击？](https://github.com/haizlin/fe-interview/issues/1483)
- [你有想过创业的打算吗？](https://github.com/haizlin/fe-interview/issues/1479)
- [你知道什么是内网穿透吗？有没有玩过？](https://github.com/haizlin/fe-interview/issues/1475)
- [你要是在家时，公司网站出问题了你是怎么解决的？](https://github.com/haizlin/fe-interview/issues/1471)
- [假设有一个场景，需要前端自己计算十万级别或更多的数据，你有解决什么方案呢？](https://github.com/haizlin/fe-interview/issues/1467)
- [你有做过H5的游戏开发吗？说说它的开发步骤](https://github.com/haizlin/fe-interview/issues/1463)
- [你有做过Hybrid APP开发吗？说说你的经验](https://github.com/haizlin/fe-interview/issues/1459)
- [你是计算机专业的吗？你们上学都学了哪些内容？](https://github.com/haizlin/fe-interview/issues/1455)
- [你知道开发好的功能要自测吗？你一般是怎么自测的呢？](https://github.com/haizlin/fe-interview/issues/1451)
- [你有给自己制定过计划吗？怎么去落实的？](https://github.com/haizlin/fe-interview/issues/1447)
- [在工作中，你对开发环境有什么要求吗？](https://github.com/haizlin/fe-interview/issues/1443)
- [你有在linux下编程过吗？有使用过mac系统吗？说下它和win系统的区别？](https://github.com/haizlin/fe-interview/issues/1439)
- [你有用记事本来写过代码吗？说说你的感受！](https://github.com/haizlin/fe-interview/issues/1435)
- [强类型和弱类型语言的区别是什么？](https://github.com/haizlin/fe-interview/issues/1431)
- [你觉得该不该写注释？你写注释的原则是什么？](https://github.com/haizlin/fe-interview/issues/1420)
- [你有听说过“分词”吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/1416)
- [你知道什么是人工智能和机器学习吗？说说你对它们的理解认知](https://github.com/haizlin/fe-interview/issues/1411)
- [你知道什么是PDCA吗？要怎么运用好它呢？](https://github.com/haizlin/fe-interview/issues/1406)
- [你知道什么是域名备案吗？备案有什么用？可以不备案吗？](https://github.com/haizlin/fe-interview/issues/1386)
- [你上家公司的接口是怎么管理的？](https://github.com/haizlin/fe-interview/issues/1382)
- [说说你对AMD、CMD和CommonJS的理解](https://github.com/haizlin/fe-interview/issues/1378)
- [你知道什么是ECMAScript吗？](https://github.com/haizlin/fe-interview/issues/1374)
- [你有自己写过爬虫的程序吗？说说你对爬虫和反爬虫的理解？](https://github.com/haizlin/fe-interview/issues/1370)
- [举例缓存头都有哪些？并说明它们的用处](https://github.com/haizlin/fe-interview/issues/1366)
- [说下你对可视化开发的理解](https://github.com/haizlin/fe-interview/issues/1348)
- [当线上代码出现问题了，你该怎么排查呢？](https://github.com/haizlin/fe-interview/issues/1344)
- [当接到一个新的需求时，你的第一反应是什么？](https://github.com/haizlin/fe-interview/issues/1340)
- [在工作中，你觉得如何提高幸福指数呢？](https://github.com/haizlin/fe-interview/issues/1336)
- [你对“技术服务于生活”的理解是什么？](https://github.com/haizlin/fe-interview/issues/1332)
- [你想当技术总监吗？你觉得技术总监应具备什么样的技能？](https://github.com/haizlin/fe-interview/issues/1318)
- [从你的角度上来说下你对“产品经理”这个岗位的理解](https://github.com/haizlin/fe-interview/issues/1314)
- [请解释下单线程与多线程之间的区别？](https://github.com/haizlin/fe-interview/issues/1299)
- [浏览器本地存储和服务器端存储有区别呢？](https://github.com/haizlin/fe-interview/issues/1295)
- [说下你对预加载的理解？](https://github.com/haizlin/fe-interview/issues/1290)
- [你有做过直播相关开发吗？知道它的原理吗？](https://github.com/haizlin/fe-interview/issues/1286)
- [写js代码时你喜欢哪种命名方式？](https://github.com/haizlin/fe-interview/issues/1282)
- [这么多年来，你值得骄傲坚持的是什么？](https://github.com/haizlin/fe-interview/issues/1278)
- [如何对前端资源进行优化？](https://github.com/haizlin/fe-interview/issues/1274)
- [说说你对前端工程师日常的开发流程的理解](https://github.com/haizlin/fe-interview/issues/1270)
- [你平时是如何管理项目的？](https://github.com/haizlin/fe-interview/issues/1266)
- [移动端的性能优化有哪些方法？](https://github.com/haizlin/fe-interview/issues/1262)
- [你知道什么是BLOB URL吗？为什么要使用它？](https://github.com/haizlin/fe-interview/issues/1258)
- [你知道时间四象限吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/1254)
- [你知道什么是二、三级域名吗？举例说明下](https://github.com/haizlin/fe-interview/issues/1250)
- [你上家公司有写日报、周报或者月报吗？说说你对写日（周、月）这事的理解](https://github.com/haizlin/fe-interview/issues/1236)
- [你有做过PHP开发？说说你自己对“PHP是世界上最好的语言”这句话的理解](https://github.com/haizlin/fe-interview/issues/1232)
- [说说你们的项目上线流程是怎样的？](https://github.com/haizlin/fe-interview/issues/1228)
- [如何让你做一个文件无刷新上传的功能，你有哪些方法可以做到？](https://github.com/haizlin/fe-interview/issues/1224)
- [你有做过扫码枪的开发吗？知道它的原理吗？](https://github.com/haizlin/fe-interview/issues/1220)
- [请解释下你理解的并行和并发、同步和异步、阻塞和非阻塞之间有什么区别？](https://github.com/haizlin/fe-interview/issues/1216)
- [你有使用过FTP吗？你知道FTP它的作用是什么吗？](https://github.com/haizlin/fe-interview/issues/1212)
- [内存和缓存有什么区别？](https://github.com/haizlin/fe-interview/issues/1208)
- [客户投诉说网站有些功能用不了，你该怎么办？](https://github.com/haizlin/fe-interview/issues/1204)
- [说说你对堆和栈的理解，它们之间有什么区别？](https://github.com/haizlin/fe-interview/issues/1200)
- [说说你对矢量图和位图的理解，它们分别有什么运用场景？](https://github.com/haizlin/fe-interview/issues/1185)
- [你知道什么是AST吗？说说你对AST的理解，它的运用场景有哪些？](https://github.com/haizlin/fe-interview/issues/1181)
- [前端的性能统计有哪些指标？](https://github.com/haizlin/fe-interview/issues/1177)
- [移动端的用户体验有哪些优化的方法？](https://github.com/haizlin/fe-interview/issues/1172)
- [为什么提倡利用多个域名来存储网站的资源？](https://github.com/haizlin/fe-interview/issues/1168)
- [W3C是什么？请说说你对它的理解](https://github.com/haizlin/fe-interview/issues/1164)
- [你有自己的博客吗？维护的频率是多久呢？](https://github.com/haizlin/fe-interview/issues/1160)
- [在选择框架时应该考虑哪些因素？](https://github.com/haizlin/fe-interview/issues/1155)
- [你觉得你上家公司的前端开发流程有什么地方要优化的吗？怎么优化呢？](https://github.com/haizlin/fe-interview/issues/1151)
- [你会PHP、JAVA、Python或GO吗？都有做过哪些应用呢？](https://github.com/haizlin/fe-interview/issues/1147)
- [你知道Jenkins吗？有没有用过？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/1143)
- [你期望的薪资是多少呢？](https://github.com/haizlin/fe-interview/issues/1139)
- [你有玩过Docker吗？你知道它有哪些运用场景吗？](https://github.com/haizlin/fe-interview/issues/1135)
- [你知道什么是微格式(microformat)吗？说说你的理解，它有什么运用场景？](https://github.com/haizlin/fe-interview/issues/1131)
- [你了解什么是微前端吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/1127)
- [你在工作中有用到过websocket吗？用它来解决什么问题？](https://github.com/haizlin/fe-interview/issues/1123)
- [说说你是怎么安排你工作外的时间的？](https://github.com/haizlin/fe-interview/issues/1119)
- [你会nodejs吗？说说你运用它的场景](https://github.com/haizlin/fe-interview/issues/1115)
- [你知道产品经理一般画的原型是用什么工具吗？有没有自己玩过？](https://github.com/haizlin/fe-interview/issues/1111)
- [说说你对重构的理解](https://github.com/haizlin/fe-interview/issues/1107)
- [关于重复造轮子这件事你是怎么理解的？](https://github.com/haizlin/fe-interview/issues/1103)
- [知道为何有些网站访不需要端口号？说说你对端口的理解？](https://github.com/haizlin/fe-interview/issues/1099)
- [说说你对移动端和web前端开发的主要区别是什么？](https://github.com/haizlin/fe-interview/issues/1095)
- [你有了解opengl吗？它有哪些作用？](https://github.com/haizlin/fe-interview/issues/1091)
- [说说你对Web App 、Hybrid App和Native App这三者的理解？](https://github.com/haizlin/fe-interview/issues/1086)
- [你有开发过弹幕吗？知道它的原理吗？说说看](https://github.com/haizlin/fe-interview/issues/1081)
- [你了解雅虎前端优化的35条军规吗？你能说上几条？](https://github.com/haizlin/fe-interview/issues/1076)
- [如果一个项目要你重构成前后端分离，你的方法论是什么？](https://github.com/haizlin/fe-interview/issues/1072)
- [用哪种格式可以存储包含Alpha通道的图像？Alpha通道是指什么？](https://github.com/haizlin/fe-interview/issues/1068)
- [你有签过保密协议吗？说说你对保密协议的理解](https://github.com/haizlin/fe-interview/issues/1064)
- [你对jsfuck有了解吗？它的原理是什么？请举例说明](https://github.com/haizlin/fe-interview/issues/1060)
- [你有做过骨架屏吗？它的原理是什么知道吗？](https://github.com/haizlin/fe-interview/issues/1056)
- [你今年多大了？请说说看你认为你的程序员生涯能做到多少岁？](https://github.com/haizlin/fe-interview/issues/1052)
- [对于前后端分离，你是怎么理解的？](https://github.com/haizlin/fe-interview/issues/1048)
- [说下你是如何从PS切出图的，有什么技巧？](https://github.com/haizlin/fe-interview/issues/1044)
- [你知道什么是B/S和C/S架构吗？说说它们的区别](https://github.com/haizlin/fe-interview/issues/1040)
- [shim和polyfill有什么区别？它们分别有什么用？](https://github.com/haizlin/fe-interview/issues/1036)
- [在实际工作中，要是你的想法被反对时你该怎么办？](https://github.com/haizlin/fe-interview/issues/1032)
- [淘宝、京东、百度他们的网站首页秒开是如何做到的呢？](https://github.com/haizlin/fe-interview/issues/1028)
- [前端页面有哪三层构成？分别有什么作用？](https://github.com/haizlin/fe-interview/issues/1024)
- [你知道什么是图床吗？它有什么好处？](https://github.com/haizlin/fe-interview/issues/1020)
- [要你做一个国外的web页面，你需要考虑哪些问题？](https://github.com/haizlin/fe-interview/issues/1016)
- [你上家公司前端团队有多少人？是怎么分工的？](https://github.com/haizlin/fe-interview/issues/1012)
- [Web安全色所能够显示的颜色种类有多少种？](https://github.com/haizlin/fe-interview/issues/1008)
- [域名解析它有哪几种方式？](https://github.com/haizlin/fe-interview/issues/1004)
- [描述下什么是域名解析？简述它的基本过程](https://github.com/haizlin/fe-interview/issues/999)
- [请列举出多种减少页面加载时间的方法](https://github.com/haizlin/fe-interview/issues/995)
- [进程与线程有什么区别？JS的单线程带来哪些好处？](https://github.com/haizlin/fe-interview/issues/991)
- [你有自己买过服务器和域名用来搭建博客或者网站吗？](https://github.com/haizlin/fe-interview/issues/987)
- [你有画过流程图吗？用过什么软件？开始和判定分别用什么图形表示？](https://github.com/haizlin/fe-interview/issues/982)
- [你有用过单例模式吗？主要运用场景有哪些？](https://github.com/haizlin/fe-interview/issues/978)
- [不查资料，你会手写正则吗？](https://github.com/haizlin/fe-interview/issues/974)
- [你认为前端工程师应该分为哪些级别呢？说说你的看法](https://github.com/haizlin/fe-interview/issues/970)
- [说说你对Git的branch, diff, merge的理解？](https://github.com/haizlin/fe-interview/issues/965)
- [你知道什么是图片防盗链吗？防盗链怎么实现呢？说说你的方法](https://github.com/haizlin/fe-interview/issues/961)
- [说说你对emoji表情的理解，前端如何处理emoji表情？它的运用场景有哪些？](https://github.com/haizlin/fe-interview/issues/957)
- [简要描述下什么是DNS？它有什么用？](https://github.com/haizlin/fe-interview/issues/909)
- [浏览器在什么情况下会出现“已拦截弹窗式窗口”？怎么解决？](https://github.com/haizlin/fe-interview/issues/905)
- [你所在的团队有规范吗？举例说明都定义了哪些规范？](https://github.com/haizlin/fe-interview/issues/760)
- [当项目准备上线前，你有做过哪些性能优化吗？](https://github.com/haizlin/fe-interview/issues/750)
- [说说你对robots文件的理解，它有什么作用？](https://github.com/haizlin/fe-interview/issues/746)
- [说说你对hosts文件的理解，它都有哪些作用？](https://github.com/haizlin/fe-interview/issues/610)
- [你平常都看哪些方面的书？你看书的方法是怎样的？](https://github.com/haizlin/fe-interview/issues/603)
- [Git的reset和revert有什么区别？它们分别适用于什么场景？](https://github.com/haizlin/fe-interview/issues/599)
- [你平时开发是用mac还是windows系统？至少举三个例子说明两者的区别？](https://github.com/haizlin/fe-interview/issues/595)
- [刷新和强制刷新有什么区别？说说你对两者的理解](https://github.com/haizlin/fe-interview/issues/591)
- [你会抓https和移动端的包吗？分别描述下这两种包要怎么抓？](https://github.com/haizlin/fe-interview/issues/587)
- [说下你平时是怎么自学的？怎么安排时间的？](https://github.com/haizlin/fe-interview/issues/583)
- [你申请的这个职位，你觉得你还欠缺什么呢？](https://github.com/haizlin/fe-interview/issues/579)
- [你知道什么是websocket吗？它有什么应用场景？](https://github.com/haizlin/fe-interview/issues/575)
- [一个项目写很多的纯静态页面，有公共的部分（例如头和尾）你是怎么提取公用的？](https://github.com/haizlin/fe-interview/issues/571)
- [你有使用过JWT吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/565)
- [你会抓包吗？都有用过哪些抓包工具？](https://github.com/haizlin/fe-interview/issues/533)
- [你对web服务器软件有了解吗？都使用过哪些？各有哪些优缺点呢？](https://github.com/haizlin/fe-interview/issues/529)
- [说说你做过让你觉得最满意的项目是什么？为什么？](https://github.com/haizlin/fe-interview/issues/524)
- [说下你对互联网行业及前端技术发展趋势的看法](https://github.com/haizlin/fe-interview/issues/520)
- [说说你对RESTful的理解](https://github.com/haizlin/fe-interview/issues/516)
- [你知道二维码的原理是什么吗？要把android和ios的下载地址合成一个二维码怎么做呢？](https://github.com/haizlin/fe-interview/issues/512)
- [做了这么多年开发，说说你最大的感悟是什么？](https://github.com/haizlin/fe-interview/issues/505)
- [本地git与远程仓库连接的方式有哪些？](https://github.com/haizlin/fe-interview/issues/501)
- [为什么浏览器会有兼容的问题呢？](https://github.com/haizlin/fe-interview/issues/497)
- [js动画和css动画有什么区别？](https://github.com/haizlin/fe-interview/issues/493)
- [你觉得你自己最大的优点和缺点分别是什么？能否举例说明一下？](https://github.com/haizlin/fe-interview/issues/410)
- [如果面试官让你说说下你的家庭？你会从哪些方面说呢？](https://github.com/haizlin/fe-interview/issues/406)
- [最后如果技术面和HR面问你：你还有什么问题吗？你分别会问些什么？](https://github.com/haizlin/fe-interview/issues/297)
- [如果面试官让你先自我介绍下，然后说下你的工作经历，你该怎么说？](https://github.com/haizlin/fe-interview/issues/296)
- [说说什么是设计模式，你最常用的设计模式有哪些？](https://github.com/haizlin/fe-interview/issues/282)
- [说说你对同构和SSR的理解](https://github.com/haizlin/fe-interview/issues/278)
- [知道IPV6是什么吗？说说它和IPV4的区别是什么？](https://github.com/haizlin/fe-interview/issues/257)
- [如何预防掉头发？](https://github.com/haizlin/fe-interview/issues/253)
- [对于让你接手一个你觉得很烂的老项目，你该怎么办？](https://github.com/haizlin/fe-interview/issues/247)
- [对于5G的到来，你是怎么看的？说说你的想法](https://github.com/haizlin/fe-interview/issues/243)
- [说说你对浏览器的关键渲染路径的理解](https://github.com/haizlin/fe-interview/issues/239)
- [说说你对域名收敛和域名发散的理解？分别在什么场景下使用？](https://github.com/haizlin/fe-interview/issues/222)
- [网站被劫持植入广告该怎么办？如何防止？](https://github.com/haizlin/fe-interview/issues/218)
- [和你的上级领导意见不一致时你该怎么办？](https://github.com/haizlin/fe-interview/issues/214)
- [有用过本地存储吗？有什么限制？有没有考虑过超出了限制怎么办？](https://github.com/haizlin/fe-interview/issues/210)
- [说说你对CDN的理解，使用过程中有没有遇到过问题？](https://github.com/haizlin/fe-interview/issues/205)
- [你写文档一般用什么工具？Markdown有用过吗？](https://github.com/haizlin/fe-interview/issues/201)
- [说说你对http、https的理解](https://github.com/haizlin/fe-interview/issues/192)
- [你有遇到过字体侵权的事吗？如何解决？](https://github.com/haizlin/fe-interview/issues/188)
- [最近996一词很火，谈谈你对996的看法](https://github.com/haizlin/fe-interview/issues/184)
- [如果HR说要做背调，还要你给出近三个月的银行流水，你该怎么办？](https://github.com/haizlin/fe-interview/issues/180)
- [说说你对本项目的看法及建议](https://github.com/haizlin/fe-interview/issues/176)
- [从你的角度上来讲，你觉得如何管理前端团队？](https://github.com/haizlin/fe-interview/issues/172)
- [说说你对http、https、http2的理解](https://github.com/haizlin/fe-interview/issues/168)
- [最近在学什么？能谈谈你未来3，5年给自己的规划吗？](https://github.com/haizlin/fe-interview/issues/164)
- [你现在在团队是什么角色，有起到了什么显著的作用吗？](https://github.com/haizlin/fe-interview/issues/159)
- [你有自己的博客吗？平时自己有写一些技术文章吗？](https://github.com/haizlin/fe-interview/issues/155)
- [说说你对NodeJs的理解及用途](https://github.com/haizlin/fe-interview/issues/151)
- [公钥加密和私钥加密是什么？](https://github.com/haizlin/fe-interview/issues/147)
- [你知道网页三剑客指的是什么吗？你有用过Dreamwear吗？](https://github.com/haizlin/fe-interview/issues/143)
- [如果让你快速使用一门你不熟悉的新技术，你该怎么办？](https://github.com/haizlin/fe-interview/issues/139)
- [对于前端安全，你了解多少？说说你对XSS和CSRF的理解](https://github.com/haizlin/fe-interview/issues/135)
- [谈一谈你知道的前端性能优化方案有哪些？](https://github.com/haizlin/fe-interview/issues/131)
- [你了解什么是技术债务吗？](https://github.com/haizlin/fe-interview/issues/125)
- [你对全栈工程师的理解是什么？](https://github.com/haizlin/fe-interview/issues/121)
- [你在上一家公司工作流程是怎么样的，如何与其他人协作的？是怎样跨部门合作的？](https://github.com/haizlin/fe-interview/issues/117)
- [对于有压力时，你是怎么抗压的？](https://github.com/haizlin/fe-interview/issues/113)
- [解释下CRLF是什么？](https://github.com/haizlin/fe-interview/issues/109)
- [在工作中能让你最有成就感的是什么？并介绍下你最得意的作品吧](https://github.com/haizlin/fe-interview/issues/105)
- [在浏览器中输入url到页面显示出来的过程发生了什么？](https://github.com/haizlin/fe-interview/issues/101)
- [你为什么离职呢？](https://github.com/haizlin/fe-interview/issues/97)
- [你对Git的branch及工作流的理解是什么？](https://github.com/haizlin/fe-interview/issues/93)
- [说说你工作中遇到过比较难的技术问题是什么？是如何解决的？](https://github.com/haizlin/fe-interview/issues/89)
- [你经历过老板要求兼容IE吗？IE几？有什么感悟？](https://github.com/haizlin/fe-interview/issues/85)
- [说说一件或几件（介绍下除了工作外）你觉得能为你面试加分的事](https://github.com/haizlin/fe-interview/issues/81)
- [前端工程师这个职位你是怎么样理解的？聊聊它的前景？](https://github.com/haizlin/fe-interview/issues/77)
- [来说说你对重绘和重排的理解，以及如何优化？](https://github.com/haizlin/fe-interview/issues/73)
- [你会手写原生js代码吗？](https://github.com/haizlin/fe-interview/issues/69)
- [最近都流行些什么？你经常会浏览哪些网站？](https://github.com/haizlin/fe-interview/issues/65)
- [你如何看待团建的？你们团建一般都怎么实施？](https://github.com/haizlin/fe-interview/issues/61)
- [说说你对SVN和GIT的理解和区别](https://github.com/haizlin/fe-interview/issues/57)
- [你在的公司有没有做代码审查（CodeReview）？如果有是怎么做的？如果没有你觉得应该怎么做才更好？](https://github.com/haizlin/fe-interview/issues/53)
- [对于加班你是怎么看的？](https://github.com/haizlin/fe-interview/issues/49)
- [你最喜欢用哪些编辑器？喜欢它的理由是什么？](https://github.com/haizlin/fe-interview/issues/45)
- [http都有哪些状态码？](https://github.com/haizlin/fe-interview/issues/41)
- [网页应用从服务器主动推送到客户端有那些方式？](https://github.com/haizlin/fe-interview/issues/37)
## 交流讨论
欢迎大家前来讨论，如果觉得对你的学习有一定的帮助，欢迎点个[**Star**](https://github.com/haizlin/fe-interview), 同时欢迎加入 **“前端面试每日3+1”** 微信群（扫个人微信号邀请入群）相互交流。
================================================
FILE: category/css.md
================================================
# css面试题
> 不定时更新
## 历史题目
> 最新：2021.02.27
- [你有使用过mask属性吗？请说说它的用途](https://github.com/haizlin/fe-interview/issues/3618)
- [你有使用过css-doodle吗？说说它的作用是什么？](https://github.com/haizlin/fe-interview/issues/3614)
- [使用纯css使得两个背景叠加](https://github.com/haizlin/fe-interview/issues/3610)
- [使用纯css画一个角向渐变的背景](https://github.com/haizlin/fe-interview/issues/3606)
- [如何让IE6支持PNG透明？](https://github.com/haizlin/fe-interview/issues/3602)
- [使用纯css画一个径向渐变的背景](https://github.com/haizlin/fe-interview/issues/3598)
- [使用纯css画一个线性渐变的背景](https://github.com/haizlin/fe-interview/issues/3594)
- [使用css画个动态的泳池特效](https://github.com/haizlin/fe-interview/issues/3589)
- [设置元素为display:flex后，哪些属性会失效呢？为什么？](https://github.com/haizlin/fe-interview/issues/3581)
- [flex是哪些属性的简写呢？](https://github.com/haizlin/fe-interview/issues/3577)
- [说说display:flex和display:inline-flex有什么区别？](https://github.com/haizlin/fe-interview/issues/3573)
- [input标签改变高度的同时如何使光标定位在左上角（不使用textarea）](https://github.com/haizlin/fe-interview/issues/3569)
- [使用css画一个羽毛球场地图](https://github.com/haizlin/fe-interview/issues/3565)
- [css和wxss有什么区别？](https://github.com/haizlin/fe-interview/issues/3561)
- [如何让span在div中垂直居中？](https://github.com/haizlin/fe-interview/issues/3557)
- [使用绝对定位position:absolute;后，就不能使用margin: 0 auto;实现居中，为什么呢？如何解决？](https://github.com/haizlin/fe-interview/issues/3553)
- [::before和::after它们的使用场是什么？](https://github.com/haizlin/fe-interview/issues/3549)
- [如何给字体设置阴影效果？](https://github.com/haizlin/fe-interview/issues/3545)
- [如何将数字设为等宽？](https://github.com/haizlin/fe-interview/issues/3541)
- [如何将文字设为等宽？](https://github.com/haizlin/fe-interview/issues/3537)
- [使用css实现导航栏左右滑动](https://github.com/haizlin/fe-interview/issues/3533)
- [请使用纯css画出一条虚线，并设置虚线的间隙（不能使用图片）](https://github.com/haizlin/fe-interview/issues/3529)
- [使用css制作一个圣诞树](https://github.com/haizlin/fe-interview/issues/3525)
- [使用纯的css如何定义变量？请举例说明](https://github.com/haizlin/fe-interview/issues/3521)
- [用css画一个篮球场地图](https://github.com/haizlin/fe-interview/issues/3517)
- [用css画一个羽毛球场地图](https://github.com/haizlin/fe-interview/issues/3513)
- [用css画一个足球场地图](https://github.com/haizlin/fe-interview/issues/3509)
- [如何隐藏鼠标在某个区域内的光标？](https://github.com/haizlin/fe-interview/issues/3505)
- [用css隐藏input的光标](https://github.com/haizlin/fe-interview/issues/3501)
- [用纯CSS实现判断鼠标进入的方向](https://github.com/haizlin/fe-interview/issues/3497)
- [写的css样式是否能被js所读到？如果可以如何读取？](https://github.com/haizlin/fe-interview/issues/3493)
- [你有使用过css的clamp函数吗？说说它有什么用途？](https://github.com/haizlin/fe-interview/issues/3489)
- [你有写过Less的插件吗？](https://github.com/haizlin/fe-interview/issues/3485)
- [在LESS中如何定义变量上下文中的范围？](https://github.com/haizlin/fe-interview/issues/3481)
- [在Less中命令行里编译的命令是什么？](https://github.com/haizlin/fe-interview/issues/3477)
- [在Less中“Source Map Less Inline”选项代表什么？](https://github.com/haizlin/fe-interview/issues/3473)
- [在Less中数据URI的作用是什么？](https://github.com/haizlin/fe-interview/issues/3468)
- [如何在Less中创建循环结构？](https://github.com/haizlin/fe-interview/issues/3464)
- [在Less中有哪些不同类型的函数？](https://github.com/haizlin/fe-interview/issues/3460)
- [在Less中有哪些注释方式？](https://github.com/haizlin/fe-interview/issues/3456)
- [在Less中支持运算符吗？](https://github.com/haizlin/fe-interview/issues/3452)
- [在Less中什么是＆combinator？](https://github.com/haizlin/fe-interview/issues/3448)
- [在Less中使用extend有什么用？](https://github.com/haizlin/fe-interview/issues/3444)
- [在Less中是如何导入的？](https://github.com/haizlin/fe-interview/issues/3440)
- [在Less中e()函数的目的是什么？](https://github.com/haizlin/fe-interview/issues/3436)
- [在Less中使用命名空间和访问器有什么作用？](https://github.com/haizlin/fe-interview/issues/3432)
- [把Less编译为CSS的最佳方法是什么？](https://github.com/haizlin/fe-interview/issues/3428)
- [在Less中的颜色通道功能是什么？](https://github.com/haizlin/fe-interview/issues/3424)
- [Less可以不通过编译直接在浏览器中使用吗？如何使用？](https://github.com/haizlin/fe-interview/issues/3420)
- [在Less中有哪些常用的函数？](https://github.com/haizlin/fe-interview/issues/3415)
- [在Less中转义有什么作用？](https://github.com/haizlin/fe-interview/issues/3410)
- [在Less中的Mixins有什么作用？](https://github.com/haizlin/fe-interview/issues/3405)
- [在Less中的嵌套作用是什么？](https://github.com/haizlin/fe-interview/issues/3401)
- [Less变量的种类有哪些？](https://github.com/haizlin/fe-interview/issues/3394)
- [在Less中怎样使用变量？如何定义？](https://github.com/haizlin/fe-interview/issues/3390)
- [使用Less有哪些方式？](https://github.com/haizlin/fe-interview/issues/3386)
- [Less的原理是什么？](https://github.com/haizlin/fe-interview/issues/3382)
- [Less文件的扩展名是什么？](https://github.com/haizlin/fe-interview/issues/3378)
- [Less现在最新的版本是使用的是什么语言编写的？](https://github.com/haizlin/fe-interview/issues/3374)
- [你知道Less刚出来时是用哪种语言编写的吗？](https://github.com/haizlin/fe-interview/issues/3370)
- [Sass和Less有什么相同点？](https://github.com/haizlin/fe-interview/issues/3366)
- [Sass脚本支持哪些数据类型？](https://github.com/haizlin/fe-interview/issues/3362)
- [在Sass中Mixin有什么应用场景？](https://github.com/haizlin/fe-interview/issues/3358)
- [怎样使用Sass的Mixin功能？](https://github.com/haizlin/fe-interview/issues/3354)
- [Sass中什么是括号运算？](https://github.com/haizlin/fe-interview/issues/3350)
- [在Sass中如何执行布尔运算？](https://github.com/haizlin/fe-interview/issues/3346)
- [Sass的色彩操作是什么？](https://github.com/haizlin/fe-interview/issues/3342)
- [Sass的数字操作是什么？](https://github.com/haizlin/fe-interview/issues/3337)
- [Sass中的@import函数有什么作用？](https://github.com/haizlin/fe-interview/issues/3333)
- [Sass中如何编写占位符选择器？](https://github.com/haizlin/fe-interview/issues/3329)
- [如何定义一个Sass变量？](https://github.com/haizlin/fe-interview/issues/3325)
- [用于检测Sass中的错误是哪个指令？](https://github.com/haizlin/fe-interview/issues/3321)
- [Sass中的@extend指令有什么作用？](https://github.com/haizlin/fe-interview/issues/3317)
- [Sass中的@media指令有什么作用？](https://github.com/haizlin/fe-interview/issues/3313)
- [Sass中的at-root指令有什么作用？](https://github.com/haizlin/fe-interview/issues/3309)
- [请解释下Sass中的嵌套规则是什么？](https://github.com/haizlin/fe-interview/issues/3305)
- [Sass的注释和css注释之间有什么区别？](https://github.com/haizlin/fe-interview/issues/3301)
- [Scss和Sass有什么区别？](https://github.com/haizlin/fe-interview/issues/3297)
- [你喜欢Sass还是Less？为什么？](https://github.com/haizlin/fe-interview/issues/3292)
- [你最喜欢Sass的原因是什么？](https://github.com/haizlin/fe-interview/issues/3288)
- [css3的属性transfrom的值preserve-3d和perspective有什么区别？](https://github.com/haizlin/fe-interview/issues/3284)
- [你是如何检查css语法是否正确的？有哪些方法？](https://github.com/haizlin/fe-interview/issues/3280)
- [css变量有哪些浏览器支持？](https://github.com/haizlin/fe-interview/issues/3276)
- [怎样在SVG中使用css变量？](https://github.com/haizlin/fe-interview/issues/3272)
- [怎样在@keyframes中使用CSS变量](https://github.com/haizlin/fe-interview/issues/3268)
- [css变量区分大小写吗？](https://github.com/haizlin/fe-interview/issues/3264)
- [css变量受哪些影响？](https://github.com/haizlin/fe-interview/issues/3260)
- [css变量和预处理器中的变量有什么不同？](https://github.com/haizlin/fe-interview/issues/3256)
- [css变量属性有什么用途？有什么优缺点？](https://github.com/haizlin/fe-interview/issues/3252)
- [说说你对css变量（自定义属性）的理解？](https://github.com/haizlin/fe-interview/issues/3248)
- [css的属性list-style-position的值outside和inside有什么区别？](https://github.com/haizlin/fe-interview/issues/3244)
- [如何去掉em的默认样式？](https://github.com/haizlin/fe-interview/issues/3240)
- [说说你对screen.width伪响应式的理解](https://github.com/haizlin/fe-interview/issues/3236)
- [移动端开发时你了解淘宝的lib-flexible方案吗？它的原理是什么？](https://github.com/haizlin/fe-interview/issues/3232)
- [pc端和移动端使用两套布局和使用一套自适应布局分别有哪些优缺点？](https://github.com/haizlin/fe-interview/issues/3228)
- [要开发一个pc端和移动端的自适应布局网站，说说你的方案是什么？](https://github.com/haizlin/fe-interview/issues/3224)
- [解释下使用2倍图片，有什么优缺点？](https://github.com/haizlin/fe-interview/issues/3220)
- [解释下为什么在移动端切图时会有使用到2倍图片呢？](https://github.com/haizlin/fe-interview/issues/3216)
- [请使用css column写一个多列布局](https://github.com/haizlin/fe-interview/issues/3211)
- [说说你对css3属性column的理解](https://github.com/haizlin/fe-interview/issues/3207)
- [如何判断dpr的倍数？](https://github.com/haizlin/fe-interview/issues/3203)
- [css中如何获取dpr值？](https://github.com/haizlin/fe-interview/issues/3199)
- [元素包含块有什么作用？](https://github.com/haizlin/fe-interview/issues/3195)
- [如何确定元素的包含块？](https://github.com/haizlin/fe-interview/issues/3190)
- [说说你对css包含块的理解](https://github.com/haizlin/fe-interview/issues/3186)
- [你知道css压缩的方法和原理是什么吗？请描述一下](https://github.com/haizlin/fe-interview/issues/3182)
- [你觉得在css中如果值是0时写单位好还是不写好呢？为什么？](https://github.com/haizlin/fe-interview/issues/3178)
- [解释下为什么css中值为0时可以不写单位吗？](https://github.com/haizlin/fe-interview/issues/3174)
- [css unicode字符集使用时要注意哪些问题？](https://github.com/haizlin/fe-interview/issues/3170)
- [css unicode字符集有哪些分类？](https://github.com/haizlin/fe-interview/issues/3166)
- [如何去掉button的点击样式？](https://github.com/haizlin/fe-interview/issues/3162)
- [如何让子元素不继承父元素的:hover效果？](https://github.com/haizlin/fe-interview/issues/3158)
- [如何清除input元素聚焦时的边框](https://github.com/haizlin/fe-interview/issues/3154)
- [如果设置一个元素的字体为：font-size:18，没有写单位px，那么会默认有px的单位吗？](https://github.com/haizlin/fe-interview/issues/3150)
- [为什么有时候给元素设置宽度不起作用呢？](https://github.com/haizlin/fe-interview/issues/3146)
- [举例说明哪些css属性可以简写？](https://github.com/haizlin/fe-interview/issues/3142)
- [如果元素宽度不够时，如何使得长串单词不会被截断？](https://github.com/haizlin/fe-interview/issues/3138)
- [举例说明如何控制中文不换行？](https://github.com/haizlin/fe-interview/issues/3134)
- [控制换行的属性有哪些？](https://github.com/haizlin/fe-interview/issues/3130)
- [你感觉css哪块的知识点最难掌握？为什么？](https://github.com/haizlin/fe-interview/issues/3126)
- [如何垂直居中一个浮动的元素？](https://github.com/haizlin/fe-interview/issues/3121)
- [通过CSS的定位有几种，分别相对于什么定位？](https://github.com/haizlin/fe-interview/issues/3117)
- [如何创建块级格式化上下文(block formatting context),BFC有什么用](https://github.com/haizlin/fe-interview/issues/3113)
- [你有使用过touch-action属性吗？说说它的用途](https://github.com/haizlin/fe-interview/issues/3109)
- [你自认为自己的css水平如何？还有哪些是用css实现不了的？](https://github.com/haizlin/fe-interview/issues/3104)
- [请使用css实现一个小波纹的效果](https://github.com/haizlin/fe-interview/issues/3100)
- [你是如何对 CSS 和 JavaScript 代码组织的？有哪些原则？](https://github.com/haizlin/fe-interview/issues/3096)
- [font-weight的默认值是多少？](https://github.com/haizlin/fe-interview/issues/3092)
- [使用css实现模糊的效果](https://github.com/haizlin/fe-interview/issues/3088)
- [使用css实现描边效果](https://github.com/haizlin/fe-interview/issues/3084)
- [使用css实现浮雕效果](https://github.com/haizlin/fe-interview/issues/3080)
- [css中定义class时，中间有空格和没空格的区别是什么？](https://github.com/haizlin/fe-interview/issues/3076)
- [写一个特效：鼠标经过文字时，文字旋转360度](https://github.com/haizlin/fe-interview/issues/3072)
- [以前我们都提倡把css通过外部引入，但现在使用webpack时往往会和html打包在一起？这是为什么呢？](https://github.com/haizlin/fe-interview/issues/3068)
- [在什么情况下，用translate()而不用绝对定位？反之呢？请说明理由](https://github.com/haizlin/fe-interview/issues/3063)
- [css预处理器的优点和缺点是什么？](https://github.com/haizlin/fe-interview/issues/3058)
- [请问下，居中为什么尽量用transform，而不用margin+left(top)？](https://github.com/haizlin/fe-interview/issues/3054)
- [请解释下float的工作原理](https://github.com/haizlin/fe-interview/issues/3050)
- [请描述一下网页的层叠等级(z-index)？](https://github.com/haizlin/fe-interview/issues/3046)
- [请解释下outline-offset属性有什么作用？](https://github.com/haizlin/fe-interview/issues/3042)
- [如何清除li列表的符号，改成图片背景](https://github.com/haizlin/fe-interview/issues/3036)
- [说说你对Bootstrap网格系统的工作原理的理解](https://github.com/haizlin/fe-interview/issues/3032)
- [合并CSS的方法有哪些？](https://github.com/haizlin/fe-interview/issues/3028)
- [可以改变页面布局的属性有哪些？](https://github.com/haizlin/fe-interview/issues/3024)
- [行内元素float:left后是否变为块级元素？](https://github.com/haizlin/fe-interview/issues/3020)
- [使用css3制作一个鼠标经过文本时，显示出边框的动画特效](https://github.com/haizlin/fe-interview/issues/3016)
- [使用css制作出一个星星](https://github.com/haizlin/fe-interview/issues/3012)
- [解释下1px、1rem、1em、1vh代表的含义分别是什么？](https://github.com/haizlin/fe-interview/issues/3007)
- [你有使用过@support吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/3003)
- [你在使用calc过程中遇到过哪些坑？如何解决？](https://github.com/haizlin/fe-interview/issues/2999)
- [简述下Flex的容器和项目的概念](https://github.com/haizlin/fe-interview/issues/2994)
- [如何实现gif动图的暂停和播放？](https://github.com/haizlin/fe-interview/issues/2989)
- [请说说width: auto和width: 100%有什么区别？](https://github.com/haizlin/fe-interview/issues/2985)
- [伪类选择器和伪元素选择器有什么区别？](https://github.com/haizlin/fe-interview/issues/2981)
- [解释下为什么说通配符选择器要慎用？](https://github.com/haizlin/fe-interview/issues/2976)
- [给兄弟元素的标签设置红色](https://github.com/haizlin/fe-interview/issues/2972)
- [举例说明BFC有什么应用场景](https://github.com/haizlin/fe-interview/issues/2957)
- [使用纯css布局中一个“王”字](https://github.com/haizlin/fe-interview/issues/2953)
- [解释下BFC、IFC、GFC、FFC的区别是什么？](https://github.com/haizlin/fe-interview/issues/2946)
- [怎样解决float元素无法撑起父级容器的高度？](https://github.com/haizlin/fe-interview/issues/2942)
- [使用了float的标签，如何避免左侧贴边重叠？](https://github.com/haizlin/fe-interview/issues/2931)
- [使用flex实现一行有多个不等的标签元素宽度平均分配](https://github.com/haizlin/fe-interview/issues/2927)
- [怎么让position:fixed相对于父元素定位？](https://github.com/haizlin/fe-interview/issues/2923)
- [为什么代码中两个`display`属性为`inline-block`的元素之间有多余字符（包括换行、制表符等）会造成页面中这两个元素之间有空隙？解决方案是什么？替代方案又都有哪些？](https://github.com/haizlin/fe-interview/issues/2919)
- [justify-content的space-between与around有什么区别？](https://github.com/haizlin/fe-interview/issues/2912)
- [css如何去掉i标签默认的斜体？](https://github.com/haizlin/fe-interview/issues/2908)
- [fixed定位脱离文档流与float有什么区别？](https://github.com/haizlin/fe-interview/issues/2903)
- [哪些方式使得position:fixed定位的基准元素改变？](https://github.com/haizlin/fe-interview/issues/2899)
- [Fixed定位如果脱离Viewport会产生什么样的bug？如何解决？](https://github.com/haizlin/fe-interview/issues/2895)
- [如何创建stacking context？](https://github.com/haizlin/fe-interview/issues/2891)
- [分离图层做动画有什么优点？](https://github.com/haizlin/fe-interview/issues/2887)
- [使用css3动画代替js的动画有什么好处？](https://github.com/haizlin/fe-interview/issues/2883)
- [如何取消同级li的最后一个li标签的右边距？](https://github.com/haizlin/fe-interview/issues/2878)
- [请说说css常用的单位和不常用的单位分别有哪些？](https://github.com/haizlin/fe-interview/issues/2873)
- [flex:1与flex:auto有什么区别？](https://github.com/haizlin/fe-interview/issues/2869)
- [简写的flex:1的完整写法是什么？](https://github.com/haizlin/fe-interview/issues/2865)
- [使用css实现一个弹幕的效果](https://github.com/haizlin/fe-interview/issues/2861)
- [grid布局和flex布局有什么区别？](https://github.com/haizlin/fe-interview/issues/2857)
- [你有使用过grid布局吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/2853)
- [使用css制作鼠标经过图片时，放大图片1.5倍](https://github.com/haizlin/fe-interview/issues/2849)
- [使用css制作吊扇转动的效果](https://github.com/haizlin/fe-interview/issues/2845)
- [使用css3实现小车行驶的动画效果](https://github.com/haizlin/fe-interview/issues/2841)
- [使用css实现闪光的霓虹灯文字效果](https://github.com/haizlin/fe-interview/issues/2837)
- [说说CSS对元素属性赋值的详细过程？](https://github.com/haizlin/fe-interview/issues/2832)
- [使用css3制作雪花效果](https://github.com/haizlin/fe-interview/issues/2828)
- [你最不喜欢css的哪些特性是什么？为什么？](https://github.com/haizlin/fe-interview/issues/2824)
- [在工作中有没有遇到过哪些前端样式你是用css做不出来的？做不出来怎么办？](https://github.com/haizlin/fe-interview/issues/2820)
- [当你忘记某个css时，你是如何解决的？](https://github.com/haizlin/fe-interview/issues/2816)
- [你现在还会经常学习css的新知识吗？](https://github.com/haizlin/fe-interview/issues/2812)
- [你觉得css高级的特性有哪些？](https://github.com/haizlin/fe-interview/issues/2808)
- [你是怎么学习css的？说说你的学习方法](https://github.com/haizlin/fe-interview/issues/2804)
- [你最喜欢的是哪个css特性？为什么？](https://github.com/haizlin/fe-interview/issues/2799)
- [你现在还经常写css代码吗？](https://github.com/haizlin/fe-interview/issues/2795)
- [使用css3制作下雨动画的效果](https://github.com/haizlin/fe-interview/issues/2791)
- [在不可替换元素上使用width/height/margin/padding会有什么样的表现？](https://github.com/haizlin/fe-interview/issues/2787)
- [我们使用第三方的css安全吗？为什么？](https://github.com/haizlin/fe-interview/issues/2782)
- [使用display: table-cell有什么应用场景呢？](https://github.com/haizlin/fe-interview/issues/2778)
- [如何优化打印样式？](https://github.com/haizlin/fe-interview/issues/2774)
- [css加载会阻塞js运行吗？](https://github.com/haizlin/fe-interview/issues/2770)
- [css加载会阻塞DOM树渲染吗？](https://github.com/haizlin/fe-interview/issues/2766)
- [css加载会阻塞DOM树解析吗？](https://github.com/haizlin/fe-interview/issues/2762)
- [什么情况下会出现css阻塞？](https://github.com/haizlin/fe-interview/issues/2757)
- [position的relative和absolute分别是相对谁进行定位的？](https://github.com/haizlin/fe-interview/issues/2752)
- [请说说position:absolute和float有什么不同？](https://github.com/haizlin/fe-interview/issues/2748)
- [当css中background或background-image的值为url()或url(#)时，会发生什么情况？为什么？如何解决？](https://github.com/haizlin/fe-interview/issues/2744)
- [请举例说明width:fit-conten有什么使用场景](https://github.com/haizlin/fe-interview/issues/2740)
- [margin属性的负值 在inline-block元素下是如何表现的？](https://github.com/haizlin/fe-interview/issues/2735)
- [使用flex实现一个自适应的九官格](https://github.com/haizlin/fe-interview/issues/2730)
- [rem的弊端是什么？](https://github.com/haizlin/fe-interview/issues/2726)
- [举例说明pointer-events有什么实际用途？](https://github.com/haizlin/fe-interview/issues/2722)
- [css穿透属性有哪些？](https://github.com/haizlin/fe-interview/issues/2718)
- [css中的fill有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2714)
- [解释下z-index最大值和最小值可以设置为多少呢？](https://github.com/haizlin/fe-interview/issues/2709)
- [z-index可以是负数吗？](https://github.com/haizlin/fe-interview/issues/2705)
- [不加class和id使得倒数三个li背景色为红色](https://github.com/haizlin/fe-interview/issues/2701)
- [在css中哪个属性会影响DOM读取文档流的顺序？](https://github.com/haizlin/fe-interview/issues/2697)
- [css在页面上画一个正方形，边长为页面宽度的一半](https://github.com/haizlin/fe-interview/issues/2693)
- [举例说明photoshop中的设置与css哪些属性是对应的呢？](https://github.com/haizlin/fe-interview/issues/2688)
- [如何实现css隔离？](https://github.com/haizlin/fe-interview/issues/2684)
- [使用text-align: justify怎么让单行也起作用？](https://github.com/haizlin/fe-interview/issues/2680)
- [用css实现两端对齐text-align: justify有什么不足之处？](https://github.com/haizlin/fe-interview/issues/2676)
- [如何设置字体之间的间隙？](https://github.com/haizlin/fe-interview/issues/2672)
- [说说你对在web端图片清晰和模糊的理解](https://github.com/haizlin/fe-interview/issues/2668)
- [如何使两张图片叠加？](https://github.com/haizlin/fe-interview/issues/2664)
- [1in等于多少mm？1mm等于多少px？](https://github.com/haizlin/fe-interview/issues/2660)
- [@media print可以用来控制web打印样式吗？](https://github.com/haizlin/fe-interview/issues/2656)
- [page-break-before和page-break-after属性有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2651)
- [有使用过css的images-set吗？它能解决什么问题？](https://github.com/haizlin/fe-interview/issues/2645)
- [css variable的使用方法和好处有哪些？](https://github.com/haizlin/fe-interview/issues/2641)
- [请说说css的三大特性是什么？](https://github.com/haizlin/fe-interview/issues/2637)
- [css子元素会继承父元素的font-size吗？请解释下面父子元素各字体的大小[代码]](https://github.com/haizlin/fe-interview/issues/2633)
- [你有用到以pt为单位过吗？pt单位有什么应用场景呢？](https://github.com/haizlin/fe-interview/issues/2629)
- [如何设置字体的左右间距？](https://github.com/haizlin/fe-interview/issues/2621)
- [使用css如何拉伸字体？](https://github.com/haizlin/fe-interview/issues/2617)
- [写出固定子容器在固定的父容器下水平垂直居中的布局](https://github.com/haizlin/fe-interview/issues/2613)
- [在固定宽度的div下，怎么让字体自适应大小，不超出宽度，也不要换行](https://github.com/haizlin/fe-interview/issues/2609)
- [怎样把单位cm转换成px呢（在打印时有时会用到）？](https://github.com/haizlin/fe-interview/issues/2605)
- [flex与其他有什么不同，用它有什么好处？](https://github.com/haizlin/fe-interview/issues/2601)
- [pseudo-class与pseudo-element有什么区别？](https://github.com/haizlin/fe-interview/issues/2597)
- [行内元素可以设置padding和margin吗？](https://github.com/haizlin/fe-interview/issues/2591)
- [如果要你自己设计一个css框架，说说你的思路](https://github.com/haizlin/fe-interview/issues/2587)
- [使用css3画个旋转的立方体](https://github.com/haizlin/fe-interview/issues/2583)
- [translate3D有什么作用？](https://github.com/haizlin/fe-interview/issues/2579)
- [BFC与IFC有什么区别？](https://github.com/haizlin/fe-interview/issues/2575)
- [举例说明BFC会与float元素相互覆盖吗？为什么？](https://github.com/haizlin/fe-interview/issues/2571)
- [如何形成BFC？](https://github.com/haizlin/fe-interview/issues/2567)
- [为什么float会导致父元素塌陷？](https://github.com/haizlin/fe-interview/issues/2563)
- [什么是逐帧动画？](https://github.com/haizlin/fe-interview/issues/2559)
- [什么是关键帧动画？](https://github.com/haizlin/fe-interview/issues/2555)
- [实现一个下拉不到底的橡皮筋效果](https://github.com/haizlin/fe-interview/issues/2550)
- [如何取消页面中选中的文字？](https://github.com/haizlin/fe-interview/issues/2546)
- [为什么伪类的content不能被选中？](https://github.com/haizlin/fe-interview/issues/2542)
- [举例说说你对white-space属性的理解](https://github.com/haizlin/fe-interview/issues/2538)
- [::first-letter有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2534)
- [使用css画一个饼图的效果](https://github.com/haizlin/fe-interview/issues/2529)
- [使用css如何设置背景虚化？](https://github.com/haizlin/fe-interview/issues/2525)
- [举例说明background-repeat的新属性值：round和space的作用是什么？](https://github.com/haizlin/fe-interview/issues/2521)
- [举例说明with属性的fill-available有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2517)
- [width属性的min-content和max-content有什么作用？](https://github.com/haizlin/fe-interview/issues/2513)
- [你用过outline属性吗？它有什么运用场景？](https://github.com/haizlin/fe-interview/issues/2509)
- [为什么说css的选择器一般不要超过三级？](https://github.com/haizlin/fe-interview/issues/2505)
- [使用纯CSS实现3D按钮效果](https://github.com/haizlin/fe-interview/issues/2500)
- [使用css实现太阳自转同时地球围着太阳公转的效果](https://github.com/haizlin/fe-interview/issues/2496)
- [你有用过animation-fill-mode属性吗？它有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2492)
- [当display:flex遇到white-space nowrap会对布局有什么样的影响？如何解决？](https://github.com/haizlin/fe-interview/issues/2487)
- [用css实现一个等腰三角形的小图标](https://github.com/haizlin/fe-interview/issues/2483)
- [使用css实现蒙版的效果](https://github.com/haizlin/fe-interview/issues/2479)
- [使用css实现手风琴的效果](https://github.com/haizlin/fe-interview/issues/2469)
- [父元素下有子元素，子元素也有高度但父元素的高度为何为0呢？分析下可能出现的原因及解决方法](https://github.com/haizlin/fe-interview/issues/2465)
- [假如css的分号写在声明块之外，将会发生什么呢？解释下原因[代码]](https://github.com/haizlin/fe-interview/issues/2461)
- [如何阻止:hover、:active等鼠标行为状态的触发？](https://github.com/haizlin/fe-interview/issues/2457)
- [在响应式布局中，如何使用纯css使得块元素等比缩放？](https://github.com/haizlin/fe-interview/issues/2453)
- [用css画一个平行四边形](https://github.com/haizlin/fe-interview/issues/2449)
- [H5如何禁止显示系统菜单？](https://github.com/haizlin/fe-interview/issues/2445)
- [如何让表格单元格等宽显示？](https://github.com/haizlin/fe-interview/issues/2441)
- [固定的外框尺寸，里面的图片尺寸不固定，如何让图像自适应外框呢？](https://github.com/haizlin/fe-interview/issues/2436)
- [不用换行的标签，怎么伪元素实现换行的效果？](https://github.com/haizlin/fe-interview/issues/2431)
- [给一个图片设置透明有哪些方式呢？](https://github.com/haizlin/fe-interview/issues/2424)
- [box-sizing的宽度包含了哪些？](https://github.com/haizlin/fe-interview/issues/2419)
- [判断如下边框的颜色，并解释为什么[代码]？](https://github.com/haizlin/fe-interview/issues/2415)
- [如何使用伪元素实现增大点击热区来增加用户体验？](https://github.com/haizlin/fe-interview/issues/2411)
- [怎么给手持设备添加特殊样式？](https://github.com/haizlin/fe-interview/issues/2407)
- [如何使用css显示a链接的url？](https://github.com/haizlin/fe-interview/issues/2403)
- [css中的url()要不要加引号？说说你的理解](https://github.com/haizlin/fe-interview/issues/2399)
- [使用css写一个垂直翻转图片的效果](https://github.com/haizlin/fe-interview/issues/2395)
- [请写出font属性的快捷写法](https://github.com/haizlin/fe-interview/issues/2391)
- [举例说明与打印有关的属性有哪些？](https://github.com/haizlin/fe-interview/issues/2387)
- [如何让背景图片固定不随滚动条滚动？](https://github.com/haizlin/fe-interview/issues/2383)
- [你用过css的tab-size属性吗？浏览器默认显示tab为几个空格？](https://github.com/haizlin/fe-interview/issues/2379)
- [clear属性只对块级元素有效么？为何无法应用于行内元素？](https://github.com/haizlin/fe-interview/issues/2373)
- [css的负边距有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/2369)
- [你了解CSS Houdini吗？说说它的运用场景有哪些？](https://github.com/haizlin/fe-interview/issues/2364)
- [使用css画个镰刀形的月亮](https://github.com/haizlin/fe-interview/issues/2360)
- [使用css写一个红绿灯交替的动画效果](https://github.com/haizlin/fe-interview/issues/2352)
- [除了可以用js跟踪用户信息外，如果不用js，使用纯css怎么做呢？](https://github.com/haizlin/fe-interview/issues/2348)
- [当拿到一个新的项目，让你对这个项目的css做下架构设计，你该如何下手？](https://github.com/haizlin/fe-interview/issues/2344)
- [表列举一些你认为最“昂贵”的css属性并解释为什么](https://github.com/haizlin/fe-interview/issues/2340)
- [为什么说css的选择器是从右向左匹配？](https://github.com/haizlin/fe-interview/issues/2336)
- [使用css实现霓虹灯效果](https://github.com/haizlin/fe-interview/issues/2332)
- [:placeholder-shown和:focus-within这两个伪类你有使用过吗？说说看](https://github.com/haizlin/fe-interview/issues/2328)
- [使用css实现气泡框的效果](https://github.com/haizlin/fe-interview/issues/2324)
- [说说sroll-snap-type属性的运用场景有哪些？相关联的属性还有哪些？](https://github.com/haizlin/fe-interview/issues/2320)
- [使用css实现一个loading的效果](https://github.com/haizlin/fe-interview/issues/2316)
- [你有使用过css的混合模式mix-blend-mode和background-blend-mode吗？](https://github.com/haizlin/fe-interview/issues/2312)
- [使用负文本缩进text-indent: -9999px时有没有遇到过什么奇怪的问题呢？怎么解决？](https://github.com/haizlin/fe-interview/issues/2307)
- [你会经常用到伪元素吗？一般都用在哪方面？](https://github.com/haizlin/fe-interview/issues/2303)
- [用css画出一把刻度尺](https://github.com/haizlin/fe-interview/issues/2299)
- [说说position:sticky有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2295)
- [如何使用css给一个正方形添加一条对角斜线？](https://github.com/haizlin/fe-interview/issues/2291)
- [举例说明CSS特性检测的方式有哪些？](https://github.com/haizlin/fe-interview/issues/2287)
- [你们团队中css的class命名采用的是什么方式呢？下划线还是横线还是驼峰？](https://github.com/haizlin/fe-interview/issues/2278)
- [使用纯css画出一个右侧滚动顶部进度条的效果](https://github.com/haizlin/fe-interview/issues/22
gitextract_00tsht7h/
├── .gitattributes
├── .github/
│ ├── CONTRIBUTING.md
│ ├── FUNDING.yml
│ ├── ISSUE_TEMPLATE/
│ │ ├── --------.md
│ │ ├── angularjs.md
│ │ ├── css-----.md
│ │ ├── es6.md
│ │ ├── html-----.md
│ │ ├── jquery.md
│ │ ├── js-----.md
│ │ ├── nodejs.md
│ │ ├── other-issue-template.md
│ │ ├── react.md
│ │ ├── vue.md
│ │ └── wxapp.md
│ └── PULL_REQUEST_TEMPLATE.md
├── .gitignore
├── LICENSE
├── README-en.md
├── README.md
├── category/
│ ├── ECMAScript.md
│ ├── all.md
│ ├── css.md
│ ├── history.md
│ ├── html.md
│ ├── js.md
│ ├── nodejs.md
│ ├── skill.md
│ └── week.md
├── contribution/
│ └── 3+1.md
├── lib/
│ ├── AngularJs.md
│ ├── React.md
│ ├── Vue.md
│ ├── jQuery.md
│ └── wxapp.md
├── resource/
│ ├── css/
│ │ └── index.css
│ └── md/
│ ├── README-en-old.md
│ ├── README-old.md
│ ├── event.md
│ └── link.md
└── tools/
└── webpack.md
Condensed preview — 41 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (1,056K chars).
[
{
"path": ".gitattributes",
"chars": 164,
"preview": "*.md linguist-language=HTML\r\n*.js linguist-language=JavaScript\r\n*.css linguist-language=CSS\r\n*.html linguist-language=Ja"
},
{
"path": ".github/CONTRIBUTING.md",
"chars": 1309,
"preview": "# 前端面试每日3+1 贡献指南\r\n\r\n朋友你好! 首先感谢您对 **前端面试每日3+1** 开源项目的认可 。\r\n\r\n**前端面试每日3+1** 是以面试题来驱动学习的开源项目，希望大家在这浮夸的前端圈里，保持冷静，坚持每天花20分钟来学"
},
{
"path": ".github/FUNDING.yml",
"chars": 688,
"preview": "# These are supported funding model platforms\n\ngithub: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [u"
},
{
"path": ".github/ISSUE_TEMPLATE/--------.md",
"chars": 95,
"preview": "---\nname: 软技能面试题模板\nabout: 这是一个用于发布软技能面试题的简单模板\ntitle: \"[软技能] \"\nlabels: 软技能\nassignees: ''\n\n---\n\n\n"
},
{
"path": ".github/ISSUE_TEMPLATE/angularjs.md",
"chars": 115,
"preview": "---\nname: angularjs面试题模板\nabout: 这是一个用于发布angularjs面试题的简单模板\ntitle: \"[angular] \"\nlabels: angular\nassignees: ''\n\n---\n\n\n"
},
{
"path": ".github/ISSUE_TEMPLATE/css-----.md",
"chars": 95,
"preview": "---\nname: css面试题模板\nabout: 这是一个用于发布css面试题的简单模板\ntitle: \"[css] \"\nlabels: CSS\nassignees: ''\n\n---\n\n\n"
},
{
"path": ".github/ISSUE_TEMPLATE/es6.md",
"chars": 95,
"preview": "---\nname: es6面试题模板\nabout: 这是一个用于发布es6面试题的简单模板\ntitle: \"[es6] \"\nlabels: es6\nassignees: ''\n\n---\n\n\n"
},
{
"path": ".github/ISSUE_TEMPLATE/html-----.md",
"chars": 99,
"preview": "---\nname: html面试题模板\nabout: 这是一个用于发布html面试题的简单模板\ntitle: \"[html] \"\nlabels: HTML\nassignees: ''\n\n---\n\n\n"
},
{
"path": ".github/ISSUE_TEMPLATE/jquery.md",
"chars": 107,
"preview": "---\nname: jQuery面试题模板\nabout: 这是一个用于发布jQuery面试题的简单模板\ntitle: \"[jQuery] \"\nlabels: jQuery\nassignees: ''\n\n---\n\n\n"
},
{
"path": ".github/ISSUE_TEMPLATE/js-----.md",
"chars": 99,
"preview": "---\nname: js面试题模板\nabout: 这是一个用于发布js面试题的简单模板\ntitle: \"[js] \"\nlabels: JavaScript\nassignees: ''\n\n---\n\n\n"
},
{
"path": ".github/ISSUE_TEMPLATE/nodejs.md",
"chars": 107,
"preview": "---\nname: nodejs面试题模板\nabout: 这是一个用于发布nodejs面试题的简单模板\ntitle: \"[nodejs] \"\nlabels: NodeJs\nassignees: ''\n\n---\n\n\n"
},
{
"path": ".github/ISSUE_TEMPLATE/other-issue-template.md",
"chars": 91,
"preview": "---\nname: Other issue template\nabout: 其它选项的模板\ntitle: ''\nlabels: other\nassignees: ''\n\n---\n\n\n"
},
{
"path": ".github/ISSUE_TEMPLATE/react.md",
"chars": 103,
"preview": "---\nname: react面试题模板\nabout: 这是一个用于发布react面试题的简单模板\ntitle: \"[react] \"\nlabels: react\nassignees: ''\n\n---\n\n\n"
},
{
"path": ".github/ISSUE_TEMPLATE/vue.md",
"chars": 95,
"preview": "---\nname: vue面试题模板\nabout: 这是一个用于发布vue面试题的简单模板\ntitle: \"[vue] \"\nlabels: vue\nassignees: ''\n\n---\n\n\n"
},
{
"path": ".github/ISSUE_TEMPLATE/wxapp.md",
"chars": 103,
"preview": "---\nname: 微信小程序面试题模板\nabout: 这是一个用于发布微信小程序面试题的简单模板\ntitle: \"[微信小程序] \"\nlabels: 微信小程序\nassignees: ''\n\n---\n\n\n"
},
{
"path": ".github/PULL_REQUEST_TEMPLATE.md",
"chars": 203,
"preview": "请确保在提交您的PR之前检查以下选项是否符合规范，非常感谢！ \r\n\r\n* [ ] 确保你遵循\"前端面试每日3+1\"的贡献指南 ([中文](https://github.com/haizlin/fe-interview/blob/maste"
},
{
"path": ".gitignore",
"chars": 914,
"preview": "# Logs\nlogs\n*.log\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n\n# Runtime data\npids\n*.pid\n*.seed\n*.pid.lock\n\n# Directo"
},
{
"path": "LICENSE",
"chars": 1066,
"preview": "MIT License\n\nCopyright (c) 2019 haizhilin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\n"
},
{
"path": "README-en.md",
"chars": 9834,
"preview": "## :smiley:【 recommendation 】 a professional badminton competition system 【 diandiansai 】\n> Those who like playing **bad"
},
{
"path": "README.md",
"chars": 6957,
"preview": "## :smiley:【推荐】一个专业的羽毛球比赛系统【点点赛】\n> 喜欢打**羽毛球**的，或者身边有喜欢打**羽毛球**的朋友，可以推荐给他们使用\n\n<div align=\"center\">\n <p align=\"center\">"
},
{
"path": "category/ECMAScript.md",
"chars": 2198,
"preview": "# es6面试题\r\n> 鼓励PR，持续更新\r\n\r\n## 历史题目\r\n> 最新：2019.10.05\r\n\r\n[es6](#es6) | [es7](#es7)\r\n\r\n### es6\r\n- [举例说明setImmediate有什么作用？]()\r"
},
{
"path": "category/all.md",
"chars": 147217,
"preview": "# 3+1汇总 2020.07.09\r\n\r\n> 《论语》，曾子曰：**“吾日三省吾身”**（我每天多次反省自己）。 \r\n> 前端面试每日3+1题，以面试题来驱动学习，每天进步一点！ \r\n> 让努力成为一种习惯，让奋斗成为一种享受！\r\n>"
},
{
"path": "category/css.md",
"chars": 55783,
"preview": "# css面试题\r\n> 不定时更新\r\n\r\n## 历史题目\r\n> 最新：2021.02.27\r\n\r\n- [你有使用过mask属性吗？请说说它的用途](https://github.com/haizlin/fe-interview/issues"
},
{
"path": "category/history.md",
"chars": 538275,
"preview": "# 历史题目\r\n\r\n\n\n- 第2386天 (2025-10-27) \n - [ECMAScript] [什么是TC39委员会？它在JavaScript标准制定中的作用是什么？](https://github.com/haizlin/"
},
{
"path": "category/html.md",
"chars": 55381,
"preview": "# html面试题\r\n> 不定时更新\r\n\r\n## 历史题目\r\n> 最新：2021.02.27\r\n\r\n- [写H5和小程序有什么相同及不同的地方吗？](https://github.com/haizlin/fe-interview/issue"
},
{
"path": "category/js.md",
"chars": 56311,
"preview": "# js试题\r\n> 不定时更新\r\n\r\n## 历史题目\r\n> 最新：2021.02.27\r\n\r\n- [infinity代表什么数据？](https://github.com/haizlin/fe-interview/issues/3619)\r"
},
{
"path": "category/nodejs.md",
"chars": 6666,
"preview": "# nodejs面试题\r\n> 不定时更新\r\n\r\n## 历史题目\r\n> 最新：2029.07.09\r\n\r\n- [如何使用nodejs对base64进行编解码？](https://github.com/haizlin/fe-interview/"
},
{
"path": "category/skill.md",
"chars": 53772,
"preview": "# 软技能试题\r\n> 不定时更新\r\n\r\n## 历史题目\r\n> 最新：2021.02.27\r\n\r\n- [请说说使用iconfont图标的优点和缺点](https://github.com/haizlin/fe-interview/issues"
},
{
"path": "category/week.md",
"chars": 3397,
"preview": "# 周汇总 2019.07.07\r\n\r\n> 《论语》，曾子曰：**“吾日三省吾身”**（我每天多次反省自己）。 \r\n> 前端面试每日3+1题，以面试题来驱动学习，每天进步一点！ \r\n> 让努力成为一种习惯，让奋斗成为一种享受！\r\n> 相"
},
{
"path": "contribution/3+1.md",
"chars": 2350,
"preview": "# 3+1 贡献题目列表\r\n\r\n> 提示：新添加的题目在最前面，以下的是例子，链接和发布状态等发布后再补充\r\n\r\n- [haizlin](https://github.com/haizlin)\r\n - [html] [说说你对cook"
},
{
"path": "lib/AngularJs.md",
"chars": 22,
"preview": "# AngularJs面试题\r\n> 鼓励PR"
},
{
"path": "lib/React.md",
"chars": 26475,
"preview": "# React面试题\r\n> 鼓励PR，持续更新（React v16.6.0）\r\n\r\n## 历史题目(最新：2019.07.18)\r\n[React](#React) | [ReactNative](#ReactNative) | [React"
},
{
"path": "lib/Vue.md",
"chars": 20345,
"preview": "# vue面试题\r\n> 鼓励PR，持续更新（Vue v2.6.10）\r\n\r\n## 历史题目(最新：2019.07.27)\r\n[vue](#vue) | [vue-cli](#vue-cli) | [vue-router](#vue-rout"
},
{
"path": "lib/jQuery.md",
"chars": 2011,
"preview": "\r\n# jQuery面试题\r\n> 鼓励PR\r\n\r\n## 历史题目(最新：2019.06.30)\r\n[知识点](#知识点) | [源码](#源码) | [扩展](#扩展) | [Zepto](#Zepto) \r\n\r\n### 知识点\r\n\r\n-"
},
{
"path": "lib/wxapp.md",
"chars": 0,
"preview": ""
},
{
"path": "resource/css/index.css",
"chars": 6,
"preview": "body{}"
},
{
"path": "resource/md/README-en-old.md",
"chars": 17820,
"preview": "# Front-end interview **3+1** per day（Three questions per day）\n\n## :tada::tada::tada: [2020.5.20, 3+1 Official website o"
},
{
"path": "resource/md/README-old.md",
"chars": 14493,
"preview": "# 前端面试每日 **3+1**（每日三问）\n\n## :tada::tada::tada: [2020.5.20, 3+1官网发布上线啦！](http://www.h-camel.com/index.html):tada::tada::ta"
},
{
"path": "resource/md/event.md",
"chars": 5370,
"preview": "## 起源\r\n> 故事起源于离职同事发来的一道求助面试题，然后在部门企业微信群里炸开了，答题完后大家觉得如果要是每天来一题，是不是会更爽呢？**以面代练**，突发其想说干就干，所以就有了这个开源仓库，只为利他利己！\r\n\r\n![起源图](ht"
},
{
"path": "resource/md/link.md",
"chars": 3026,
"preview": "## 友情链接（大家有好的开源项目和优秀作者，欢迎推荐）\r\n\r\n* [jsliang的文档库](https://github.com/LiangJunrong/document-library)（每日一道 LeetCode，jsliang "
},
{
"path": "tools/webpack.md",
"chars": 20,
"preview": "# webpack面试题\r\n> 鼓励PR"
}
]
About this extraction
This page contains the full source code of the haizlin/fe-interview GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 41 files (1009.1 KB), approximately 436.2k tokens. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.