[ { "path": ".gitattributes", "content": "*.md linguist-language=HTML\r\n*.js linguist-language=JavaScript\r\n*.css linguist-language=CSS\r\n*.html linguist-language=JavaScript\r\n*.png linguist-language=JavaScript" }, { "path": ".github/CONTRIBUTING.md", "content": "# 前端面试每日3+1 贡献指南\r\n\r\n朋友你好! 首先感谢您对 **前端面试每日3+1** 开源项目的认可 。\r\n\r\n**前端面试每日3+1** 是以面试题来驱动学习的开源项目，希望大家在这浮夸的前端圈里，保持冷静，坚持每天花20分钟来学习与思考。在这千变万化，类库层出不穷的前端，建议大家不要等到找工作时，才狂刷题，提倡每日学习，每天进步一点！\r\n\r\n**前端面试每日3+1** 的社区成长离不开大家的支持，如果你愿意此开源项目贡献好的题目，帮助更多的朋友（利人利已），请阅读以下内容。\r\n\r\n## Issue 规范\r\n- issue 仅用于提交面试题，其它内容可能会被直接关闭。如果你在使用时产生了疑问，可以加作者微信咨询（二维码在README里）。\r\n\r\n- 在提交 issue 之前，请搜索相关题目是否已被出过（使用不同的关键词搜索），也可以在[历史题目](https://github.com/haizlin/fe-interview/blob/master/category/history.md)里面搜索。\r\n\r\n- Issue的描述里请使用Markdown格式，注意有代码的时候请使用代码块。\r\n\r\n## 3+1题目规范\r\n\r\n1. 打开[3+1 题目列表](https://github.com/haizlin/fe-interview/raw/master/contribution/3+1.md)\r\n\r\n2. 在'---'下面按照md规则填写题目，3+1的题有且只有4道题，分别是html/css/js/软技能\r\n\r\n3. 第一行按照格式填写作者的github名及链接\r\n\r\n4. 如下图如示：\r\n![第1处](https://github.com/haizlin/fe-interview/raw/master/resource/images/contribution3+1.png)\r\n\r\n## 其它分类题目规范\r\n\r\n1. 打开[分类的题目列表](https://github.com/haizlin/fe-interview/issues/1000)\r\n\r\n2. 找到要添加的对应分类文件，在最前面的地方添加题目名称即可\r\n\r\n3. 分类的题每次不能少于10个\r\n\r\n4. 第一行按照格式填写作者的github名及链接\r\n\r\n## Pull Request 规范\r\n- 请先 fork 一份到自己的项目下，不要直接在仓库下建分支。\r\n\r\n- 每日3+1的commit 信息要以如下 `add 3+1 questions`。\r\n\r\n- 类库的commit 信息要以`add vue questions` 的形式填写。\r\n\r\n- 提交 PR 前请 rebase，确保 commit 记录的整洁。\r\n\r\n- 确保 PR 是提交到 `master` 分支，目前就只有一个分支。\r\n\r\n- 合并需要 review 通过后即可合并。\r\n\r\n## 感谢\r\n提交PR贡献的朋友将会在首页显示个人头像及github的链接，表示感谢！\r\n\r\n## 温馨提示\r\n- 不能原样照抄网上的面试题！！！\r\n\r\n\r\n" }, { "path": ".github/FUNDING.yml", "content": "# These are supported funding model platforms\n\ngithub: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]\npatreon: # Replace with a single Patreon username\nopen_collective: # Replace with a single Open Collective username\nko_fi: # Replace with a single Ko-fi username\ntidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel\ncommunity_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry\nliberapay: # Replace with a single Liberapay username\nissuehunt: # Replace with a single IssueHunt username\notechie: # Replace with a single Otechie username\ncustom: http://www.h-camel.com/statics/images/alipay.jpg\n" }, { "path": ".github/ISSUE_TEMPLATE/--------.md", "content": "---\nname: 软技能面试题模板\nabout: 这是一个用于发布软技能面试题的简单模板\ntitle: \"[软技能] \"\nlabels: 软技能\nassignees: ''\n\n---\n\n\n" }, { "path": ".github/ISSUE_TEMPLATE/angularjs.md", "content": "---\nname: angularjs面试题模板\nabout: 这是一个用于发布angularjs面试题的简单模板\ntitle: \"[angular] \"\nlabels: angular\nassignees: ''\n\n---\n\n\n" }, { "path": ".github/ISSUE_TEMPLATE/css-----.md", "content": "---\nname: css面试题模板\nabout: 这是一个用于发布css面试题的简单模板\ntitle: \"[css] \"\nlabels: CSS\nassignees: ''\n\n---\n\n\n" }, { "path": ".github/ISSUE_TEMPLATE/es6.md", "content": "---\nname: es6面试题模板\nabout: 这是一个用于发布es6面试题的简单模板\ntitle: \"[es6] \"\nlabels: es6\nassignees: ''\n\n---\n\n\n" }, { "path": ".github/ISSUE_TEMPLATE/html-----.md", "content": "---\nname: html面试题模板\nabout: 这是一个用于发布html面试题的简单模板\ntitle: \"[html] \"\nlabels: HTML\nassignees: ''\n\n---\n\n\n" }, { "path": ".github/ISSUE_TEMPLATE/jquery.md", "content": "---\nname: jQuery面试题模板\nabout: 这是一个用于发布jQuery面试题的简单模板\ntitle: \"[jQuery] \"\nlabels: jQuery\nassignees: ''\n\n---\n\n\n" }, { "path": ".github/ISSUE_TEMPLATE/js-----.md", "content": "---\nname: js面试题模板\nabout: 这是一个用于发布js面试题的简单模板\ntitle: \"[js] \"\nlabels: JavaScript\nassignees: ''\n\n---\n\n\n" }, { "path": ".github/ISSUE_TEMPLATE/nodejs.md", "content": "---\nname: nodejs面试题模板\nabout: 这是一个用于发布nodejs面试题的简单模板\ntitle: \"[nodejs] \"\nlabels: NodeJs\nassignees: ''\n\n---\n\n\n" }, { "path": ".github/ISSUE_TEMPLATE/other-issue-template.md", "content": "---\nname: Other issue template\nabout: 其它选项的模板\ntitle: ''\nlabels: other\nassignees: ''\n\n---\n\n\n" }, { "path": ".github/ISSUE_TEMPLATE/react.md", "content": "---\nname: react面试题模板\nabout: 这是一个用于发布react面试题的简单模板\ntitle: \"[react] \"\nlabels: react\nassignees: ''\n\n---\n\n\n" }, { "path": ".github/ISSUE_TEMPLATE/vue.md", "content": "---\nname: vue面试题模板\nabout: 这是一个用于发布vue面试题的简单模板\ntitle: \"[vue] \"\nlabels: vue\nassignees: ''\n\n---\n\n\n" }, { "path": ".github/ISSUE_TEMPLATE/wxapp.md", "content": "---\nname: 微信小程序面试题模板\nabout: 这是一个用于发布微信小程序面试题的简单模板\ntitle: \"[微信小程序] \"\nlabels: 微信小程序\nassignees: ''\n\n---\n\n\n" }, { "path": ".github/PULL_REQUEST_TEMPLATE.md", "content": "请确保在提交您的PR之前检查以下选项是否符合规范，非常感谢！ \r\n\r\n* [ ] 确保你遵循\"前端面试每日3+1\"的贡献指南 ([中文](https://github.com/haizlin/fe-interview/blob/master/.github/CONTRIBUTING.md))。\r\n* [ ] 请确认你是在 `master` 分支下提交。\r\n* [ ] 不能原样照抄网上的面试题！！！\r\n" }, { "path": ".gitignore", "content": "# 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# Directory for instrumented libs generated by jscoverage/JSCover\nlib-cov\n\n# Coverage directory used by tools like istanbul\ncoverage\n\n# nyc test coverage\n.nyc_output\n\n# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)\n.grunt\n\n# Bower dependency directory (https://bower.io/)\nbower_components\n\n# node-waf configuration\n.lock-wscript\n\n# Compiled binary addons (https://nodejs.org/api/addons.html)\nbuild/Release\n\n# Dependency directories\nnode_modules/\njspm_packages/\n\n# TypeScript v1 declaration files\ntypings/\n\n# Optional npm cache directory\n.npm\n\n# Optional eslint cache\n.eslintcache\n\n# Optional REPL history\n.node_repl_history\n\n# Output of 'npm pack'\n*.tgz\n\n# Yarn Integrity file\n.yarn-integrity\n\n# dotenv environment variables file\n.env\n\n# next.js build output\n.next\n" }, { "path": "LICENSE", "content": "MIT License\n\nCopyright (c) 2019 haizhilin\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "README-en.md", "content": "## :smiley:【 recommendation 】 a professional badminton competition system 【 diandiansai 】\n> Those who like playing **badminton**, or have friends who like playing **badminton**, can be recommended to them\n\n
\n

\n \"点点赛\" \n

\n

\n (Use wechat to sweep the experience, which will be open source soon)\n

\n
\n\n---\n\n[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)\n\n
\n \n
\n \n

\n\"html\"\n \"css\"\n \"javascript\"\n \"skill\"\n \"Statr\"\n

\n

\n Think hard - do more - summarize - insist\n

\n\n> :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!\n\n:hash: [I'm going to set a question](http://www.h-camel.com/contribution.html) \n\n| :bulb: Base | [HTML 1000+](category/html.md) | [CSS 1000+](category/css.md) | [JS 1000+](category/js.md) | [Skill 1000+](category/skill.md) | | | | \n| :---: | :---- | :--- | :---- | :---- | :---- | :---- | :---- | \n| :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) | \n| :hammer: Tool | [webpack 13+](tools/webpack.md) | \n| :coffee: Summary | [week](category/week.md) | [history](category/history.md) |\n\n\n## :clock430: Today's Knowledge Points (2025.10.27) —— 2386 days \n        :one: [ECMAScript] [什么是TC39委员会？它在JavaScript标准制定中的作用是什么？](https://github.com/haizlin/fe-interview/issues/6357) \n \n \n### :camel: History\n- 1 days (2019.04.17) \n :one: [html] [页面导入样式时，使用link和@import有什么区别？](https://github.com/haizlin/fe-interview/issues/1) \n :two: [css] [圣杯布局和双飞翼布局的理解和区别，并用代码实现](https://github.com/haizlin/fe-interview/issues/2) \n :three: [js] [用递归算法实现，数组长度为5且元素的随机数在2-32间不重复的值](https://github.com/haizlin/fe-interview/issues/3) \n ………… \n\n\n- 2385 days (2025.10.26) \n \t :one: [ECMAScript] [请列举ESNext中引入的一些新特性或提案，并解释其作用](https://github.com/haizlin/fe-interview/issues/6356) \n \n\t\n- **[All](category/history.md)**\n\n### :baby_chick: Exchange\nWelcome 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).\n\n\n:point_right: [Click to view the \"excellence - 9th anniversary\" video](https://v.youku.com/v_show/id_XNDI2NDUyOTY2MA==.html?spm=a2h3j.8428770.3416059.1) \n\n

\n \n

\n\n### :smiley: Message\n- In the Analects of Confucius, Zeng Zi said: \"I examine myself three times every day.\" * (I reflect on myself many times every day)\n- Confucius said: * * \"no anger, no enlightenment, no emotion, no hair. If one corner is not reversed by three, then it will be lost. \"**\n- Front end interview every day 3 + 1, with interview questions to drive learning, daily progress!\n- 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 * *).\n- I hope you can stay calm and spend 20 minutes every day studying and thinking in this front-end circle of exaggeration.\n- 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!)\n- Let effort become a habit, let struggle become a kind of enjoyment!\n- Believe in the power of * * stick to * *!!!\n\n### :question: How to learn\n- Whether you understand the topic or not, you have to think first and then Baidu. After thinking, you must write it out.\n- If it's a native JS question, don't rely on third-party libraries, such as jquery, etc.\n- 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.\n- After you don't understand Baidu's title, don't copy a large paragraph directly, you should summarize it in your own words concisely.\n\n### :palm_tree: Source\n- [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）\n](https://toutiao.io/subjects/359261) | [kancloud](https://www.kancloud.cn/aya001001/fe-interview) | - [qianduanjianjie] wechat（Scan QR code，Daily Synchronized Updates）\n\n### :fire: Events\n* [See more](./resource/md/event.md)\n\n### :family: Friendship Links\n* 【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)\n* [See more](./resource/md/link.md)\n\n### :trophy: Thanks\n* 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.\n* Please read the [Contribution Guide](https://github.com/haizlin/fe-interview/blob/master/.github/PULL_REQUEST_TEMPLATE.md) before submitting PR\nThank you to all the people who already contributed to 'Front-end interview **3+1** per day'!\n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n### :exclamation: Reprint\n> 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:\n\n- Statement:\n 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.\n 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.\n 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!\n\n### :copyright: License\n[![MIT](http://api.haizlin.cn/api?mod=interview&ctr=issues&act=generateSVG&type=a.svg)](https://github.com/haizlin/fe-interview/blob/master/LICENSE)\n\n" }, { "path": "README.md", "content": "## :smiley:【推荐】一个专业的羽毛球比赛系统【点点赛】\n> 喜欢打**羽毛球**的，或者身边有喜欢打**羽毛球**的朋友，可以推荐给他们使用\n\n
\n

\n \"点点赛\" \n

\n

\n (使用微信扫一扫体验，即将开源)\n

\n
\n\n---\n\n[官网](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)\n\n
\n \n
\n \n

\n\"html\"\n \"css\"\n \"javascript\"\n \"skill\"\n \"Statr\"\n

\n

\n 勤思考 - 多动手 - 善总结 - 能坚持 \n

\n\n> :star: 这是一个涉及前端知识题库 **最多（6000+）、最全**，参与人数最多的免费开源公益项目！\n\n:hash: [我也要出题](http://www.h-camel.com/contribution.html) \n\n| :bulb: 基础 | [HTML 1200+](category/html.md) | [CSS 1200+](category/css.md) | [JS 1200+](category/js.md) | [软技能 1200+](category/skill.md) | | | | \n| :---: | :---- | :--- | :---- | :---- | :---- | :---- | :---- | \n| :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) | \n| :hammer: 工具 | [webpack 13+](tools/webpack.md) | \n| :coffee: 汇总 | [周](category/week.md) | [历史题目](category/history.md) |\n\n\n## :clock430: 今天的知识点 (2025.10.27) —— 第2386天 \n        :one: [ECMAScript] [什么是TC39委员会？它在JavaScript标准制定中的作用是什么？](https://github.com/haizlin/fe-interview/issues/6357) \n \n \n### :camel: 历史题目\n- 第1天 (2019.04.17) \n :one: [html] [页面导入样式时，使用link和@import有什么区别？](https://github.com/haizlin/fe-interview/issues/1) \n :two: [css] [圣杯布局和双飞翼布局的理解和区别，并用代码实现](https://github.com/haizlin/fe-interview/issues/2) \n :three: [js] [用递归算法实现，数组长度为5且元素的随机数在2-32间不重复的值](https://github.com/haizlin/fe-interview/issues/3) \n \n ………… \n\n\n- 第2385天 (2025.10.26) \n \t :one: [ECMAScript] [请列举ESNext中引入的一些新特性或提案，并解释其作用](https://github.com/haizlin/fe-interview/issues/6356) \n \n\t\n- **[查看全部](category/history.md)**\n\n### :baby_chick: 交流讨论\n欢迎大家前来讨论，如果觉得对你的学习有一定的帮助，欢迎点个[**Star**](https://github.com/haizlin/fe-interview), 同时欢迎微信扫码关注 **前端剑解** 公众号，并加入 **“前端学习每日3+1”** 微信群相互交流（点击公众号的菜单：进群交流）。\n\n:point_right: [点击查看 “卓越-九周年” 视频](https://v.youku.com/v_show/id_XNDI2NDUyOTY2MA==.html?spm=a2h3j.8428770.3416059.1) \n\n

\n \n

\n\n### :smiley: 寄语\n- 《论语》，曾子曰：**“吾日三省吾身”**（我每天多次反省自己） \n- 孔子曰：**“不愤不启，不悱不发。举一隅不以三隅反，则不复也”** \n- 前端面试每日3+1，以面试题来驱动学习，每天进步一点！\n- 学习不打烊，充电加油只为**遇到更好的自己**，365天无节假日，**每天早上5点**纯手工发布面试题（**死磕自己，愉悦大家**）。\n- 希望大家在这**浮夸**的前端圈里，保持**冷静**，坚持每天花20分钟来学习与思考。\n- 在这千变万化，类库层出不穷的前端，建议大家不要等到找工作时，才狂刷题，提倡**每日学习**！（**不忘初心**，html、css、javascript才是基石！）\n- 让努力成为一种习惯，让奋斗成为一种享受！ \n- 相信 **坚持** 的力量！！！\n\n### :question: 如何学习\n- 不管题目懂与不懂都要先思考再百度，思考后一定要去写出来\n- 如果是原生js的题，不要依赖使用第三方库，如jquery等\n- 每天的题目都是独立的，不需要按顺序来，但建议每道题都去答下，有你会的和有你不会的，答了才知道\n- 不懂的题百度学习后，不要直接复制一大段过来，要用自己的话精简地总结概括出来\n\n### :palm_tree: 同步更新\n- [前端向朔-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) | 前端剑解(扫码关注)\n\n### :fire: 重大事件\n* [查看更多](./resource/md/event.md)\n\n### :family: 友情链接\n* 【推荐】欢迎跟 jsliang 一起折腾前端，系统整理前端知识，目前正在折腾 LeetCode，打算打通算法与数据结构的任督二脉。[GitHub 地址](https://github.com/LiangJunrong/document-library)\n* [查看更多](./resource/md/link.md)\n\n### :trophy: 感谢\n* 感谢所有为\"前端面试每日3+1\"做出贡献的朋友！，当然不仅仅只有这些贡献者，这里就不一一列举了，如果未添加到这个名单中，请与我联系。\n* 请在提交PR前先阅读[贡献指南](https://github.com/haizlin/fe-interview/blob/master/.github/PULL_REQUEST_TEMPLATE.md) \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n \n\n\n### :exclamation: 转载声明\n> 近期，看到很多网络上的朋友滥用链接，滥用面试题，包装了下就收费了，让有需要的朋友找不到最新的试题，违背了我的初衷，特添加了些声明：\n\n- 声明\n 1. 可以转载里面的所有面试题用到任何地方，但请添加仓库的地址，因为转载后你们很少会更新了，但此仓库每天都会准时更新。\n 2. 此开源仓库从不收取任何费用，**现在不会，以后也不会**，也不会授权任何人/机构进行收费。\n 3. 大家不需要对此仓库进行爬虫，如有需要什么格式的，可以私聊我，比如本地阅读的PDF，我有时间会做成PDF的，方便大家！\n\n### :copyright: License\n[![MIT](http://api.haizlin.cn/api?mod=interview&ctr=issues&act=generateSVG&type=a.svg)](https://github.com/haizlin/fe-interview/blob/master/LICENSE)\n\n" }, { "path": "category/ECMAScript.md", "content": "# 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\n- [请分析如下promise执行的结果并解释原因[代码]]()\r\n```javascript\r\nconsole.log(1);\r\nconst promise = new Promise((resolve, reject) => {\r\n console.log(2)\r\n resolve()\r\n console.log(3)\r\n})\r\npromise.then(() => {\r\n console.log(4)\r\n})\r\nconsole.log(5)\r\n```\r\n- [es6对函数做了哪些优化？](https://github.com/haizlin/fe-interview/issues/1309)\r\n- [说说你对async/await的理解？](https://github.com/haizlin/fe-interview/issues/1310)\r\n- [Generator函数是什么？它有什么应用场景？](https://github.com/haizlin/fe-interview/issues/1319)\r\n- [Object.is()和比较操作符\"=\"的区别是什么？](https://github.com/haizlin/fe-interview/issues/1320)\r\n- [说说你对Iterator的理解](https://github.com/haizlin/fe-interview/issues/1321)\r\n- [Reflect是什么，有什么应用场景？](https://github.com/haizlin/fe-interview/issues/1322)\r\n- [Proxy是什么，有什么应用场景？](https://github.com/haizlin/fe-interview/issues/1323)\r\n- [es6对es5有哪些方面的优化呢？](https://github.com/haizlin/fe-interview/issues/1324)\r\n- [举例说明你对es6的extends的理解](https://github.com/haizlin/fe-interview/issues/1325)\r\n- [举例说明你对es6的class的理解](https://github.com/haizlin/fe-interview/issues/1326)\r\n- [你喜欢es6的哪些特性？](https://github.com/haizlin/fe-interview/issues/1327)\r\n- [举例说明拓展运算符有什么用途？](https://github.com/haizlin/fe-interview/issues/1328)\r\n- [es6的模板字符串有什么新的特性？]()\r\n- [使用es6怎么快速给一个数组去重？]()\r\n- [TypedArray有什么应用场景？]()\r\n- [Set和WeakSet有什么区别？]()\r\n- [Map和WeakMap有什么区别？]()\r\n- [如何让一个对象具有私有属性？]()\r\n- [Symbol有什么作用？]()\r\n- [for…of和for…in有什么区别？]()\r\n- [es6新增了哪些数据类型？]()\r\n- [说下var、let和const有什么区别？]()\r\n- [使用箭头函数应该需要注意什么？]()\r\n- [箭头函数与普通函数有什么区别？它有哪些新的特性？](https://github.com/haizlin/fe-interview/issues/1308)\r\n- [let和const的区别是什么](https://github.com/haizlin/fe-interview/issues/1307)\r\n- [说说你对set数据结构的理解](https://github.com/haizlin/fe-interview/issues/1306)\r\n- [说说你对class的理解](https://github.com/haizlin/fe-interview/issues/1305)\r\n- [es6函数的rest参数你有了解吗？](https://github.com/haizlin/fe-interview/issues/1304)\r\n- [说说你对Babel的了解？](https://github.com/haizlin/fe-interview/issues/1303)\r\n- [module、export、import分别有什么作用？](https://github.com/haizlin/fe-interview/issues/1302)\r\n- [谈谈你对es6的module体系的理解](https://github.com/haizlin/fe-interview/issues/1301)\r\n\r\n### es7\r\n- [你知道es7新增了哪些新的特性吗？]()" }, { "path": "category/all.md", "content": "# 3+1汇总 2020.07.09\r\n\r\n> 《论语》，曾子曰：**“吾日三省吾身”**（我每天多次反省自己）。 \r\n> 前端面试每日3+1题，以面试题来驱动学习，每天进步一点！ \r\n> 让努力成为一种习惯，让奋斗成为一种享受！\r\n> 相信 **坚持** 的力量！！！\r\n\r\n---\r\n- 学习不打烊，充电加油只为**遇到更好的自己**，365天无节假日，**每天早上5点**纯手工发布面试题（**死磕自己，愉悦大家**）。\r\n- 希望大家在这**浮夸**的前端圈里，保持**冷静**，坚持每天花20分钟来学习与思考。\r\n- 在这千变万化，类库层出不穷的前端，建议大家不要等到找工作时，才狂刷题，提倡**每日学习**！（**不忘初心**，html、css、javascript才是基石！）\r\n- 欢迎大家到**Issues**交流，鼓励**PR**，感谢**Star**，大家有啥好的建议可以加我微信一起交流讨论！\r\n> 希望大家**每日**去学习与思考，这才达到来这里的目的！！！（不要为了谁而来，要为自己而来！）\r\n\r\n![微信公众号和微信群](https://github.com/haizlin/fe-interview/raw/master/resource/images/qrcode.jpg)\r\n\r\n【推荐】欢迎跟 jsliang 一起折腾前端，系统整理前端知识，目前正在折腾 LeetCode，打算打通算法与数据结构的任督二脉。[GitHub 地址](https://github.com/LiangJunrong/document-library)\r\n\r\n## html\r\n- [在主框架下引入的iframe，如果检测这个iframe是否能打开，如果打不开则跳到404页面](https://github.com/haizlin/fe-interview/issues/2616)\r\n- [通过设置表单的target=\"_blank\"来下载文件会被浏览器拦截吗？如何解决？](https://github.com/haizlin/fe-interview/issues/2612)\r\n- [如何通过表单下载文件？](https://github.com/haizlin/fe-interview/issues/2608)\r\n- [使用a标签的download属性下载文件会有跨域问题吗？如何解决？](https://github.com/haizlin/fe-interview/issues/2604)\r\n- [页面刷新时sessionStroage会变（会清空）吗？](https://github.com/haizlin/fe-interview/issues/2600)\r\n- [canvas透明度是0.6的矩形和透明度是0.2的矩形叠加到一起，透明度是多少？](https://github.com/haizlin/fe-interview/issues/2596)\r\n- [请实现一个文章阅读的进度条](https://github.com/haizlin/fe-interview/issues/2590)\r\n- [请实现一个网站加载进度条](https://github.com/haizlin/fe-interview/issues/2586)\r\n- [开发静态页面时，不依赖node相关的工具，如何提取出公共部分并引入？](https://github.com/haizlin/fe-interview/issues/2582)\r\n- [怎样禁用页面中的右键、打印、另存为、复制等功能？](https://github.com/haizlin/fe-interview/issues/2578)\r\n- [能否做到禁止打印页面？如果可以那要怎么做？](https://github.com/haizlin/fe-interview/issues/2574)\r\n- [实现一个页面锁屏的功能](https://github.com/haizlin/fe-interview/issues/2570)\r\n- [如何判断用户正在操作页面？当页面一个小时没有操作时跳转到指定页面如何做？](https://github.com/haizlin/fe-interview/issues/2566)\r\n- [如何给页面添加追加右键菜单（原右键菜单功能保持不变）](https://github.com/haizlin/fe-interview/issues/2562)\r\n- [请问60*80的canvas占多少内存？你是怎么计算的？](https://github.com/haizlin/fe-interview/issues/2558)\r\n- [精确获取页面元素位置的方式有哪些？](https://github.com/haizlin/fe-interview/issues/2554)\r\n- [跨标签页的通讯方式有哪些](https://github.com/haizlin/fe-interview/issues/2549)\r\n- [websocket和http2有什么区别？http2能取代websocket吗？为什么？](https://github.com/haizlin/fe-interview/issues/2545)\r\n- [websocket如何区分不同的客户端？](https://github.com/haizlin/fe-interview/issues/2541)\r\n- [websocket可以携带cookie吗？为什么？如果可以，怎样做到呢？](https://github.com/haizlin/fe-interview/issues/2537)\r\n- [websocket握手成功会返回一个干什么状态吗？是200吗？](https://github.com/haizlin/fe-interview/issues/2533)\r\n- [websocket握手阶段是通过什么协议传输的？](https://github.com/haizlin/fe-interview/issues/2528)\r\n- [websocket是如何做心跳检测、数据加密、身份验证的？](https://github.com/haizlin/fe-interview/issues/2524)\r\n- [http和websocket能共用一个端口吗？为什么？](https://github.com/haizlin/fe-interview/issues/2520)\r\n- [websocket和socket有什么区别？](https://github.com/haizlin/fe-interview/issues/2516)\r\n- [websocket和http有什么区别？](https://github.com/haizlin/fe-interview/issues/2512)\r\n- [图片上传时实现本地预览功能的原理是什么？](https://github.com/haizlin/fe-interview/issues/2508)\r\n- [你有使用过HTML5 Boilerplate吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/2504)\r\n- [切页面时，每次都动手刷新看效果很麻烦，如果要让你写一个实时刷新预览的工具你该怎么写？](https://github.com/haizlin/fe-interview/issues/2499)\r\n- [说说你对Media Source Extensions(MSE)的理解，它解决了什么问题呢？](https://github.com/haizlin/fe-interview/issues/2495)\r\n- [浏览器是怎么对HTML5的离线储存资源进行管理和加载的](https://github.com/haizlin/fe-interview/issues/2490)\r\n- [input如何在各个浏览器下保持UI统一？](https://github.com/haizlin/fe-interview/issues/2486)\r\n- [使用H5实现一个手势密码](https://github.com/haizlin/fe-interview/issues/2482)\r\n- [如何让table的边框双线变单线？](https://github.com/haizlin/fe-interview/issues/2478)\r\n- [svg如何转为字体图标？](https://github.com/haizlin/fe-interview/issues/2468)\r\n- [webp与jpg、png比较，它有什么优劣势？如何选择？](https://github.com/haizlin/fe-interview/issues/2464)\r\n- [你有使用过webp的图片格式吗？](https://github.com/haizlin/fe-interview/issues/2460)\r\n- [html中如何使用svg？](https://github.com/haizlin/fe-interview/issues/2456)\r\n- [html5的video如何附带字幕？](https://github.com/haizlin/fe-interview/issues/2452)\r\n- [你有使用过html5的rt标签吗？它有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2448)\r\n- [网页打印与标准纸张换算时，cm和px是如何换算的？](https://github.com/haizlin/fe-interview/issues/2444)\r\n- [pre与xmp标签有什么区别？](https://github.com/haizlin/fe-interview/issues/2440)\r\n- [怎样在`
`标签内不转义<和>符号（原样输出html标签）？](https://github.com/haizlin/fe-interview/issues/2435)\r\n- [页面布局时你使用最多的标签是什么？div吗？在什么情况下会使用到div？](https://github.com/haizlin/fe-interview/issues/2430)\r\n- [如何在网页中打开腾讯QQ？](https://github.com/haizlin/fe-interview/issues/2423)\r\n- [如何在网页中嵌入公司地址的地图？](https://github.com/haizlin/fe-interview/issues/2418)\r\n- [如何扩大CheckBox点击区域](https://github.com/haizlin/fe-interview/issues/2414)\r\n- [如何放大点击的区域？](https://github.com/haizlin/fe-interview/issues/2410)\r\n- [微信公众号如何打开关联的小程序？](https://github.com/haizlin/fe-interview/issues/2406)\r\n- [DOM节点的种类有哪些？](https://github.com/haizlin/fe-interview/issues/2402)\r\n- [DOM节点的根节点是不是body？](https://github.com/haizlin/fe-interview/issues/2398)\r\n- [android手机能同时播放两个video音频吗？](https://github.com/haizlin/fe-interview/issues/2394)\r\n- [你有使用过output标签吗？说说它的用途有哪些？](https://github.com/haizlin/fe-interview/issues/2390)\r\n- [如何使用纯html制作一个进度条？](https://github.com/haizlin/fe-interview/issues/2386)\r\n- [你有使用过template标签吗？说说它的用途有哪些？](https://github.com/haizlin/fe-interview/issues/2382)\r\n- [你有使用过meter标签吗？说说它的用途有哪些？](https://github.com/haizlin/fe-interview/issues/2378)\r\n- [你有使用过blockquote标签吗？说说它的用途有哪些？](https://github.com/haizlin/fe-interview/issues/2372)\r\n- [你有使用过time标签吗？说说它的用途有哪些？](https://github.com/haizlin/fe-interview/issues/2368)\r\n- [如何实现前端代码实时预览效果？](https://github.com/haizlin/fe-interview/issues/2363)\r\n- [html如何启动本地的exe应用？](https://github.com/haizlin/fe-interview/issues/2359)\r\n- [浏览器是如何解析html的？](https://github.com/haizlin/fe-interview/issues/2351)\r\n- [举例说明图片懒加载的方案有哪些？](https://github.com/haizlin/fe-interview/issues/2347)\r\n- [请说说input的inputmode属性有什么应用场景？](https://github.com/haizlin/fe-interview/issues/2343)\r\n- [html5的游戏引擎你了解多少？都有哪些比较好用的引擎呢？](https://github.com/haizlin/fe-interview/issues/2339)\r\n- [html5的Notification桌面通知如何请求权限？](https://github.com/haizlin/fe-interview/issues/2335)\r\n- [使用history路由方式时，你有自己动手配置过服务器端吗？为什么要配服务器端？怎么配？](https://github.com/haizlin/fe-interview/issues/2331)\r\n- [history和hash两种路由方式的最大区别是什么？](https://github.com/haizlin/fe-interview/issues/2327)\r\n- [举例说明原生的html组件有哪些？](https://github.com/haizlin/fe-interview/issues/2323)\r\n- [说说html5手势检测原理是什么？](https://github.com/haizlin/fe-interview/issues/2319)\r\n- [怎样在文本框中禁用中文输入法？](https://github.com/haizlin/fe-interview/issues/2315)\r\n- [如何让`
测试 空格
`这两个词之间的空格变大？](https://github.com/haizlin/fe-interview/issues/2311)\r\n- [在网格布局中都有哪些概念呢？比如：网格线](https://github.com/haizlin/fe-interview/issues/2306)\r\n- [实现一个面包屑导航的效果](https://github.com/haizlin/fe-interview/issues/2302)\r\n- [如何使用普通元素拥有像textarea元素一样缩放？](https://github.com/haizlin/fe-interview/issues/2298)\r\n- [字体图标加载出来成了小方块，是什么原因呢？如何解决？](https://github.com/haizlin/fe-interview/issues/2294)\r\n- [当网页放大或者缩小后如何让页面布局不乱？](https://github.com/haizlin/fe-interview/issues/2290)\r\n- [实现一个全屏布局](https://github.com/haizlin/fe-interview/issues/2286)\r\n- [你有使用过IE的条件注释吗？](https://github.com/haizlin/fe-interview/issues/2277)\r\n- [实现九宫格布局](https://github.com/haizlin/fe-interview/issues/2270)\r\n- [说说元素上下层叠关系及七阶层叠关系](https://github.com/haizlin/fe-interview/issues/2266)\r\n- [说说你对这几个概念的理解：层叠上下文、层叠等级、层叠顺序](https://github.com/haizlin/fe-interview/issues/2262)\r\n- [实现一个stick-footer布局](https://github.com/haizlin/fe-interview/issues/2258)\r\n- [实现一个居中半透明的模态窗](https://github.com/haizlin/fe-interview/issues/2254)\r\n- [说说你对网格布局的理解](https://github.com/haizlin/fe-interview/issues/2250)\r\n- [写页面布局时你有考虑过分辨率因素吗？还要考虑哪些因素呢？](https://github.com/haizlin/fe-interview/issues/2246)\r\n- [div等元素如何阻止点击穿透和实现点击穿透？](https://github.com/haizlin/fe-interview/issues/2244)\r\n- [浏览器的默认字体大小是多少？怎么设计它的基准？](https://github.com/haizlin/fe-interview/issues/2236)\r\n- [打印页面时怎样自定义打印页眉页脚或者去掉眉页脚？](https://github.com/haizlin/fe-interview/issues/2232)\r\n- [link标签的属性media有哪些值？都有什么作用？](https://github.com/haizlin/fe-interview/issues/2221)\r\n- [如何设置打印尺寸？](https://github.com/haizlin/fe-interview/issues/2217)\r\n- [打印网页的时候，如何让指定的元素另起一页（打印分页）？](https://github.com/haizlin/fe-interview/issues/2213)\r\n- [说下你对组件、模块、元素的理解，它们的区别在哪里？](https://github.com/haizlin/fe-interview/issues/2208)\r\n- [给一个元素加下划线的方法有哪些？](https://github.com/haizlin/fe-interview/issues/2204)\r\n- [input元素size属性和width 的区别是什么？](https://github.com/haizlin/fe-interview/issues/2198)\r\n- [noscript标签有什么作用？](https://github.com/haizlin/fe-interview/issues/2194)\r\n- [隐藏div内文字的方法有哪些？](https://github.com/haizlin/fe-interview/issues/2190)\r\n- [列举几种多列等高布局的方法](https://github.com/haizlin/fe-interview/issues/2186)\r\n- [列举几种瀑布流布局的方法](https://github.com/haizlin/fe-interview/issues/2182)\r\n- [说说页面中字体渲染规则是怎样的？会有哪些因素影响字体的渲染？](https://github.com/haizlin/fe-interview/issues/2178)\r\n- [你知道什么是粘性布局吗？](https://github.com/haizlin/fe-interview/issues/2176)\r\n- [如何构建“弱网络环境”友好的项目？](https://github.com/haizlin/fe-interview/issues/2163)\r\n- [使用canvas制作一个印章](https://github.com/haizlin/fe-interview/issues/2159)\r\n- [后缀.html和.htm有什么区别？](https://github.com/haizlin/fe-interview/issues/2155)\r\n- [html6即将到来，你最期待的是什么特性呢？](https://github.com/haizlin/fe-interview/issues/2151)\r\n- [举例说明锚点定位有什么作用？](https://github.com/haizlin/fe-interview/issues/2147)\r\n- [什么是表单域？它有哪些运用场景？](https://github.com/haizlin/fe-interview/issues/2134)\r\n- [你是如何理解html与css分离的？](https://github.com/haizlin/fe-interview/issues/2125)\r\n- [编写html时，你有没有用过Emmet插件呢？说说它的优点及规则有哪些？](https://github.com/haizlin/fe-interview/issues/2121)\r\n- [编写一个布局，让文字环绕在图片的周围](https://github.com/haizlin/fe-interview/issues/2111)\r\n- [android手机的微信H5弹出的软键盘挡住了文本框，如何解决？](https://github.com/haizlin/fe-interview/issues/2107)\r\n- [input上传图片怎样触发默认拍照功能？](https://github.com/haizlin/fe-interview/issues/2103)\r\n- [input上传文件可以同时选择多张吗？怎么设置？](https://github.com/haizlin/fe-interview/issues/2093)\r\n- [如何禁止input输入的历史记录？](https://github.com/haizlin/fe-interview/issues/2089)\r\n- [举例说明Shadow DOM的应用场景有哪些？](https://github.com/haizlin/fe-interview/issues/2085)\r\n- [当html中使用map标签时,area中coords值如何精确定位呢？](https://github.com/haizlin/fe-interview/issues/2076)\r\n- [你有用过图片热区吗？它有什么运用场景？](https://github.com/haizlin/fe-interview/issues/2066)\r\n- [html如何创建图片热区（img usemap）？](https://github.com/haizlin/fe-interview/issues/2062)\r\n- [当img标签中的src图片加载失败时，怎么让它变得更美观呢？](https://github.com/haizlin/fe-interview/issues/2057)\r\n- [举例说明当我们在写布局时，都有哪些边界的情况需要关注的？](https://github.com/haizlin/fe-interview/issues/2047)\r\n- [如何去除标签``默认斜体？](https://github.com/haizlin/fe-interview/issues/2043)\r\n- [怎样避免让用户看到长时间的白屏？](https://github.com/haizlin/fe-interview/issues/2038)\r\n- [如何使用html5进行图片压缩上传？](https://github.com/haizlin/fe-interview/issues/2033)\r\n- [你知道``标签的target属性规定在何处打开链接文档吗？](https://github.com/haizlin/fe-interview/issues/2023)\r\n- [如何禁止移动端的左右划动手势？](https://github.com/haizlin/fe-interview/issues/2019)\r\n- [html5点击返回键怎样不让它返回上一页？](https://github.com/haizlin/fe-interview/issues/2015)\r\n- [在普通网页中如何调用html5+的plus对象？](https://github.com/haizlin/fe-interview/issues/2011)\r\n- [你知道什么是html5plus吗？](https://github.com/haizlin/fe-interview/issues/2007)\r\n- [在两个iframe之间传递参数的方法有哪些？](https://github.com/haizlin/fe-interview/issues/2003)\r\n- [怎样使用iframe刷新父级页面？](https://github.com/haizlin/fe-interview/issues/1994)\r\n- [为什么移动端页面的设计稿一般是750px/640px呢？](https://github.com/haizlin/fe-interview/issues/1985)\r\n- [iframe可以使用父页面中的资源吗（如：css、js等）？](https://github.com/haizlin/fe-interview/issues/1981)\r\n- [iframe在更改了src之后，不出现后退或者前进按钮怎么解决？](https://github.com/haizlin/fe-interview/issues/1977)\r\n- [iframe父页面如何获取子页面的元素？](https://github.com/haizlin/fe-interview/issues/1972)\r\n- [iframe如何自动调整高度？](https://github.com/haizlin/fe-interview/issues/1967)\r\n- [如何禁止web端的页面缩放？](https://github.com/haizlin/fe-interview/issues/1963)\r\n- [说说你对HTML5中video blob的理解](https://github.com/haizlin/fe-interview/issues/1957)\r\n- [微软雅黑是有版权的，在页面中使用font-family:Microsoft YaHei会不会有版权问题呢？](https://github.com/haizlin/fe-interview/issues/1953)\r\n- [对一个元素设置浮动后，它的特征是什么？](https://github.com/haizlin/fe-interview/issues/1949)\r\n- [IE6文字溢出BUG（别名：多出来的猪、谍影重重）怎么解决呢？](https://github.com/haizlin/fe-interview/issues/1945)\r\n- [你知道著名的3像素Bug指的是什么吗？怎么解决呢？](https://github.com/haizlin/fe-interview/issues/1941)\r\n- [可以给内联元素设置宽和高吗？为什么？](https://github.com/haizlin/fe-interview/issues/1932)\r\n- [如何解决input在Firefox和Chrome中高度不一致的问题？](https://github.com/haizlin/fe-interview/issues/1928)\r\n- [给内联元素加float与给块元素加float有什么区别？](https://github.com/haizlin/fe-interview/issues/1924)\r\n- [怎么去除img之间存在的间隔缝隙？](https://github.com/haizlin/fe-interview/issues/1919)\r\n- [table中给td设置宽度无效怎么解决？](https://github.com/haizlin/fe-interview/issues/1915)\r\n- [块级元素不能包含其他块级元素有那些？](https://github.com/haizlin/fe-interview/issues/1911)\r\n- [html的img标签为什么要添加alt属性呢？](https://github.com/haizlin/fe-interview/issues/1907)\r\n- [说说你对html的嵌套规范的理解，都有哪些规范呢？](https://github.com/haizlin/fe-interview/issues/1899)\r\n- [a标签可以再嵌套a标签吗？为什么？如果不行，那又想要嵌套效果怎么解决呢？](https://github.com/haizlin/fe-interview/issues/1895)\r\n- [html5有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/1891)\r\n- [html5应该注意哪些安全的问题？](https://github.com/haizlin/fe-interview/issues/1880)\r\n- [如何在页面上显示Emoji表情？](https://github.com/haizlin/fe-interview/issues/1876)\r\n- [如何在桌面上生成网站的快捷方式图标？](https://github.com/haizlin/fe-interview/issues/1872)\r\n- [举例说明实现文字贯穿线的方法有哪些？](https://github.com/haizlin/fe-interview/issues/1868)\r\n- [html标签的属性值是否可以省略引号？为什么？](https://github.com/haizlin/fe-interview/issues/1864)\r\n- [HTML5中的article和section有什么区别？](https://github.com/haizlin/fe-interview/issues/1860)\r\n- [怎样去除iOS和Android中的输入URL地址的控件条呢？](https://github.com/haizlin/fe-interview/issues/1856)\r\n- [img中的src加载失败时如何用默认图片来替换呢？](https://github.com/haizlin/fe-interview/issues/1852)\r\n- [页面上的登录表单记住了密码（显示星号），但我又忘了密码，如何找回这个密码呢？](https://github.com/haizlin/fe-interview/issues/1848)\r\n- [举例说明写一个button的按钮的方法有哪些？](https://github.com/haizlin/fe-interview/issues/1844)\r\n- [你知道微信端的浏览器内核是什么吗？](https://github.com/haizlin/fe-interview/issues/1840)\r\n- [移动端如何实现长按保存图片（图片上的二维码是动态的）？](https://github.com/haizlin/fe-interview/issues/1836)\r\n- [你有了解video的x5-video-player-type这个属性吗？它的作用是什么呢？](https://github.com/haizlin/fe-interview/issues/1832)\r\n- [IOS在播放视频时，有可能会出现短暂的黑屏，如何解决呢？](https://github.com/haizlin/fe-interview/issues/1828)\r\n- [移动端如何使页面横、竖屏？](https://github.com/haizlin/fe-interview/issues/1824)\r\n- [iOS下页面如何启动加载时显示画面图片？如何设置大小？它有什么好处？](https://github.com/haizlin/fe-interview/issues/1820)\r\n- [移动端如何设置页面以全屏模式运行？](https://github.com/haizlin/fe-interview/issues/1816)\r\n- [解释下什么是CDATA？](https://github.com/haizlin/fe-interview/issues/1812)\r\n- [写html代码时，如果缺少了结束标签，你如何检测及如何预防？](https://github.com/haizlin/fe-interview/issues/1808)\r\n- [写个布局，当页面高度不够时，底部固定在下面，反之不固定](https://github.com/haizlin/fe-interview/issues/1804)\r\n- [使用递归时应该注意哪些问题？](https://github.com/haizlin/fe-interview/issues/1800)\r\n- [canvas有哪些渲染上下文？](https://github.com/haizlin/fe-interview/issues/1796)\r\n- [如何禁止html页面缓存？](https://github.com/haizlin/fe-interview/issues/1792)\r\n- [举例说明html的修饰元素有哪些？](https://github.com/haizlin/fe-interview/issues/1788)\r\n- [html的标签元素分为哪几大类？分别有什么作用？](https://github.com/haizlin/fe-interview/issues/1784)\r\n- [网站如何自适应手机屏幕？](https://github.com/haizlin/fe-interview/issues/1780)\r\n- [列举下哪些块元素里面不能放哪些块元素呢？](https://github.com/haizlin/fe-interview/issues/1776)\r\n- [html中p标签内为何不能嵌套div标签？](https://github.com/haizlin/fe-interview/issues/1772)\r\n- [移动端如何禁止用户手动缩放页面？](https://github.com/haizlin/fe-interview/issues/1767)\r\n- [HTML5的video怎样预加载（支持全量加载）？](https://github.com/haizlin/fe-interview/issues/1763)\r\n- [HTML5的video怎么取消自动播放？](https://github.com/haizlin/fe-interview/issues/1759)\r\n- [HTML5如何隐藏video元素的控制栏、全屏按钮？](https://github.com/haizlin/fe-interview/issues/1754)\r\n- [如果要你实现一个代码（多种语言）高亮的组件，你的思路是什么？](https://github.com/haizlin/fe-interview/issues/1750)\r\n- [关于iframe的跨域你有了解多少？](https://github.com/haizlin/fe-interview/issues/1746)\r\n- [https页面加载http的资源会导致页面报错的原因是什么？怎么解决？](https://github.com/haizlin/fe-interview/issues/1742)\r\n- [html5怎么判断是否在wifi环境？](https://github.com/haizlin/fe-interview/issues/1738)\r\n- [举例说明html5怎么判断网络状态？](https://github.com/haizlin/fe-interview/issues/1734)\r\n- [html5怎么判断app是否安装？](https://github.com/haizlin/fe-interview/issues/1730)\r\n- [移动端滚动穿透是什么原因？有哪些解决方案？](https://github.com/haizlin/fe-interview/issues/1726)\r\n- [你知道移动端的尺寸都有哪些吗？](https://github.com/haizlin/fe-interview/issues/1722)\r\n- [目前移动端的最小点击区域是多少呢？](https://github.com/haizlin/fe-interview/issues/1718)\r\n- [html5怎样和Native App进行交互？](https://github.com/haizlin/fe-interview/issues/1714)\r\n- [网站上怎么实现分享到各大平台呢？](https://github.com/haizlin/fe-interview/issues/1710)\r\n- [使用canvas生成一张分享图](https://github.com/haizlin/fe-interview/issues/1706)\r\n- [canvas画出来的图是位图还是矢量图？](https://github.com/haizlin/fe-interview/issues/1702)\r\n- [在svg和canvas中你该如何选择？依据是什么？](https://github.com/haizlin/fe-interview/issues/1698)\r\n- [canvas的应用场景有哪些？](https://github.com/haizlin/fe-interview/issues/1694)\r\n- [如何将图片画到canvas上？都有哪些方法？](https://github.com/haizlin/fe-interview/issues/1690)\r\n- [canvas怎么兼容IE9以下版本？](https://github.com/haizlin/fe-interview/issues/1686)\r\n- [在使用canvas的arc绘制图像时应注意什么？](https://github.com/haizlin/fe-interview/issues/1681)\r\n- [请说说canvas的closePath()与lineTo()的区别是什么？](https://github.com/haizlin/fe-interview/issues/1677)\r\n- [在开发canvas时，你知道什么是非零环绕原则(nonzZero rule) 吗？](https://github.com/haizlin/fe-interview/issues/1673)\r\n- [canvas有哪些可以提升性能的优化方法？](https://github.com/haizlin/fe-interview/issues/1669)\r\n- [怎么让整个页面从iframe中跳出来？](https://github.com/haizlin/fe-interview/issues/1665)\r\n- [怎么让table的thead 不动，tbody出现滚动条呢？](https://github.com/haizlin/fe-interview/issues/1661)\r\n- [如何能防止网页禁止被iframe嵌入呢？ ](https://github.com/haizlin/fe-interview/issues/1657)\r\n- [HTML5图像相关的标签有哪些？](https://github.com/haizlin/fe-interview/issues/1653)\r\n- [用什么代替html5中不再支持table的cellspacing和cellpadding属性？](https://github.com/haizlin/fe-interview/issues/1649)\r\n- [如何防止cookie被盗用？](https://github.com/haizlin/fe-interview/issues/1645)\r\n- [html的标签``除了用作跳转链接外，还有哪些用途？](https://github.com/haizlin/fe-interview/issues/1641)\r\n- [请说说什么是分区响应图？](https://github.com/haizlin/fe-interview/issues/1637)\r\n- [table由哪几部分组成？](https://github.com/haizlin/fe-interview/issues/1628)\r\n- [浏览器怪异模式的怪异主要体现在哪方面呢？](https://github.com/haizlin/fe-interview/issues/1624)\r\n- [说说你对IE特有的数据存储userData的理解](https://github.com/haizlin/fe-interview/issues/1620)\r\n- [说说你对iframe属性sandbox的理解，它有什么作用呢？](https://github.com/haizlin/fe-interview/issues/1616)\r\n- [请解释下href=\"javascript:void(0)\"和href=\"#\"的区别是什么？](https://github.com/haizlin/fe-interview/issues/1612)\r\n- [怎样实现每次页面打开时都清除本页缓存？](https://github.com/haizlin/fe-interview/issues/1607)\r\n- [说说你是怎么实现页面阻尼效果的？](https://github.com/haizlin/fe-interview/issues/1603)\r\n- [网站的响应式和自适应有什么区别？](https://github.com/haizlin/fe-interview/issues/1599)\r\n- [解释下为什么说html嵌套级别不宜过多？](https://github.com/haizlin/fe-interview/issues/1594)\r\n- [说出至少十条你理解的html规范](https://github.com/haizlin/fe-interview/issues/1590)\r\n- [如果让你带一个什么都不懂的人入门学前端，你应该怎么带他？](https://github.com/haizlin/fe-interview/issues/1586)\r\n- [你觉得html简单吗？说说你的理由](https://github.com/haizlin/fe-interview/issues/1582)\r\n- [说说你认为html在前端的地位怎么样？](https://github.com/haizlin/fe-interview/issues/1578)\r\n- [当写一个复杂页面的时候，你是怎么布局的？有什么方法论吗？](https://github.com/haizlin/fe-interview/issues/1574)\r\n- [用一句话来描述下你对html的理解](https://github.com/haizlin/fe-interview/issues/1570)\r\n- [关于缓存你了解多少？](https://github.com/haizlin/fe-interview/issues/1565)\r\n- [适配刘海屏的方案有哪些呢？](https://github.com/haizlin/fe-interview/issues/1561)\r\n- [HTML5对元素内容进行拼写检查用的是什么属性呢？](https://github.com/haizlin/fe-interview/issues/1557)\r\n- [wbr和br标签的区别是什么？](https://github.com/haizlin/fe-interview/issues/1553)\r\n- [在使用HTML5时有哪些规则需要遵守？](https://github.com/haizlin/fe-interview/issues/1549)\r\n- [HTML5相比于HTML4有哪些优势？](https://github.com/haizlin/fe-interview/issues/1545)\r\n- [canvas怎么解决图片和文字模糊的问题？](https://github.com/haizlin/fe-interview/issues/1541)\r\n- [页面加载后，表单的第一个文本框如何自动获得焦点？](https://github.com/haizlin/fe-interview/issues/1537)\r\n- [你有了解过Applet（Java小程序）吗？](https://github.com/haizlin/fe-interview/issues/1533)\r\n- [你有使用过marquee吗？](https://github.com/haizlin/fe-interview/issues/1529)\r\n- [HTML5中required属性有什么应用场景？](https://github.com/haizlin/fe-interview/issues/1525)\r\n- [给单个表格的单元格设置背景色有什么方法？](https://github.com/haizlin/fe-interview/issues/1520)\r\n- [如何自动转移到新的页面？](https://github.com/haizlin/fe-interview/issues/1516)\r\n- [如何防止他人窃取我的源代码或图片？](https://github.com/haizlin/fe-interview/issues/1512)\r\n- [HTML的标签这么多，我要全部记住吗？如果不要怎么办？](https://github.com/haizlin/fe-interview/issues/1508)\r\n- [如果在写HTML时漏写了闭合标签，怎么办呢？](https://github.com/haizlin/fe-interview/issues/1504)\r\n- [举例说明表格中如何再嵌套表格](https://github.com/haizlin/fe-interview/issues/1500)\r\n- [你是如何组织html代码的？](https://github.com/haizlin/fe-interview/issues/1496)\r\n- [移动端点击300ms的延迟出现的原因是什么？你的解决方案是什么？](https://github.com/haizlin/fe-interview/issues/1492)\r\n- [你有使用过picture标签吗？说说它有哪些运用场景](https://github.com/haizlin/fe-interview/issues/1488)\r\n- [说下你对DOM树的理解](https://github.com/haizlin/fe-interview/issues/1484)\r\n- [canvas的width与height属性的值可不可以带单位？](https://github.com/haizlin/fe-interview/issues/1480)\r\n- [你有使用过HTML5的dialog标签吗？说说看，它有什么特点？](https://github.com/haizlin/fe-interview/issues/1476)\r\n- [解释下为什么`
 
`会换两行？](https://github.com/haizlin/fe-interview/issues/1472)\r\n- [你知道p标签和br标签两者的区别是什么吗？](https://github.com/haizlin/fe-interview/issues/1468)\r\n- [如何在页面中插入TAB符号（制表符）](https://github.com/haizlin/fe-interview/issues/1464)\r\n- [说下cookie都有哪些缺点？](https://github.com/haizlin/fe-interview/issues/1460)\r\n- [举例说明a标签的作用都有哪些？](https://github.com/haizlin/fe-interview/issues/1456)\r\n- [请举例说明关于html的引用标签有哪些？](https://github.com/haizlin/fe-interview/issues/1452)\r\n- [请举例说明html支持的数学符号有哪些？](https://github.com/haizlin/fe-interview/issues/1448)\r\n- [html的标签属性bgcolor支持简写吗？如：bgcolor=\"#F00\"](https://github.com/haizlin/fe-interview/issues/1444)\r\n- [举例说明ul、dl、ol三个标签的区别？](https://github.com/haizlin/fe-interview/issues/1440)\r\n- [html的a标签属性rel=\"noopener\"有什么作用？](https://github.com/haizlin/fe-interview/issues/1436)\r\n- [怎么使用HTML5实现录音的功能？](https://github.com/haizlin/fe-interview/issues/1432)\r\n- [主框架如何与iframe通信？如何解决跨域？](https://github.com/haizlin/fe-interview/issues/1428)\r\n- [有哪些方法可以将图片和文字显示在同一行上呢？](https://github.com/haizlin/fe-interview/issues/1417)\r\n- [png8和png24有什么区别呢？](https://github.com/haizlin/fe-interview/issues/1413)\r\n- [placeholder如何在兼容IE？](https://github.com/haizlin/fe-interview/issues/1408)\r\n- [举例说明如何实现浏览器桌面通知？](https://github.com/haizlin/fe-interview/issues/1403)\r\n- [HTML5如何唤醒APP？](https://github.com/haizlin/fe-interview/issues/1383)\r\n- [如何给一个下拉选项进行分组？](https://github.com/haizlin/fe-interview/issues/1379)\r\n- [HTML5的output是非常棒的一个标签，你对它有了解吗？](https://github.com/haizlin/fe-interview/issues/1375)\r\n- [举例说明HTML5的标签meter的用法](https://github.com/haizlin/fe-interview/issues/1371)\r\n- [请使用纯HTML制作一个进度条](https://github.com/haizlin/fe-interview/issues/1367)\r\n- [你有用过HTML5的track标签吗？说说它的运用场景有哪些？](https://github.com/haizlin/fe-interview/issues/1363)\r\n- [htm、html、shtml三者有什么区别呢？](https://github.com/haizlin/fe-interview/issues/1345)\r\n- [你有用过HTML5的requestAnimationFrame吗？它运用的场景有哪些呢？](https://github.com/haizlin/fe-interview/issues/1341)\r\n- [网站首页有大量的图片，加载很慢，要是你，你该怎么去优化呢？](https://github.com/haizlin/fe-interview/issues/1337)\r\n- [做好的页面都有在哪些浏览器上测过？](https://github.com/haizlin/fe-interview/issues/1333)\r\n- [HTML5的哪些新特性是令你最兴奋的？](https://github.com/haizlin/fe-interview/issues/1329)\r\n- [img、input标签它们是行内元素还是块级元素？](https://github.com/haizlin/fe-interview/issues/1315)\r\n- [HTML的标签区分大小写吗？属性名区分大小写吗？](https://github.com/haizlin/fe-interview/issues/1311)\r\n- [HTML的注释有几种写法？有什么规范吗？](https://github.com/haizlin/fe-interview/issues/1296)\r\n- [怎样给radio分组呢？](https://github.com/haizlin/fe-interview/issues/1292)\r\n- [你知道HTML什么是单闭合标签和双闭合标签吗？为何要分为这两种呢？](https://github.com/haizlin/fe-interview/issues/1287)\r\n- [什么是Data URI？](https://github.com/haizlin/fe-interview/issues/1283)\r\n- [你知道有哪些常见的视频（音频）编码格式和视频（音频）格式吗？](https://github.com/haizlin/fe-interview/issues/1279)\r\n- [Shadow DOM和Virtual DOM有什么区别？](https://github.com/haizlin/fe-interview/issues/1275)\r\n- [meta的属性有哪些组成？说说它们的分别有什么作用？](https://github.com/haizlin/fe-interview/issues/1271)\r\n- [为什么HTML5里面我们不需要DTD？](https://github.com/haizlin/fe-interview/issues/1267)\r\n- [前端路由指的是什么？它有什么好处？它有哪些方式可以实现呢？](https://github.com/haizlin/fe-interview/issues/1263)\r\n- [xpath和dom有什么区别？](https://github.com/haizlin/fe-interview/issues/1259)\r\n- [你有使用过HTML5的output吗？说说它的作用是什么？](https://github.com/haizlin/fe-interview/issues/1255)\r\n- [HTML5如何调用摄像头？](https://github.com/haizlin/fe-interview/issues/1251)\r\n- [怎么检测浏览器是否支持HTML5特性？](https://github.com/haizlin/fe-interview/issues/1247)\r\n- [举例说明如何使用纯html怎么实现下拉提示的功能？](https://github.com/haizlin/fe-interview/issues/1233)\r\n- [你有使用过figure标签吗？说说你对它的认识，有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/1229)\r\n- [你有用过bdo标签吗？举例说明它的作用是什么？](https://github.com/haizlin/fe-interview/issues/1225)\r\n- [HTML5的video在有的移动端设备无法自动播放？怎么解决？](https://github.com/haizlin/fe-interview/issues/1221)\r\n- [HTML5有哪些存储类型？它们之间有什么区别？](https://github.com/haizlin/fe-interview/issues/1217)\r\n- [不用h标签、css和js怎么实现多个字的字体连续放大的效果？](https://github.com/haizlin/fe-interview/issues/1213)\r\n- [使用标签怎样对一个单词标志缩写呢？](https://github.com/haizlin/fe-interview/issues/1209)\r\n- [说说你对small标签的认识，有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/1205)\r\n- [举例说明如何在页面中添加数学公式？](https://github.com/haizlin/fe-interview/issues/1201)\r\n- [HTML5如何使某个页面元素或整个页面可编辑？](https://github.com/haizlin/fe-interview/issues/1197)\r\n- [怎样把整个页面中的内容设置成只读，不可编辑的状态？](https://github.com/haizlin/fe-interview/issues/1182)\r\n- [input的onblur和onchange事件区别是什么？](https://github.com/haizlin/fe-interview/issues/1178)\r\n- [本地存储的生命周期是什么？](https://github.com/haizlin/fe-interview/issues/1174)\r\n- [请说说viewport是什么？在什么时候下使用？有什么作用？](https://github.com/haizlin/fe-interview/issues/1169)\r\n- [说说你对表单属性type=\"hidden\"的理解，它的运用场景有哪些？](https://github.com/haizlin/fe-interview/issues/1165)\r\n- [SGML（标准通用标记语言）和HTML（超文本标记语言），XML（可扩展标记语言）和HTML的之间有什么关系？](https://github.com/haizlin/fe-interview/issues/1161)\r\n- [请说说 `
` 和 `` 标签的区别？](https://github.com/haizlin/fe-interview/issues/1157)\r\n- [如何实现应用缓存？说说你对manifest的理解](https://github.com/haizlin/fe-interview/issues/1152)\r\n- [form标签定义请求类型和请求地址分别是哪个属性？](https://github.com/haizlin/fe-interview/issues/1148)\r\n- [说说你对HTML5的keygen标签的理解，它的作用是什么？](https://github.com/haizlin/fe-interview/issues/1144)\r\n- [如何让textarea标签中的内容原格式输出？](https://github.com/haizlin/fe-interview/issues/1140)\r\n- [请说说应用缓存中的回退和网络分别是什么？](https://github.com/haizlin/fe-interview/issues/1136)\r\n- [如何让textarea高度自适应呢？](https://github.com/haizlin/fe-interview/issues/1132)\r\n- [HTML5的服务器(server-sent event)发送事件有什么应用场景？](https://github.com/haizlin/fe-interview/issues/1128)\r\n- [如何刷新浏览器的应用缓存？](https://github.com/haizlin/fe-interview/issues/1124)\r\n- [Web Worker线程的限制是什么？](https://github.com/haizlin/fe-interview/issues/1120)\r\n- [canvas默认画布的尺寸是多大？怎样设置才能不会变形？](https://github.com/haizlin/fe-interview/issues/1116)\r\n- [触发form表单自动提交的方式有哪些？](https://github.com/haizlin/fe-interview/issues/1112)\r\n- [table去除边框的方法有哪些？](https://github.com/haizlin/fe-interview/issues/1108)\r\n- [你知道什么是锚点吗？它的作用是什么？怎么创建一个锚点？](https://github.com/haizlin/fe-interview/issues/1104)\r\n- [请问WebSql是HTML5的一个规范吗？](https://github.com/haizlin/fe-interview/issues/1100)\r\n- [精灵图和base64如何选择呢？](https://github.com/haizlin/fe-interview/issues/1096)\r\n- [html的button中的reset有什么作用？](https://github.com/haizlin/fe-interview/issues/1092)\r\n- [请说说Canvas和SVG图形的区别是什么？](https://github.com/haizlin/fe-interview/issues/1088)\r\n- [举例说明table怎么合并行和列的？](https://github.com/haizlin/fe-interview/issues/1083)\r\n- [HTML5规范将元素分为哪几个大类？分别说说它们的特点](https://github.com/haizlin/fe-interview/issues/1078)\r\n- [使用canvas画出一个矩形](https://github.com/haizlin/fe-interview/issues/1073)\r\n- [说说form-data、x-www-form-urlencoded、raw、binary的区别是什么？](https://github.com/haizlin/fe-interview/issues/1069)\r\n- [请描述下application cache的更新过程？](https://github.com/haizlin/fe-interview/issues/1065)\r\n- [你知道富文本编辑器的实现原理吗？](https://github.com/haizlin/fe-interview/issues/1061)\r\n- [说说你对富文本的理解，你有用过哪些富文本编辑器呢？](https://github.com/haizlin/fe-interview/issues/1057)\r\n- [有使用过HTML5的跟踪元素吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/1053)\r\n- [frame和iframe有什么区别？](https://github.com/haizlin/fe-interview/issues/1049)\r\n- [页面布局中的结构与表现分离，那么什么是结构？什么是表现呢？](https://github.com/haizlin/fe-interview/issues/1045)\r\n- [怎样去除html标签之间换行产生的空格？](https://github.com/haizlin/fe-interview/issues/1041)\r\n- [举例说明HTML5的Canvas元素有什么用途？](https://github.com/haizlin/fe-interview/issues/1037)\r\n- [在HTML5中如何组合标题？用哪个元素？](https://github.com/haizlin/fe-interview/issues/1033)\r\n- [你知道checkbox有几种状态吗？它们分别用来表示什么？](https://github.com/haizlin/fe-interview/issues/1029)\r\n- [HTML如何创建分区响应图？](https://github.com/haizlin/fe-interview/issues/1025)\r\n- [什么是svg？说说svg有什么运用场景？](https://github.com/haizlin/fe-interview/issues/1021)\r\n- [有好多网站不常用table和iframe这两个元素，知道原因吗？](https://github.com/haizlin/fe-interview/issues/1017)\r\n- [在默认的情况下，使用h1标签呈现出什么效果？](https://github.com/haizlin/fe-interview/issues/1013)\r\n- [网站的TDK该怎么设置？它有什么作用？](https://github.com/haizlin/fe-interview/issues/1009)\r\n- [除了音频和视频，HTML5还支持哪些媒体标签？](https://github.com/haizlin/fe-interview/issues/1005)\r\n- [如何在HTML5页面中嵌入音频和视频？](https://github.com/haizlin/fe-interview/issues/1001)\r\n- [说说HTML中的``标签有什么作用？](https://github.com/haizlin/fe-interview/issues/996)\r\n- [请描述一下cookies、sessionStorage和localStorage的区别？](https://github.com/haizlin/fe-interview/issues/992)\r\n- [行内元素、块级元素、空(void)元素分别有哪些？](https://github.com/haizlin/fe-interview/issues/988)\r\n- [说说你对accesskey的理解，举例说明它有什么运用场景？](https://github.com/haizlin/fe-interview/issues/984)\r\n- [HTML5怎么为输入框添加语音输入的功能呢？](https://github.com/haizlin/fe-interview/issues/979)\r\n- [HTML5的页面可见性（Page Visibility）有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/975)\r\n- [列举出你最常用的meta标签的写法和作用](https://github.com/haizlin/fe-interview/issues/971)\r\n- [Doctype有什么作用？你知道有多少种Doctype文档类型吗？](https://github.com/haizlin/fe-interview/issues/967)\r\n- [写出以下几个HTML标签：字体、居中、文字加粗、下标](https://github.com/haizlin/fe-interview/issues/962)\r\n- [HTML5标准提供了哪些新的API？你有用过哪些？](https://github.com/haizlin/fe-interview/issues/958)\r\n- [使用HTML5需要遵守哪些设计原则？](https://github.com/haizlin/fe-interview/issues/954)\r\n- [有使用过svg吗？请用svg画一个圆](https://github.com/haizlin/fe-interview/issues/906)\r\n- [请说说你对ISISO8859-2字符集的认识](https://github.com/haizlin/fe-interview/issues/902)\r\n- [请描述下元素的href和src有什么区别？](https://github.com/haizlin/fe-interview/issues/757)\r\n- [举例说明你对ol和ul标签的区别？它们的运用场景分别是什么呢？](https://github.com/haizlin/fe-interview/issues/747)\r\n- [a标签的href和onclick属性同时存在时哪个先触发？](https://github.com/haizlin/fe-interview/issues/743)\r\n- [怎么使用HTML5来获取定位？定位不准怎么解决？](https://github.com/haizlin/fe-interview/issues/607)\r\n- [举例说明如何原样输出HTML代码，不被浏览器解析？](https://github.com/haizlin/fe-interview/issues/600)\r\n- [举例说明你对HTML5的ruby标签的理解，都有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/596)\r\n- [iframe的使用场景有哪些？](https://github.com/haizlin/fe-interview/issues/592)\r\n- [a标签下的href=\"javascript:void(0)\"起到了什么作用？说说你对javascript:void(0)的理解？](https://github.com/haizlin/fe-interview/issues/588)\r\n- [在新窗口打开链接的方法是什么？那怎么设置全站链接都在新窗口打开？](https://github.com/haizlin/fe-interview/issues/584)\r\n- [用HTML5实现手机摇一摇功能你有做过吗？你知道它的原理吗？](https://github.com/haizlin/fe-interview/issues/580)\r\n- [你有用过HTML5的Device API吗？说说它都有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/576)\r\n- [简述下HTML的快捷键属性是哪个？并举例说明有什么用？](https://github.com/haizlin/fe-interview/issues/572)\r\n- [HTML5的应用程序缓存与浏览器缓存有什么不同？](https://github.com/haizlin/fe-interview/issues/568)\r\n- [你有用过HTML5中的datalist标签吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/562)\r\n- [说说你对HTML5的img标签属性srcset和sizes的理解？都有哪些应用场景？](https://github.com/haizlin/fe-interview/issues/530)\r\n- [HTML5如何识别语音读出的内容和朗读指定的内容？](https://github.com/haizlin/fe-interview/issues/526)\r\n- [移动web页面如何自动探测电话号码？](https://github.com/haizlin/fe-interview/issues/521)\r\n- [在a标签上的四个伪类执行顺序是什么？](https://github.com/haizlin/fe-interview/issues/517)\r\n- [favicon.ico有什么作用？怎么在页面中引用？常用尺寸有哪些？可以修改后缀名吗？](https://github.com/haizlin/fe-interview/issues/513)\r\n- [video和audio分别支持哪些格式？](https://github.com/haizlin/fe-interview/issues/509)\r\n- [怎么在IE8及以下实现HTML5的兼容？](https://github.com/haizlin/fe-interview/issues/502)\r\n- [html的a标签属性rel='nofollow'有什么作用？](https://github.com/haizlin/fe-interview/issues/498)\r\n- [怎样禁止表单记住密码自动填充？](https://github.com/haizlin/fe-interview/issues/494)\r\n- [写个例子说明HTML5在移动端如何打开APP？](https://github.com/haizlin/fe-interview/issues/490)\r\n- [请写出唤醒拔打电话、发送邮件、发送短信的例子](https://github.com/haizlin/fe-interview/issues/407)\r\n- [HTML5如果不写`` ，页面还会正常工作么？](https://github.com/haizlin/fe-interview/issues/403)\r\n- [html直接输入多个空格为什么只能显示一个空格？](https://github.com/haizlin/fe-interview/issues/299)\r\n- [写出html提供的几种空格实体（5种以上）](https://github.com/haizlin/fe-interview/issues/293)\r\n- [什么是html的字符实体？版权符号代码怎么写？](https://github.com/haizlin/fe-interview/issues/279)\r\n- [有使用过HTML5的拖放API吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/275)\r\n- [有用过HTML5的webSQL和IndexedDB吗？说说你对它们的理解](https://github.com/haizlin/fe-interview/issues/254)\r\n- [src、href、link的区别是什么？](https://github.com/haizlin/fe-interview/issues/250)\r\n- [有用过WebGL吗？说说你对它的理解](https://github.com/haizlin/fe-interview/issues/244)\r\n- [HTML5相对于HTML4有哪些优势？](https://github.com/haizlin/fe-interview/issues/240)\r\n- [你了解HTML5的download属性吗？](https://github.com/haizlin/fe-interview/issues/236)\r\n- [渐进式渲染是什么？](https://github.com/haizlin/fe-interview/issues/219)\r\n- [HTML5中新添加的表单属性有哪些？](https://github.com/haizlin/fe-interview/issues/215)\r\n- [你有了解HTML5的地理定位吗？怎么使用？](https://github.com/haizlin/fe-interview/issues/211)\r\n- [web workers有用过吗？能帮我们解决哪些问题？](https://github.com/haizlin/fe-interview/issues/207)\r\n- [From表单提交时为什么会刷新页面？怎么预防刷新？](https://github.com/haizlin/fe-interview/issues/202)\r\n- [Form表单是怎么上传文件的？你了解它的原理吗？](https://github.com/haizlin/fe-interview/issues/198)\r\n- [Ajax与Flash的优缺点分别是什么？](https://github.com/haizlin/fe-interview/issues/189)\r\n- [说说你对target=\"_blank\"的理解？有啥安全性问题？如何防范？](https://github.com/haizlin/fe-interview/issues/185)\r\n- [说说你对WEB标准和W3C的理解与认识？](https://github.com/haizlin/fe-interview/issues/181)\r\n- [HTML5如何使用音频和视频？](https://github.com/haizlin/fe-interview/issues/177)\r\n- [页面中怎么嵌入Flash？有哪些方法？写出来](https://github.com/haizlin/fe-interview/issues/173)\r\n- [xml与html有什么区别？](https://github.com/haizlin/fe-interview/issues/169)\r\n- [说说video标签中预加载视频用到的属性是什么？](https://github.com/haizlin/fe-interview/issues/165)\r\n- [如何让元素固定在页面底部？有哪些比较好的实践？](https://github.com/haizlin/fe-interview/issues/161)\r\n- [解释下什么是ISISO8859-2字符集？](https://github.com/haizlin/fe-interview/issues/156)\r\n- [webSocket怎么做兼容处理？](https://github.com/haizlin/fe-interview/issues/152)\r\n- [html5都有哪些新的特性？移除了哪些元素？](https://github.com/haizlin/fe-interview/issues/148)\r\n- [title与h1、b与strong、i与em的区别分别是什么？](https://github.com/haizlin/fe-interview/issues/144)\r\n- [说说你对cookie和session的理解](https://github.com/haizlin/fe-interview/issues/140)\r\n- [html5哪些标签可以优化SEO?](https://github.com/haizlin/fe-interview/issues/136)\r\n- [HTML与XHTML二者有不同](https://github.com/haizlin/fe-interview/issues/132)\r\n- [用一个div模拟textarea的实现](https://github.com/haizlin/fe-interview/issues/128)\r\n- [Standards模式和Quirks模式有什么区别？](https://github.com/haizlin/fe-interview/issues/122)\r\n- [html和html5有什么区别呢？](https://github.com/haizlin/fe-interview/issues/118)\r\n- [说说你对HTML元素的显示优先级的理解](https://github.com/haizlin/fe-interview/issues/114)\r\n- [DOM和BOM有什么区别？](https://github.com/haizlin/fe-interview/issues/110)\r\n- [网页上的验证码是为了解决什么问题？说说你了解的验证码种类有哪些](https://github.com/haizlin/fe-interview/issues/106)\r\n- [你了解什么是无障碍web（WAI）吗？在开发过程中要怎么做呢？](https://github.com/haizlin/fe-interview/issues/102)\r\n- [说说你对``标签的理解](https://github.com/haizlin/fe-interview/issues/98)\r\n- [说说你对影子(Shadow)DOM的了解](https://github.com/haizlin/fe-interview/issues/94)\r\n- [解释下你对GBK和UTF-8的理解？并说说页面上产生乱码的可能原因](https://github.com/haizlin/fe-interview/issues/90)\r\n- [请说说`