diff --git a/.gitattributes b/.gitattributes index 2fe3a954..4dc81d4d 100644 --- a/.gitattributes +++ b/.gitattributes @@ -1,4 +1,5 @@ -*.md linguist-language=JavaScript +*.md linguist-language=HTML *.js linguist-language=JavaScript -*.css linguist-language=JavaScript -*.html linguist-language=JavaScript \ No newline at end of file +*.css linguist-language=CSS +*.html linguist-language=JavaScript +*.png linguist-language=JavaScript \ No newline at end of file diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml new file mode 100644 index 00000000..cf0d6dff --- /dev/null +++ b/.github/FUNDING.yml @@ -0,0 +1,12 @@ +# 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 diff --git a/README-en.md b/README-en.md index 93ca5913..2181b606 100644 --- a/README-en.md +++ b/README-en.md @@ -1,227 +1,143 @@ -# Front-end interview **3+1** per day(Three questions per day) +## :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 + +
+
+
+ (Use wechat to sweep the experience, which will be open source soon) +
+Click on "Excellence - Ninth Anniversary" video
- -## 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). -
-
+ Think hard - do more - summarize - insist
+
+
+
+
+ (使用微信扫一扫体验,即将开源) +
+
-
+ 勤思考 - 多动手 - 善总结 - 能坚持
+
+
-
-
`标签内不转义<和>符号(原样输出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) +- [如何让`测试 空格
`这两个词之间的空格变大?](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) +- [如何去除标签``默认斜体?](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) +- [你知道``标签的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的标签``除了用作跳转链接外,还有哪些用途?](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) +- [解释下为什么``会换两行?](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) +- [请说说 `
` 和 `` 标签的区别?](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) @@ -33,12 +359,12 @@ - [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) +- [在默认的情况下,使用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中的``标签有什么作用?](https://github.com/haizlin/fe-interview/issues/996) -- [请描述一下cookies、sessionStorage和localStorage 的区别?](https://github.com/haizlin/fe-interview/issues/992) +- [请描述一下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) @@ -87,7 +413,7 @@ - [你了解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/207) +- [你有了解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) @@ -105,7 +431,7 @@ - [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) +- [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) @@ -132,28 +458,354 @@ - [常见的浏览器内核都有哪些?并介绍下你对内核的理解](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/haizhilin2013/interview/issues/25) -- [简述下html5的离线储存原理,同时说明如何使用?](https://github.com/haizhilin2013/interview/issues/22) -- [iframe框架都有哪些优缺点?](https://github.com/haizhilin2013/interview/issues/19) -- [label都有哪些作用?并举相应的例子说明](https://github.com/haizhilin2013/interview/issues/16) -- [简述超链接target属性的取值和作用](https://github.com/haizhilin2013/interview/issues/13) -- [HTML5的文件离线储存怎么使用,工作原理是什么?](https://github.com/haizhilin2013/interview/issues/10) -- [HTML全局属性(global attribute)有哪些(包含H5)?](https://github.com/haizhilin2013/interview/issues/7) -- [html的元素有哪些(包含H5)?](https://github.com/haizhilin2013/interview/issues/4) -- [页面导入样式时,使用link和@import有什么区别?](https://github.com/haizhilin2013/interview/issues/1) +- [浏览器内多个标签页之间的通信方式有哪些?](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 -- [举例说明伪类: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) +- [使用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) @@ -167,7 +819,7 @@ - [说说你对低版本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) +- [如何让大小不同的图片等比缩放不变形显示在固定大小的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) @@ -177,13 +829,13 @@ - [写出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) +- [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) +- [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) @@ -198,7 +850,7 @@ - [怎么改变选中文本的文字颜色和背景色?](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) +- [请说说*{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) @@ -213,10 +865,11 @@ - [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/208) +- [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/198) +- [有用过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) @@ -259,16 +912,342 @@ - [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/haizhilin2013/interview/issues/23) -- [简述你对BFC规范的理解](https://github.com/haizhilin2013/interview/issues/20) -- [用css创建一个三角形,并简述原理](https://github.com/haizhilin2013/interview/issues/17) -- [CSS3新增伪类有哪些并简要描述](https://github.com/haizhilin2013/interview/issues/14) -- [CSS选择器有哪些?哪些属性可以继承?](https://github.com/haizhilin2013/interview/issues/11) -- [在页面上隐藏元素的方法有哪些?](https://github.com/haizhilin2013/interview/issues/8) -- [CSS3有哪些新增的特性?](https://github.com/haizhilin2013/interview/issues/5) -- [圣杯布局和双飞翼布局的理解和区别,并用代码实现](https://github.com/haizhilin2013/interview/issues/2) +- [清除浮动的方式有哪些及优缺点?](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) @@ -290,7 +1269,7 @@ - [说说你对作用域链的理解](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) +- [你是如何更好地处理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) @@ -306,12 +1285,6 @@ - [写个方法随机打乱一个数组](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) -``` - function test(){ - return test; - } - new test() instanceof test; -``` - [请写一个sleep(暂停)函数](https://github.com/haizlin/fe-interview/issues/602) - [把Script标签放在页面最底部的``之前和之后有什么区别?浏览器会如何解析它们?](https://github.com/haizlin/fe-interview/issues/598) - [js延迟加载的方式有哪些?](https://github.com/haizlin/fe-interview/issues/594) @@ -321,6 +1294,7 @@ - [在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) @@ -345,10 +1319,14 @@ - [写一个方法,使得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/209) +- [写一个函数找出给定数组中的最大差值](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) @@ -391,16 +1369,342 @@ - [简要描述下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/haizhilin2013/interview/issues/24) -- [统计某一字符或字符串在另一个字符串中出现的次数](https://github.com/haizhilin2013/interview/issues/21) -- [写一个去除制表符和换行符的方法](https://github.com/haizhilin2013/interview/issues/18) -- [写一个把字符串大小写切换的方法](https://github.com/haizhilin2013/interview/issues/15) -- [写一个方法把下划线命名转成大驼峰命名](https://github.com/haizhilin2013/interview/issues/12) -- [去除字符串中最后一个指定的字符](https://github.com/haizhilin2013/interview/issues/9) -- [写一个方法去掉字符串中的空格](https://github.com/haizhilin2013/interview/issues/6) -- [用递归算法实现,数组长度为5且元素的随机数在2-32间不重复的值](https://github.com/haizhilin2013/interview/issues/3) +- [写一个加密字符串的方法](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) @@ -425,13 +1729,13 @@ - [请列举出多种减少页面加载时间的方法](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/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) -- [说说你对emojig表情的理解,前端如何处理emoji表情?它的运用场景有哪些?](https://github.com/haizlin/fe-interview/issues/957) +- [说说你对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) @@ -471,7 +1775,7 @@ - [说说你对浏览器的关键渲染路径的理解](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/210) +- [和你的上级领导意见不一致时你该怎么办?](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) diff --git a/category/css.md b/category/css.md index 73671e31..5484ddb3 100644 --- a/category/css.md +++ b/category/css.md @@ -1,9 +1,456 @@ # css面试题 -> 一周汇总一次 +> 不定时更新 ## 历史题目 -> 最新:2019.12.08 +> 最新: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/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) @@ -81,15 +528,6 @@ - [移动端的布局用过媒体查询吗?写一个试试](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) -```html - - -第一行:颜色是什么?-第二行:颜色是什么?-``` - [用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) @@ -108,34 +546,34 @@ - [说下你对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) +- [说说你对字母"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) @@ -149,7 +587,7 @@ - [说说你对低版本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) +- [如何让大小不同的图片等比缩放不变形显示在固定大小的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) @@ -159,13 +597,13 @@ - [写出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) +- [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) +- [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) @@ -180,7 +618,7 @@ - [怎么改变选中文本的文字颜色和背景色?](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) +- [请说说*{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) @@ -195,10 +633,11 @@ - [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/208) +- [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/198) +- [有用过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) @@ -241,11 +680,11 @@ - [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/haizhilin2013/interview/issues/23) -- [简述你对BFC规范的理解](https://github.com/haizhilin2013/interview/issues/20) -- [用css创建一个三角形,并简述原理](https://github.com/haizhilin2013/interview/issues/17) -- [CSS3新增伪类有哪些并简要描述](https://github.com/haizhilin2013/interview/issues/14) -- [CSS选择器有哪些?哪些属性可以继承?](https://github.com/haizhilin2013/interview/issues/11) -- [在页面上隐藏元素的方法有哪些?](https://github.com/haizhilin2013/interview/issues/8) -- [CSS3有哪些新增的特性?](https://github.com/haizhilin2013/interview/issues/5) -- [圣杯布局和双飞翼布局的理解和区别,并用代码实现](https://github.com/haizhilin2013/interview/issues/2) \ No newline at end of file +- [清除浮动的方式有哪些及优缺点?](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) diff --git a/category/history.md b/category/history.md index 775cfd8a..4da259e5 100644 --- a/category/history.md +++ b/category/history.md @@ -1,1469 +1,7746 @@ # 历史题目 -> 注:不包含当天的题,当天的题在首页显示 -- 第241天 (2019.12.13) - - [html] [html的标签除了用作跳转链接外,还有那些用途?](https://github.com/haizlin/fe-interview/issues/1641) - - [css] [你有使用过vmax和vmin吗?说说你对它们的理解](https://github.com/haizlin/fe-interview/issues/1642) - - [js] [请说说你对try/catch的理解,平时有在哪些场景会用到呢?](https://github.com/haizlin/fe-interview/issues/1643) - - [软技能] [说说你对开源项目的理解,它的意义何在?你有参与过开源项目吗?](https://github.com/haizlin/fe-interview/issues/1644) - -- 第240天 (2019.12.12) - - [html] [请说说什么是分区响应图?](https://github.com/haizlin/fe-interview/issues/1637) - - [css] [如何设置背景图片不随着文本内容的滚动而滚动?](https://github.com/haizlin/fe-interview/issues/1638) - - [js] [请实现一个计算器的功能](https://github.com/haizlin/fe-interview/issues/1639) - - [软技能] [你之前的公司有组织过分享会或者知识讲堂的活动吗?你有没有给同事分享过?](https://github.com/haizlin/fe-interview/issues/1640) - -- 第239天 (2019.12.11) - - [html] [table由哪几部分组成?](https://github.com/haizlin/fe-interview/issues/1628) - - [css] [css中兼容ie浏览器的前缀是什么? ](https://github.com/haizlin/fe-interview/issues/1629) - - [js] [写一个方法从数组中随机抽取N个不重复的元素](https://github.com/haizlin/fe-interview/issues/1630) - - [软技能] [你有参加过技术讨论会或者座谈会相关的活动吗?](https://github.com/haizlin/fe-interview/issues/1631) - -- 第238天 (2019.12.10) - - [html] [浏览器怪异模式的怪异主要体现在哪方面呢?](https://github.com/haizlin/fe-interview/issues/1624) - - [css] [请问触发hasLayout的后果是什么?](https://github.com/haizlin/fe-interview/issues/1625) - - [js] [遍历数组和对象的方法都有哪些?](https://github.com/haizlin/fe-interview/issues/1626) - - [软技能] [说下你对感染力的理解](https://github.com/haizlin/fe-interview/issues/1627) - -- 第237天 (2019.12.09) - - [html] [说说你对IE特有的数据存储userData的理解](https://github.com/haizlin/fe-interview/issues/1620) - - [css] [css中class和id选择器有什么区别?](https://github.com/haizlin/fe-interview/issues/1621) - - [js] [举例说明这三种方法map、reduce和filter的区别是什么?](https://github.com/haizlin/fe-interview/issues/1622) - - [软技能] [你是如何与空降领导相处的?](https://github.com/haizlin/fe-interview/issues/1623) - -- 第236天 (2019.12.08) - - [html] [说说你对iframe属性sandbox的理解,它有什么作用呢?](https://github.com/haizlin/fe-interview/issues/1616) - - [css] [移动端页面不满一屏时如何实现满屏背景?](https://github.com/haizlin/fe-interview/issues/1617) - - [js] [写一个方法找出指定一维数组所有不重复的元素和个数](https://github.com/haizlin/fe-interview/issues/1618) - - [软技能] [上班时你会经常看手机吗?](https://github.com/haizlin/fe-interview/issues/1619) - -- 第235天 (2019.12.07) - - [html] [请解释下href="javascript:void(0)"和href="#"的区别是什么?](https://github.com/haizlin/fe-interview/issues/1612) - - [css] [写一个高度从0到auto的transition动画](https://github.com/haizlin/fe-interview/issues/1613) - - [js] [请写出几种匿名自执行的写法(至少三种)](https://github.com/haizlin/fe-interview/issues/1614) - - [软技能] [在你专心写代码时,经常会有人在聊天工具上打扰你怎么办?](https://github.com/haizlin/fe-interview/issues/1615) - -- 第234天 (2019.12.06) - - [html] [怎样实现每次页面打开时都清除本页缓存?](https://github.com/haizlin/fe-interview/issues/1607) - - [css] [如何使用CSS3的属性设置模拟边框跟border效果一样?](https://github.com/haizlin/fe-interview/issues/1608) - - [js] [你知道js的函数重载是什么吗?](https://github.com/haizlin/fe-interview/issues/1609) - - [软技能] [你觉得你每天最佳的工作时间是什么时候?](https://github.com/haizlin/fe-interview/issues/1610) - -- 第233天 (2019.12.05) - - [html] [说说你是怎么实现页面阻尼效果的?](https://github.com/haizlin/fe-interview/issues/1603) - - [css] [怎么IE6下在使用margin:0 auto;无法使其居中?](https://github.com/haizlin/fe-interview/issues/1604) - - [js] [写一个方法获取div的宽高](https://github.com/haizlin/fe-interview/issues/1605) - - [软技能] [现在前后端分离,作为前端的你是怎么与其它部门合作的?](https://github.com/haizlin/fe-interview/issues/1606) - -- 第232天 (2019.12.04) - - [html] [网站的响应式和自适应有什么区别?](https://github.com/haizlin/fe-interview/issues/1599) - - [css] [使用css实现彩虹的效果](https://github.com/haizlin/fe-interview/issues/1600) - - [js] [举例说明constructor和instanceof的区别是什么?](https://github.com/haizlin/fe-interview/issues/1601) - - [软技能] [你是怎么理解团队合作的?](https://github.com/haizlin/fe-interview/issues/1602) - -- 第231天 (2019.12.03) - - [html] [解释下为什么说html嵌套级别不宜过多?](https://github.com/haizlin/fe-interview/issues/1594) - - [css] [css中padding和margin是相对于父元素还是子元素呢?](https://github.com/haizlin/fe-interview/issues/1595) - - [js] [写一个方法来获取div到浏览器窗口的高度](https://github.com/haizlin/fe-interview/issues/1596) - - [软技能] [现在公司有好几个侯选人,用一句话突出你的竞争力吧](https://github.com/haizlin/fe-interview/issues/1597) - -- 第230天 (2019.12.02) - - [html] [说出至少十条你理解的html规范](https://github.com/haizlin/fe-interview/issues/1590) - - [css] [当使用opacity时会使得元素的子元素也透明,此时不想要子元素也跟着透明怎么办?](https://github.com/haizlin/fe-interview/issues/1591) - - [js] [写一个方法判断页面滚动方向](https://github.com/haizlin/fe-interview/issues/1592) - - [软技能] [上级领导安排的任务过多无法完成,这时你该怎么办?](https://github.com/haizlin/fe-interview/issues/1593) - -- 第229天 (2019.12.01) - - [html] [如果让你带一个什么都不懂的人入门学前端,你应该怎么带他?](https://github.com/haizlin/fe-interview/issues/1586) - - [css] [在css中为什么说不建议使用@import?](https://github.com/haizlin/fe-interview/issues/1587) - - [js] [前端异步的使用场景有哪些?](https://github.com/haizlin/fe-interview/issues/1588) - - [软技能] [你最喜欢什么样的团队及团队氛围?](https://github.com/haizlin/fe-interview/issues/1589) - -- 第228天 (2019.11.30) - - [html] [你觉得html简单吗?说说你的理由](https://github.com/haizlin/fe-interview/issues/1582) - - [css] [写一个动画,向上匀速移动100px,向下以1.5倍速度移动200px,一直反复循环](https://github.com/haizlin/fe-interview/issues/1583) - - [js] [说出至少十条你理解的js规范](https://github.com/haizlin/fe-interview/issues/1584) - - [软技能] [你心中认为最成功(最认可)的一个人是谁?说说你对他的评价](https://github.com/haizlin/fe-interview/issues/1585) - -- 第227天 (2019.11.29) - - [html] [说说你认为html在前端的地位怎么样?](https://github.com/haizlin/fe-interview/issues/1578) - - [css] [说出至少十条你理解的css规范](https://github.com/haizlin/fe-interview/issues/1579) - - [js] [如何禁止IOS移动端网页橡皮筋的效果?](https://github.com/haizlin/fe-interview/issues/1580) - - [软技能] [在工作中,你会有犹豫的时候吗?举个例子说明下](https://github.com/haizlin/fe-interview/issues/1581) - -- 第226天 (2019.11.28) - - [html] [当写一个复杂页面的时候,你是怎么布局的?有什么方法论吗?](https://github.com/haizlin/fe-interview/issues/1574) - - [css] [使用css画出一个五角星](https://github.com/haizlin/fe-interview/issues/1575) - - [js] [各浏览器的事件机制有什么不同? 如何阻止事件冒泡?](https://github.com/haizlin/fe-interview/issues/1576) - - [软技能] [你最期望公司给你什么样的福利?](https://github.com/haizlin/fe-interview/issues/1577) - -- 第225天 (2019.11.27) - - [html] [用一句话来描述下你对html的理解](https://github.com/haizlin/fe-interview/issues/1570) - - [css] [使用overflow: scroll时不能平滑滚动怎样解决?](https://github.com/haizlin/fe-interview/issues/1571) - - [js] [解释下offsetWidth、clientWidth、scrollWidth这三者的区别是什么?](https://github.com/haizlin/fe-interview/issues/1572) - - [软技能] [让你去攻破一个难题,你愿意接受挑战吗?](https://github.com/haizlin/fe-interview/issues/1573) - -- 第224天 (2019.11.26) - - [html] [关于缓存你了解多少?](https://github.com/haizlin/fe-interview/issues/1565) - - [css] [请说下你对css对象模型(CSSOM)的理解](https://github.com/haizlin/fe-interview/issues/1566) - - [js] [请解释下NaN表示什么呢?typeof NaN结果是什么?](https://github.com/haizlin/fe-interview/issues/1567) - - [软技能] [你现在手头上有其他公司的offer吗?](https://github.com/haizlin/fe-interview/issues/1568) - -- 第223天 (2019.11.25) - - [html] [适配刘海屏的方案有哪些呢?](https://github.com/haizlin/fe-interview/issues/1561) - - [css] [用css实现倒影的效果](https://github.com/haizlin/fe-interview/issues/1562) - - [js] [举例说明你对事件代理的理解](https://github.com/haizlin/fe-interview/issues/1563) - - [软技能] [你上家公司的工资是多少呢?](https://github.com/haizlin/fe-interview/issues/1564) - -- 第222天 (2019.11.24) - - [html] [HTML5对元素内容进行拼写检查用的是什么属性呢?](https://github.com/haizlin/fe-interview/issues/1557) - - [css] [用css实现饼图效果](https://github.com/haizlin/fe-interview/issues/1558) - - [js] [异步加载和延迟加载有什么区别?](https://github.com/haizlin/fe-interview/issues/1559) - - [软技能] [如果一个团队里勾心斗角比较严重,你该怎么办?如果你是管理层你又该怎么办?](https://github.com/haizlin/fe-interview/issues/1560) - -- 第221天 (2019.11.23) - - [html] [wbr和br标签的区别是什么?](https://github.com/haizlin/fe-interview/issues/1553) - - [css] [怎么使用纯css实现左右拉伸拖动?](https://github.com/haizlin/fe-interview/issues/1554) - - [js] [js垃圾回收的方式有哪些?](https://github.com/haizlin/fe-interview/issues/1555) - - [软技能] [你觉得影响团队的战斗力有哪些方面的因素?](https://github.com/haizlin/fe-interview/issues/1556) - -- 第220天 (2019.11.22) - - [html] [在使用HTML5时有哪些规则需要遵守?](https://github.com/haizlin/fe-interview/issues/1549) - - [css] [举例说明attr()的使用场景](https://github.com/haizlin/fe-interview/issues/1550) - - [js] [你对window的属性devicePixelRatio有了解吗?说说它有什么实际应用场景?](https://github.com/haizlin/fe-interview/issues/1551) - - [软技能] [如果我们决定录用你,但薪资达不到你的要求,你愿意吗?最大幅度能接受降多少?](https://github.com/haizlin/fe-interview/issues/1552) - -- 第219天 (2019.11.21) - - [html] [HTML5相比于HTML4有哪些优势?](https://github.com/haizlin/fe-interview/issues/1545) - - [css] [你有使用:valid和:invalid来校验表单吗?](https://github.com/haizlin/fe-interview/issues/1546) - - [js] [写一个网络不通时则提醒用户的方法](https://github.com/haizlin/fe-interview/issues/1547) - - [软技能] [你喜欢什么样的领导?](https://github.com/haizlin/fe-interview/issues/1548) - -- 第218天 (2019.11.20) - - [html] [canvas怎么解决图片和文字模糊的问题?](https://github.com/haizlin/fe-interview/issues/1541) - - [css] [使用css写一个水平翻转文字的效果](https://github.com/haizlin/fe-interview/issues/1542) - - [js] [用js封闭一个对cookie操作的方法](https://github.com/haizlin/fe-interview/issues/1543) - - [软技能] [你之前的工作有出过差吗?如果公司要求出差,你该怎么办?](https://github.com/haizlin/fe-interview/issues/1544) - -- 第217天 (2019.11.19) - - [html] [页面加载后,表单的第一个文本框如何自动获得焦点?](https://github.com/haizlin/fe-interview/issues/1537) - - [css] [举例说明:not()的使用场景有哪些](https://github.com/haizlin/fe-interview/issues/1538) - - [js] [举例说明js创建数组有哪些方法?](https://github.com/haizlin/fe-interview/issues/1539) - - [软技能] [你对工作环境有什么要求吗?](https://github.com/haizlin/fe-interview/issues/1540) - -- 第216天 (2019.11.18) - - [html] [你有了解过Applet(Java小程序)吗?](https://github.com/haizlin/fe-interview/issues/1533) - - [css] [怎么让div中的图片和文字同时上下居中?](https://github.com/haizlin/fe-interview/issues/1534) - - [js] [举例说明什么是匿名函数?它有什么优缺点呢?](https://github.com/haizlin/fe-interview/issues/1535) - - [软技能] [如果你来后接手的项目有很多问题,你该怎么办?](https://github.com/haizlin/fe-interview/issues/1536) - -- 第215天 (2019.11.17) - - [html] [你有使用过marquee吗?](https://github.com/haizlin/fe-interview/issues/1529) - - [css] [怎么使图片宽度自适应呢?](https://github.com/haizlin/fe-interview/issues/1530) - - [js] [用js实现最大化和最小化窗口](https://github.com/haizlin/fe-interview/issues/1531) - - [软技能] [我们公司平时有组织羽毛球活动,你喜欢打羽毛球吗?打得如何?](https://github.com/haizlin/fe-interview/issues/1532) - -- 第214天 (2019.11.16) - - [html] [HTML5中required属性有什么应用场景?](https://github.com/haizlin/fe-interview/issues/1525) - - [css] [实现文本的竖向排版](https://github.com/haizlin/fe-interview/issues/1526) - - [js] [js如何实现打印指定的区域?](https://github.com/haizlin/fe-interview/issues/1527) - - [软技能] [你了解我们公司吗?说说你对我们公司的了解](https://github.com/haizlin/fe-interview/issues/1528) - -- 第213天 (2019.11.15) - - [html] [给单个表格的单元格设置背景色有什么方法?](https://github.com/haizlin/fe-interview/issues/1520) - - [css] [你有用过vw布局吗?和使用rem有什么区别?](https://github.com/haizlin/fe-interview/issues/1521) - - [js] [写一个方法检测页面中的所有标签是否正确闭合](https://github.com/haizlin/fe-interview/issues/1522) - - [软技能] [你知道二进制、八进制、十进制、十六进制的区别吗?它们分别有什么应用场景?](https://github.com/haizlin/fe-interview/issues/1523) - -- 第212天 (2019.11.14) - - [html] [如何自动转移到新的页面?](https://github.com/haizlin/fe-interview/issues/1516) - - [css] [举例说明常用的cursor取值有哪些?](https://github.com/haizlin/fe-interview/issues/1517) - - [js] [举例说明常用的BOM属性和方法有哪些?](https://github.com/haizlin/fe-interview/issues/1518) - - [软技能] [你所在的公司里的项目有用过敏捷开发吗?请说说你对敏捷开发的理解](https://github.com/haizlin/fe-interview/issues/1519) - -- 第211天 (2019.11.13) - - [html] [如何防止他人窃取我的源代码或图片?](https://github.com/haizlin/fe-interview/issues/1512) - - [css] [举例说明clear取值有哪些?](https://github.com/haizlin/fe-interview/issues/1513) - - [js] [写个方法判断当前脚本运行在浏览器还是node环境中](https://github.com/haizlin/fe-interview/issues/1514) - - [软技能] [除了前端以外还了解什么其它技术么?你自己最最厉害的技能是什么?](https://github.com/haizlin/fe-interview/issues/1515) - -- 第210天 (2019.11.12) - - [html] [HTML的标签这么多,我要全部记住吗?如果不要怎么办?](https://github.com/haizlin/fe-interview/issues/1508) - - [css] [请写出:link、:visited、:hover、:active的执行顺序](https://github.com/haizlin/fe-interview/issues/1509) - - [js] [写一个方法,传入数字x,从一个一维数组里找到两个数字符合“n1 + n2 = x”](https://github.com/haizlin/fe-interview/issues/1510) - - [软技能] [说说你对自我认识边界的理解](https://github.com/haizlin/fe-interview/issues/1511) - -- 第209天 (2019.11.11) - - [html] [如果在写HTML时漏写了闭合标签,怎么办呢?](https://github.com/haizlin/fe-interview/issues/1504) - - [css] [实现一个上下固定,中间自动填满的布局](https://github.com/haizlin/fe-interview/issues/1505) - - [js] [你知道什么是PAJAX吗?它和AJAX有什么区别?它的应用场景有哪些?](https://github.com/haizlin/fe-interview/issues/1506) - - [软技能] [在平时开发的时候,你有考虑过边界问题吗?说说你对边界的理解!](https://github.com/haizlin/fe-interview/issues/1507) - -- 第208天 (2019.11.10) - - [html] [举例说明表格中如何再嵌套表格](https://github.com/haizlin/fe-interview/issues/1500) - - [css] [怎样用纯CSS实现禁止鼠标点击事件?](https://github.com/haizlin/fe-interview/issues/1501) - - [js] [js的控制台输出,平时除了用console.log外,你还知道哪些?使用console.log应该注意什么?](https://github.com/haizlin/fe-interview/issues/1502) - - [软技能] [说说你对绩效的理解?](https://github.com/haizlin/fe-interview/issues/1503) - -- 第207天 (2019.11.09) - - [html] [你是如何组织html代码的?](https://github.com/haizlin/fe-interview/issues/1496) - - [css] [当全国哀悼日时,怎么让整个网站变成灰色呢?](https://github.com/haizlin/fe-interview/issues/1497) - - [js] [平时调试用console.log的输出结果可信吗?为什么?](https://github.com/haizlin/fe-interview/issues/1498) - - [软技能] [你平时有玩游戏吗?都玩什么游戏呢?玩得如何?](https://github.com/haizlin/fe-interview/issues/1499) - -- 第206天 (2019.11.08) - - [html] [移动端点击300ms的延迟出现的原因是什么?你的解决方案是什么?](https://github.com/haizlin/fe-interview/issues/1492) - - [css] [如果给一个元素设置background-color,它的颜色会填充哪些区域呢?](https://github.com/haizlin/fe-interview/issues/1493) - - [js] [用原生js获取DOM元素的方法有哪些?](https://github.com/haizlin/fe-interview/issues/1494) - - [软技能] [你平时熬夜吗?](https://github.com/haizlin/fe-interview/issues/1495) - -- 第205天 (2019.11.07) - - [html] [你有使用过picture标签吗?说说它有哪些运用场景](https://github.com/haizlin/fe-interview/issues/1488) - - [css] [使用css3做一个魔方旋转的效果](https://github.com/haizlin/fe-interview/issues/1489) - - [js] [getElementById和querySelector方法的区别是什么?](https://github.com/haizlin/fe-interview/issues/1490) - - [软技能] [前端如何预防SQL注入?](https://github.com/haizlin/fe-interview/issues/1491) - -- 第204天 (2019.11.06) - - [html] [说下你对DOM树的理解](https://github.com/haizlin/fe-interview/issues/1484) - - [css] [手写一个使用css3旋转硬币的效果](https://github.com/haizlin/fe-interview/issues/1485) - - [js] [举例说明document.execCommand有哪些用途](https://github.com/haizlin/fe-interview/issues/1486) - - [软技能] [你知道什么是区块链吗?](https://github.com/haizlin/fe-interview/issues/1487) - -- 第203天 (2019.11.05) - - [html] [canvas的width与height属性的值可不可以带单位?](https://github.com/haizlin/fe-interview/issues/1480) - - [css] [height和line-height的区别是什么呢?](https://github.com/haizlin/fe-interview/issues/1481) - - [js] [你平时是怎么调试js的?会断点调试吗?断点调试有什么技巧呢?](https://github.com/haizlin/fe-interview/issues/1482) - - [软技能] [前端如何防止XSS攻击?](https://github.com/haizlin/fe-interview/issues/1483) - -- 第202天 (2019.11.04) - - [html] [你有使用过HTML5的dialog标签吗?说说看,它有什么特点?](https://github.com/haizlin/fe-interview/issues/1476) - - [css] [请用css写一个扫码的加载动画图](https://github.com/haizlin/fe-interview/issues/1477) - - [js] [如何使用js获取当前的url和来源的url?](https://github.com/haizlin/fe-interview/issues/1478) - - [软技能] [你有想过创业的打算吗?](https://github.com/haizlin/fe-interview/issues/1479) - -- 第201天 (2019.11.03) - - [html] [解释下为什么``会换两行?](https://github.com/haizlin/fe-interview/issues/1472) - - [css] [举例说明伪类:focus-within的用法](https://github.com/haizlin/fe-interview/issues/1473) - - [js] [你有用过哪些3D渲染的库?](https://github.com/haizlin/fe-interview/issues/1474) - - [软技能] [你知道什么是内网穿透吗?有没有玩过?](https://github.com/haizlin/fe-interview/issues/1475) - -- 第200天 (2019.11.02) - - [html] [你知道p标签和br标签两者的区别是什么吗?](https://github.com/haizlin/fe-interview/issues/1468) - - [css] [如何用css自定义滚动条?能做到所有浏览器兼容吗?想要做兼容怎么办呢?](https://github.com/haizlin/fe-interview/issues/1469) - - [js] [页面的编码和被请求的资源编码不一致时如何处理?](https://github.com/haizlin/fe-interview/issues/1470) - - [软技能] [你要是在家时,公司网站出问题了你是怎么解决的?](https://github.com/haizlin/fe-interview/issues/1471) - -- 第199天 (2019.11.01) - - [html] [如何在页面中插入TAB符号(制表符)](https://github.com/haizlin/fe-interview/issues/1464) - - [css] [border-radius:50%和border-radius:100%有什么区别?](https://github.com/haizlin/fe-interview/issues/1465) - - [js] [ajax的请求状态有哪几种?](https://github.com/haizlin/fe-interview/issues/1466) - - [软技能] [假设有一个场景,需要前端自己计算十万级别或更多的数据,你有解决什么方案呢?](https://github.com/haizlin/fe-interview/issues/1467) - -- 第198天 (2019.10.31) - - [html] [说下cookie都有哪些缺点?](https://github.com/haizlin/fe-interview/issues/1460) - - [css] [如何使用CSS实现段落首字母或首字放大效果?](https://github.com/haizlin/fe-interview/issues/1461) - - [js] [请介绍下js的数据类型](https://github.com/haizlin/fe-interview/issues/1462) - - [软技能] [你有做过H5的游戏开发吗?说说它的开发步骤](https://github.com/haizlin/fe-interview/issues/1463) - -- 第197天 (2019.10.30) - - [html] [举例说明a标签的作用都有哪些?](https://github.com/haizlin/fe-interview/issues/1456) - - [css] [如何给段落的首行缩进?](https://github.com/haizlin/fe-interview/issues/1457) - - [js] [写一个方法找出一段话里面出现频率最多的词](https://github.com/haizlin/fe-interview/issues/1458) - - [软技能] [你有做过Hybrid APP开发吗?说说你的经验](https://github.com/haizlin/fe-interview/issues/1459) - -- 第196天 (2019.10.29) - - [html] [请举例说明关于html的引用标签有哪些?](https://github.com/haizlin/fe-interview/issues/1452) - - [css] [你有去看过或者了解过css的标准文档吗?](https://github.com/haizlin/fe-interview/issues/1453) - - [js] [请使用js实现一个省市县级联的效果](https://github.com/haizlin/fe-interview/issues/1454) - - [软技能] [你是计算机专业的吗?你们上学都学了哪些内容?](https://github.com/haizlin/fe-interview/issues/1455) - -- 第195天 (2019.10.28) - - [html] [请举例说明html支持的数学符号有哪些?](https://github.com/haizlin/fe-interview/issues/1448) - - [css] [你知道CSS的标准发布流程吗?](https://github.com/haizlin/fe-interview/issues/1449) - - [js] [用js实现一个轮播图,并简述有哪些实现的方法](https://github.com/haizlin/fe-interview/issues/1450) - - [软技能] [你知道开发好的功能要自测吗?你一般是怎么自测的呢?](https://github.com/haizlin/fe-interview/issues/1451) - -- 第194天 (2019.10.27) - - [html] [html的标签属性bgcolor支持简写吗?如:bgcolor="#F00"](https://github.com/haizlin/fe-interview/issues/1444) - - [css] [你最希望css拥有什么样的特性?(目前没有的)](https://github.com/haizlin/fe-interview/issues/1445) - - [js] [请使用纯js实现一个横向或纵向的无缝滚动效果](https://github.com/haizlin/fe-interview/issues/1446) - - [软技能] [你有给自己制定过计划吗?怎么去落实的?](https://github.com/haizlin/fe-interview/issues/1447) - -- 第193天 (2019.10.26) - - [html] [举例说明ul、dl、ol三个标签的区别?](https://github.com/haizlin/fe-interview/issues/1440) - - [css] [解释下为什么css的reset不建议直接这么写:*{ margin:0; padding:0;}?](https://github.com/haizlin/fe-interview/issues/1441) - - [js] [请写一个获取颜色的正则](https://github.com/haizlin/fe-interview/issues/1442) - - [软技能] [在工作中,你对开发环境有什么要求吗?](https://github.com/haizlin/fe-interview/issues/1443) - -- 第192天 (2019.10.25) - - [html] [html的a标签属性rel="noopener"有什么作用?](https://github.com/haizlin/fe-interview/issues/1436) - - [css] [为什么说不提倡用1px的小尺寸图片做背景平铺?](https://github.com/haizlin/fe-interview/issues/1437) - - [js] [请用js实现一个简单的小区楼的电梯运行程序](https://github.com/haizlin/fe-interview/issues/1438) - - [软技能] [你有在linux下编程过吗?有使用过mac系统吗?说下它和win系统的区别?](https://github.com/haizlin/fe-interview/issues/1439) - -- 第191天 (2019.10.24) - - [html] [怎么使用HTML5实现录音的功能?](https://github.com/haizlin/fe-interview/issues/1432) - - [css] [举例说明css有哪些简写的属性和属性值?](https://github.com/haizlin/fe-interview/issues/1433) - - [js] [举例说明atob和btoa的用法](https://github.com/haizlin/fe-interview/issues/1434) - - [软技能] [你有用记事本来写过代码吗?说说你的感受!](https://github.com/haizlin/fe-interview/issues/1435) - -- 第190天 (2019.10.23) - - [html] [主框架如何与iframe通信?如何解决跨域?](https://github.com/haizlin/fe-interview/issues/1428) - - [css] [请说说颜色中#F00的每一位分别表示什么?为什么会有三位和六位的表示呢?](https://github.com/haizlin/fe-interview/issues/1429) - - [js] [用原生js实现类似getElementsByClassName的方法,不能使用querySelectorAll](https://github.com/haizlin/fe-interview/issues/1430) - - [软技能] [强类型和弱类型语言的区别是什么?](https://github.com/haizlin/fe-interview/issues/1431) - -- 第189天 (2019.10.22) - - [html] [有哪些方法可以将图片和文字显示在同一行上呢?](https://github.com/haizlin/fe-interview/issues/1417) - - [css] [请使用css写一个多级的下拉菜单](https://github.com/haizlin/fe-interview/issues/1418) - - [js] [写一个方法将html页面生成为图片](https://github.com/haizlin/fe-interview/issues/1419) - - [软技能] [你觉得该不该写注释?你写注释的原则是什么?](https://github.com/haizlin/fe-interview/issues/1420) - -- 第188天 (2019.10.21) - - [html] [png8和png24有什么区别呢?](https://github.com/haizlin/fe-interview/issues/1413) - - [css] [用css给一个元素加边框有哪些方法?](https://github.com/haizlin/fe-interview/issues/1414) - - [js] [stopPropagation()和preventDefault()这两个方法有什么区别?](https://github.com/haizlin/fe-interview/issues/1415) - - [软技能] [你有听说过“分词”吗?说说你对它的理解](https://github.com/haizlin/fe-interview/issues/1416) - -- 第187天 (2019.10.20) - - [html] [placeholder如何在兼容IE?](https://github.com/haizlin/fe-interview/issues/1408) - - [css] [相邻兄弟选择器、后代选择器和子选择器三者有什么区别?](https://github.com/haizlin/fe-interview/issues/1409) - - [js] [你有使用过FileReader吗?说说它有哪些应用场景?](https://github.com/haizlin/fe-interview/issues/1410) - - [软技能] [你知道什么是人工智能和机器学习吗?说说你对它们的理解认知](https://github.com/haizlin/fe-interview/issues/1411) - -- 第186天 (2019.10.19) - - [html] [举例说明如何实现浏览器桌面通知?](https://github.com/haizlin/fe-interview/issues/1403) - - [css] [举例说明你对相邻兄弟选择器的理解](https://github.com/haizlin/fe-interview/issues/1404) - - [js] [当用户刷新网页时,js的请求有哪些地方会有缓存处理呢?](https://github.com/haizlin/fe-interview/issues/1405) - - [软技能] [你知道什么是PDCA吗?要怎么运用好它呢?](https://github.com/haizlin/fe-interview/issues/1406) - -- 第185天 (2019.10.18) - - [html] [HTML5如何唤醒APP?](https://github.com/haizlin/fe-interview/issues/1383) - - [css] [你是怎么设计css sprites(精灵图)的?有哪些技巧?](https://github.com/haizlin/fe-interview/issues/1384) - - [js] [onload事件和domcontentloaded哪个先执行呢?](https://github.com/haizlin/fe-interview/issues/1385) - - [软技能] [你知道什么是域名备案吗?备案有什么用?可以不备案吗?](https://github.com/haizlin/fe-interview/issues/1386) - -- 第184天 (2019.10.17) - - [html] [如何给一个下拉选项进行分组?](https://github.com/haizlin/fe-interview/issues/1379) - - [css] [请描述下你对translate()方法的理解](https://github.com/haizlin/fe-interview/issues/1380) - - [js] [说下你对面向对象的理解](https://github.com/haizlin/fe-interview/issues/1381) - - [软技能] [你上家公司的接口是怎么管理的?](https://github.com/haizlin/fe-interview/issues/1382) - -- 第183天 (2019.10.16) - - [html] [HTML5的output是非常棒的一个标签,你对它有了解吗?](https://github.com/haizlin/fe-interview/issues/1375) - - [css] [怎样去除图片自带的边距?](https://github.com/haizlin/fe-interview/issues/1376) - - [js] [在js中函数返回多个值有哪些方法?](https://github.com/haizlin/fe-interview/issues/1377) - - [软技能] [说说你对AMD、CMD和CommonJS的理解](https://github.com/haizlin/fe-interview/issues/1378) - -- 第182天 (2019.10.15) - - [html] [举例说明HTML5的标签meter的用法](https://github.com/haizlin/fe-interview/issues/1371) - - [css] [让你手写一个reset的文件,你应该怎么写?要考虑哪些方面呢?](https://github.com/haizlin/fe-interview/issues/1372) - - [js] [为什么说js是弱类型语言,它的优缺点分别是什么?](https://github.com/haizlin/fe-interview/issues/1373) - - [软技能] [你知道什么是ECMAScript吗?](https://github.com/haizlin/fe-interview/issues/1374) - -- 第181天 (2019.10.14) - - [html] [请使用纯HTML制作一个进度条](https://github.com/haizlin/fe-interview/issues/1367) - - [css] [你知道css的预处理器和后处理器都有哪些吗?它们有什么区别呢?](https://github.com/haizlin/fe-interview/issues/1368) - - [js] [写一个密码生成器,并同时写一个密码强度校验的方法](https://github.com/haizlin/fe-interview/issues/1369) - - [软技能] [你有自己写过爬虫的程序吗?说说你对爬虫和反爬虫的理解?](https://github.com/haizlin/fe-interview/issues/1370) - -- 第180天 (2019.10.13) - - [html] [你有用过HTML5的track标签吗?说说它的运用场景有哪些?](https://github.com/haizlin/fe-interview/issues/1363) - - [css] [请使用css画一个圆,方法可以多种](https://github.com/haizlin/fe-interview/issues/1364) - - [js] [有什么方案可以提高无限滚动列表的性能?](https://github.com/haizlin/fe-interview/issues/1365) - - [软技能] [举例缓存头都有哪些?并说明它们的用处](https://github.com/haizlin/fe-interview/issues/1366) - -- 第179天 (2019.10.12) - - [html] [htm、html、shtml三者有什么区别呢?](https://github.com/haizlin/fe-interview/issues/1345) - - [css] [css中最常用的字体有哪些?你是怎么选择字体的?](https://github.com/haizlin/fe-interview/issues/1346) - - [js] [js如何把网页加入收藏夹功能?](https://github.com/haizlin/fe-interview/issues/1347) - - [软技能] [说下你对可视化开发的理解](https://github.com/haizlin/fe-interview/issues/1348) - -- 第178天 (2019.10.11) - - [html] [你有用过HTML5的requestAnimationFrame吗?它运用的场景有哪些呢?](https://github.com/haizlin/fe-interview/issues/1341) - - [css] [请举例说明css有哪些不可继承的属性?](https://github.com/haizlin/fe-interview/issues/1342) - - [js] [你知道什么是三元表达式吗?“三元” 表示什么意思?使用三元表达式应该注意些什么问题?](https://github.com/haizlin/fe-interview/issues/1343) - - [软技能] [当线上代码出现问题了,你该怎么排查呢?](https://github.com/haizlin/fe-interview/issues/1344) - -- 第177天 (2019.10.10) - - [html] [网站首页有大量的图片,加载很慢,要是你,你该怎么去优化呢?](https://github.com/haizlin/fe-interview/issues/1337) - - [css] [你有使用过preload、preconnect、prefetch这些属性吗?说说它们都有什么作用?](https://github.com/haizlin/fe-interview/issues/1338) - - [js] [说下你对函数的形参与实参的理解](https://github.com/haizlin/fe-interview/issues/1339) - - [软技能] [当接到一个新的需求时,你的第一反应是什么?](https://github.com/haizlin/fe-interview/issues/1340) - -- 第176天 (2019.10.09) - - [html] [做好的页面都有在哪些浏览器上测过](https://github.com/haizlin/fe-interview/issues/1333) - - [css] [你是怎样对css文件进行压缩合并的?](https://github.com/haizlin/fe-interview/issues/1334) - - [js] [请用js实现一个promise的方法](https://github.com/haizlin/fe-interview/issues/1335) - - [软技能] [在工作中,你觉得如何提高幸福指数呢?](https://github.com/haizlin/fe-interview/issues/1336) - -- 第175天 (2019.10.08) - - [html] [HTML5的哪些新特性是令你最兴奋的?](https://github.com/haizlin/fe-interview/issues/1329) - - [css] [如果css文件过大时,如何异步加载它?](https://github.com/haizlin/fe-interview/issues/1330) - - [js] [请说说你对promise的理解](https://github.com/haizlin/fe-interview/issues/1331) - - [软技能] [你对“技术服务于生活”的理解是什么?](https://github.com/haizlin/fe-interview/issues/1332) - -- 第174天 (2019.10.07) - - [html] [img、input标签它们是行内元素还是块级元素?](https://github.com/haizlin/fe-interview/issues/1315) - - [css] [css3和css2的区别是什么?](https://github.com/haizlin/fe-interview/issues/1316) - - [js] [你知道断点续传的原理吗?用js怎么实现?](https://github.com/haizlin/fe-interview/issues/1317) - - [软技能] [你想当技术总监吗?你觉得技术总监应具备什么样的技能?](https://github.com/haizlin/fe-interview/issues/1318) - -- 第173天 (2019.10.06) - - [html] [HTML的标签区分大小写吗?属性名区分大小写吗?](https://github.com/haizlin/fe-interview/issues/1311) - - [css] [你有使用过字体图标吗?它有什么好处?](https://github.com/haizlin/fe-interview/issues/1312) - - [js] [清空一个数组的方式有哪些?它们有什么区别?](https://github.com/haizlin/fe-interview/issues/1313) - - [软技能] [从你的角度上来说下你对“产品经理”这个岗位的理解](https://github.com/haizlin/fe-interview/issues/1314) - -- 第172天 (2019.10.05) - - [html] [HTML的注释有几种写法?有什么规范吗?](https://github.com/haizlin/fe-interview/issues/1296) - - [css] [你知道什么是流体排版吗?说说它的原理是什么?](https://github.com/haizlin/fe-interview/issues/1297) - - [js] [ES5和ES6、ES7有什么区别?](https://github.com/haizlin/fe-interview/issues/1298) - - [软技能] [请解释下单线程与多线程之间的区别?](https://github.com/haizlin/fe-interview/issues/1299) - -- 第171天 (2019.10.04) - - [html] [怎样给radio分组呢?](https://github.com/haizlin/fe-interview/issues/1292) - - [css] [请说说你对vh、vw的理解以及它们的运用场景是什么?](https://github.com/haizlin/fe-interview/issues/1293) - - [js] [写一个根据xpath获取元素的方法](https://github.com/haizlin/fe-interview/issues/1294) - - [软技能] [浏览器本地存储和服务器端存储有区别呢?](https://github.com/haizlin/fe-interview/issues/1295) - -- 第170天 (2019.10.03) - - [html] [你知道HTML什么是单闭合标签和双闭合标签吗?为何要分为这两种呢?](https://github.com/haizlin/fe-interview/issues/1287) - - [css] [css怎么更改表单的单选框或下拉框的默认样式?](https://github.com/haizlin/fe-interview/issues/1288) - - [js] [用js实现一个复制粘贴的功能](https://github.com/haizlin/fe-interview/issues/1289) - - [软技能] [说下你对预加载的理解?](https://github.com/haizlin/fe-interview/issues/1290) - -- 第169天 (2019.10.02) - - [html] [什么是Data URI?](https://github.com/haizlin/fe-interview/issues/1283) - - [css] [你了解css3的currentColor吗?举例说明它的作用是什么?](https://github.com/haizlin/fe-interview/issues/1284) - - [js] [说说你对ArrayBuffer的理解!它和Array有什么区别?](https://github.com/haizlin/fe-interview/issues/1285) - - [软技能] [你有做过直播相关开发吗?知道它的原理吗?](https://github.com/haizlin/fe-interview/issues/1286) - -- 第168天 (2019.10.01) - - [html] [你知道有哪些常见的视频(音频)编码格式和视频(音频)格式吗?](https://github.com/haizlin/fe-interview/issues/1279) - - [css] [怎么去掉点击a链接或者图片出现的边框?](https://github.com/haizlin/fe-interview/issues/1280) - - [js] [如何解决在手机上长时间点击会选中图片?](https://github.com/haizlin/fe-interview/issues/1281) - - [软技能] [写js代码时你喜欢哪种命名方式?](https://github.com/haizlin/fe-interview/issues/1282) - -- 第167天 (2019.09.30) - - [html] [Shadow DOM和Virtual DOM有什么区别?](https://github.com/haizlin/fe-interview/issues/1275) - - [css] [css的linear-gradient有什么作用呢?](https://github.com/haizlin/fe-interview/issues/1276) - - [js] [你了解什么是AOP吗?它的作用是什么?举个例子](https://github.com/haizlin/fe-interview/issues/1277) - - [软技能] [这么多年来,你值得骄傲坚持的是什么?](https://github.com/haizlin/fe-interview/issues/1278) - -- 第166天 (2019.09.29) - - [html] [meta的属性有哪些组成?说说它们的分别有什么作用?](https://github.com/haizlin/fe-interview/issues/1271) - - [css] [会引起Reflow和Repaint的操作有哪些?](https://github.com/haizlin/fe-interview/issues/1272) - - [js] [怎么下载一个zip文件?](https://github.com/haizlin/fe-interview/issues/1273) - - [软技能] [如何对前端资源进行优化?](https://github.com/haizlin/fe-interview/issues/1274) - -- 第165天 (2019.09.28) - - [html] [为什么HTML5里面我们不需要DTD?](https://github.com/haizlin/fe-interview/issues/1267) - - [css] [你有用过clip-path吗?说说你对它的理解和它都有哪些运用场景?](https://github.com/haizlin/fe-interview/issues/1268) - - [js] [举例说明如何使用WebSQL?](https://github.com/haizlin/fe-interview/issues/1269) - - [软技能] [说说你对前端工程师日常的开发流程的理解](https://github.com/haizlin/fe-interview/issues/1270) - -- 第164天 (2019.09.27) - - [html] [前端路由指的是什么?它有什么好处?它有哪些方式可以实现呢?](https://github.com/haizlin/fe-interview/issues/1263) - - [css] [你是怎么选择resetting和normalizing的?为什么?](https://github.com/haizlin/fe-interview/issues/1264) - - [js] [举例说明js如何拖拽排序?](https://github.com/haizlin/fe-interview/issues/1265) - - [软技能] [你平时是如何管理项目的?](https://github.com/haizlin/fe-interview/issues/1266) - -- 第163天 (2019.09.26) - - [html] [xpath和dom有什么区别?](https://github.com/haizlin/fe-interview/issues/1259) - - [css] [position跟margin collapse这些特性相互叠加后会怎么样?](https://github.com/haizlin/fe-interview/issues/1260) - - [js] [怎样在JavaScript中创建一个worker线程?](https://github.com/haizlin/fe-interview/issues/1261) - - [软技能] [移动端的性能优化有哪些方法?](https://github.com/haizlin/fe-interview/issues/1262) - -- 第162天 (2019.09.25) - - [html] [你有使用过HTML5的output吗?说说它的作用是什么?](https://github.com/haizlin/fe-interview/issues/1255) - - [css] [移动端的布局用过媒体查询吗?写一个试试](https://github.com/haizlin/fe-interview/issues/1256) - - [js] [写个给图片加水印的方法](https://github.com/haizlin/fe-interview/issues/1257) - - [软技能] [你知道什么是BLOB URL吗?为什么要使用它?](https://github.com/haizlin/fe-interview/issues/1258) - -- 第161天 (2019.09.24) - - [html] [HTML5如何调用摄像头?](https://github.com/haizlin/fe-interview/issues/1251) - - [css] [举例说明你知道的css技巧有哪些?](https://github.com/haizlin/fe-interview/issues/1252) - - [js] [说说你对执行上下文的理解](https://github.com/haizlin/fe-interview/issues/1253) - - [软技能] [你知道时间四象限吗?说说你对它的理解](https://github.com/haizlin/fe-interview/issues/1254) - -- 第160天 (2019.09.23) - - [html] [怎么检测浏览器是否支持HTML5特性?](https://github.com/haizlin/fe-interview/issues/1247) - - [css] [判断第一行和第二行的颜色分别是什么?并解释为什么?[代码]](https://github.com/haizlin/fe-interview/issues/1248) - ```html - - -
第一行:颜色是什么?-第二行:颜色是什么?- ``` - - [js] [有些js库习惯在代码开头处添加分号有什么作用呢?除了分号还可以换成别的吗?](https://github.com/haizlin/fe-interview/issues/1249) - - [软技能] [你知道什么是二、三级域名吗?举例说明下](https://github.com/haizlin/fe-interview/issues/1250) - -- 第159天 (2019.09.22) - - [html] [举例说明如何使用纯html怎么实现下拉提示的功能?](https://github.com/haizlin/fe-interview/issues/1233) - - [css] [用css怎么实现两端对齐?](https://github.com/haizlin/fe-interview/issues/1234) - - [js] [在js中attribute和property的区别是什么?](https://github.com/haizlin/fe-interview/issues/1235) - - [软技能] [你上家公司有写日报、周报或者月报吗?说说你对写日(周、月)这事的理解](https://github.com/haizlin/fe-interview/issues/1236) - -- 第158天 (2019.09.21) - - [html] [你有使用过figure标签吗?说说你对它的认识,有哪些应用场景?](https://github.com/haizlin/fe-interview/issues/1229) - - [css] [你有用过弹性布局吗?说说你对它的理解](https://github.com/haizlin/fe-interview/issues/1230) - - [js] [举例说明数组的排序方法有哪些?](https://github.com/haizlin/fe-interview/issues/1231) - - [软技能] [你有做过PHP开发?说说你自己对“PHP是世界上最好的语言”这句话的理解](https://github.com/haizlin/fe-interview/issues/1232) - -- 第157天 (2019.09.20) - - [html] [你有用过bdo标签吗?举例说明它的作用是什么?](https://github.com/haizlin/fe-interview/issues/1225) - - [css] [外边距重叠是什么?重叠的结果是什么?怎么防止外边距重叠?](https://github.com/haizlin/fe-interview/issues/1226) - - [js] [举例说明js拖拽用到的事件有哪些?](https://github.com/haizlin/fe-interview/issues/1227) - - [软技能] [说说你们的项目上线流程是怎样的?](https://github.com/haizlin/fe-interview/issues/1228) - -- 第156天 (2019.09.19) - - [html] [HTML5的video在有的移动端设备无法自动播放?怎么解决?](https://github.com/haizlin/fe-interview/issues/1221) - - [css] [css中的border:none和border:0px有什么区别?](https://github.com/haizlin/fe-interview/issues/1222) - - [js] [用原生JS封装插件的方式有哪些?](https://github.com/haizlin/fe-interview/issues/1223) - - [软技能] [如何让你做一个文件无刷新上传的功能,你有哪些方法可以做到?](https://github.com/haizlin/fe-interview/issues/1224) - -- 第155天 (2019.09.18) - - [html] [HTML5有哪些存储类型?它们之间有什么区别?](https://github.com/haizlin/fe-interview/issues/1217) - - [css] [如何写高效的CSS?](https://github.com/haizlin/fe-interview/issues/1218) - - [js] [用js模拟实现微信抢红包的算法,并说明你的思路](https://github.com/haizlin/fe-interview/issues/1219) - - [软技能] [你有做过扫码枪的开发吗?知道它的原理吗?](https://github.com/haizlin/fe-interview/issues/1220) - -- 第154天 (2019.09.17) - - [html] [不用h标签、css和js怎么实现多个字的字体连续放大的效果?](https://github.com/haizlin/fe-interview/issues/1213) - - [css] [如何做图片预览,如何放大一个图片?](https://github.com/haizlin/fe-interview/issues/1214) - - [js] [如何实现锁定网页、密码解锁的效果?说说你的方法和步骤是什么?](https://github.com/haizlin/fe-interview/issues/1215) - - [软技能] [请解释下你理解的并行和并发、同步和异步、阻塞和非阻塞之间有什么区别?](https://github.com/haizlin/fe-interview/issues/1216) - -- 第153天 (2019.09.16) - - [html] [使用标签怎样对一个单词标志缩写呢?](https://github.com/haizlin/fe-interview/issues/1209) - - [css] [举例说明在css3中怎么实现背景裁剪?](https://github.com/haizlin/fe-interview/issues/1210) - - [js] [你知道1和Number(1)的区别是什么吗?](https://github.com/haizlin/fe-interview/issues/1211) - - [软技能] [你有使用过FTP吗?你知道FTP它的作用是什么吗?](https://github.com/haizlin/fe-interview/issues/1212) - -- 第152天 (2019.09.15) - - [html] [说说你对small标签的认识,有哪些应用场景?](https://github.com/haizlin/fe-interview/issues/1205) - - [css] [如何使用CSS的多列布局?](https://github.com/haizlin/fe-interview/issues/1206) - - [js] [说说CORS为何要区分预检请求和简单请求呢?](https://github.com/haizlin/fe-interview/issues/1207) - - [软技能] [内存和缓存有什么区别?](https://github.com/haizlin/fe-interview/issues/1208) - -- 第151天 (2019.09.14) - - [html] [举例说明如何在页面中添加数学公式?](https://github.com/haizlin/fe-interview/issues/1201) - - [css] [请说说CSS3实现文本效果的属性有哪些?](https://github.com/haizlin/fe-interview/issues/1202) - - [js] [实现异步编程有哪些方式?推荐用哪种?](https://github.com/haizlin/fe-interview/issues/1203) - - [软技能] [客户投诉说网站有些功能用不了,你该怎么办?](https://github.com/haizlin/fe-interview/issues/1204) - -- 第150天 (2019.09.13) - - [html] [HTML5如何使某个页面元素或整个页面可编辑?](https://github.com/haizlin/fe-interview/issues/1197) - - [css] [请说说在什么时候用transition?什么时候使用animation?](https://github.com/haizlin/fe-interview/issues/1198) - - [js] [为什么说js是单线程,而不是多线程呢?](https://github.com/haizlin/fe-interview/issues/1199) - - [软技能] [说说你对堆和栈的理解,它们之间有什么区别?](https://github.com/haizlin/fe-interview/issues/1200) - -- 第149天 (2019.09.12) - - [html] [怎样把整个页面中的内容设置成只读,不可编辑的状态?](https://github.com/haizlin/fe-interview/issues/1182) - - [css] [说说响应式设计(responsive design)和自适应设计(adaptive design)的区别?](https://github.com/haizlin/fe-interview/issues/1183) - - [js] [使用js实现摩斯密码的加密和解密](https://github.com/haizlin/fe-interview/issues/1184) - - [软技能] [说说你对矢量图和位图的理解,它们分别有什么运用场景?](https://github.com/haizlin/fe-interview/issues/1185) - -- 第148天 (2019.09.11) - - [html] [input的onblur和onchange事件区别是什么?](https://github.com/haizlin/fe-interview/issues/1178) - - [css] [什么是脱离文档流?有什么办法可以让元素脱离标准的文档流?](https://github.com/haizlin/fe-interview/issues/1179) - - [js] [请使用原生的js实现斐波那契数列](https://github.com/haizlin/fe-interview/issues/1180) - - [软技能] [你知道什么是AST吗?说说你对AST的理解,它的运用场景有哪些?](https://github.com/haizlin/fe-interview/issues/1181) - -- 第147天 (2019.09.10) - - [html] [本地存储的生命周期是什么?](https://github.com/haizlin/fe-interview/issues/1174) - - [css] [请问background-attachmentn属性有什么用途?](https://github.com/haizlin/fe-interview/issues/1175) - - [js] [阻止事件的默认行为有哪些?说说它们之间的区别是什么?](https://github.com/haizlin/fe-interview/issues/1176) - - [软技能] [前端的性能统计有哪些指标?](https://github.com/haizlin/fe-interview/issues/1177) - -- 第146天 (2019.09.09) - - [html] [请说说viewport是什么?在什么时候下使用?有什么作用?](https://github.com/haizlin/fe-interview/issues/1169) - - [css] [移动页面底部工具条有3个图标,如何平分?在设置边框后最后一个图标掉下去了怎么办?](https://github.com/haizlin/fe-interview/issues/1170) - - [js] [请举例说明动态操作DOM的方法有哪些?](https://github.com/haizlin/fe-interview/issues/1171) - - [软技能] [移动端的用户体验有哪些优化的方法?](https://github.com/haizlin/fe-interview/issues/1172) - -- 第145天 (2019.09.08) - - [html] [说说你对表单属性type="hidden"的理解,它的运用场景有哪些?](https://github.com/haizlin/fe-interview/issues/1165) - - [css] [css怎样使每个字符宽度一样?](https://github.com/haizlin/fe-interview/issues/1166) - - [js] [原生Math的方法有哪些?请列举并描述其功能](https://github.com/haizlin/fe-interview/issues/1167) - - [软技能] [为什么提倡利用多个域名来存储网站的资源?](https://github.com/haizlin/fe-interview/issues/1168) - -- 第144天 (2019.09.07) - - [html] [SGML(标准通用标记语言)和HTML(超文本标记语言),XML(可扩展标记语言)和HTML的之间有什么关系?](https://github.com/haizlin/fe-interview/issues/1161) - - [css] [说下你对background-size的理解,它有什么运用场景?](https://github.com/haizlin/fe-interview/issues/1162) - - [js] [什么是词法分析?请描述下js词法分析的过程?](https://github.com/haizlin/fe-interview/issues/1163) - - [软技能] [W3C是什么?请说说你对它的理解](https://github.com/haizlin/fe-interview/issues/1164) - -- 第 143 天 (2019.09.06) - - [html] [请说说``和``标签的区别?](https://github.com/haizlin/fe-interview/issues/1157) - - [css] [如何自定义radio按钮的样式](https://github.com/haizlin/fe-interview/issues/1158) - - [js] [自己实现数组的 `map`、`filter`、`find` 方法](https://github.com/haizlin/fe-interview/issues/1159) - - [软技能] [你有自己的博客吗?维护的频率是多久呢?](https://github.com/haizlin/fe-interview/issues/1160) - -- 第142天 (2019.09.05) - - [html] [如何实现应用缓存?说说你对manifest的理解](https://github.com/haizlin/fe-interview/issues/1152) - - [css] [word-wrap、word-break和white-space有什么区别?](https://github.com/haizlin/fe-interview/issues/1153) - - [js] [请描述下函数的执行过程](https://github.com/haizlin/fe-interview/issues/1154) - - [软技能] [在选择框架时应该考虑哪些因素?](https://github.com/haizlin/fe-interview/issues/1155) - -- 第141天 (2019.09.04) - - [html] [form标签定义请求类型和请求地址分别是哪个属性?](https://github.com/haizlin/fe-interview/issues/1148) - - [css] [说说你对字母"X"在CSS中有什么作用?](https://github.com/haizlin/fe-interview/issues/1149) - - [js] [写一个洗扑克牌的方法](https://github.com/haizlin/fe-interview/issues/1150) - - [软技能] [你觉得你上家公司的前端开发流程有什么地方要优化的吗?怎么优化呢?](https://github.com/haizlin/fe-interview/issues/1151) - -- 第140天 (2019.09.03) - - [html] [说说你对HTML5的keygen标签的理解,它的作用是什么?](https://github.com/haizlin/fe-interview/issues/1144) - - [css] [CSS3中的transition是否可以过渡opacity和display?](https://github.com/haizlin/fe-interview/issues/1145) - - [js] [说说用原生js实现封装一个选项卡的功能](https://github.com/haizlin/fe-interview/issues/1146) - - [软技能] [你会PHP、JAVA、Python或GO吗?都有做过哪些应用呢?](https://github.com/haizlin/fe-interview/issues/1147) - -- 第139天 (2019.09.02) - - [html] [如何让textarea标签中的内容原格式输出?](https://github.com/haizlin/fe-interview/issues/1140) - - [css] [说下background-color:transparent和opacity:0的区别是什么?](https://github.com/haizlin/fe-interview/issues/1141) - - [js] [说下你对柯里化函数(currying)的理解,它有什么运用场景?](https://github.com/haizlin/fe-interview/issues/1142) - - [软技能] [你知道Jenkins吗?有没有用过?说说你对它的理解](https://github.com/haizlin/fe-interview/issues/1143) - -- 第138天 (2019.09.01) - - [html] [请说说应用缓存中的回退和网络分别是什么?](https://github.com/haizlin/fe-interview/issues/1136) - - [css] [你有用过IE css的expression表达式吗?说说你对它的理解和它有什么作用呢?](https://github.com/haizlin/fe-interview/issues/1137) - - [js] [请描述下ajax的请求都有哪些步骤?](https://github.com/haizlin/fe-interview/issues/1138) - - [软技能] [你期望的薪资是多少呢?](https://github.com/haizlin/fe-interview/issues/1139) - -- 第137天 (2019.08.31) - - [html] [如何让textarea高度自适应呢?](https://github.com/haizlin/fe-interview/issues/1132) - - [css] [z-index有时不起作用的原因是什么?怎么解决?](https://github.com/haizlin/fe-interview/issues/1133) - - [js] [用js实现页面局部打印和预览原理是什么呢?同时在IE上有什么不同?](https://github.com/haizlin/fe-interview/issues/1134) - - [软技能] [你有玩过Docker吗?你知道它有哪些运用场景吗?](https://github.com/haizlin/fe-interview/issues/1135) - -- 第136天 (2019.08.30) - - [html] [HTML5的服务器(server-sent event)发送事件有什么应用场景?](https://github.com/haizlin/fe-interview/issues/1128) - - [css] [你有了解css计数器(序列数字字符自动递增)吗?如何通过css的content属性实现呢?](https://github.com/haizlin/fe-interview/issues/1129) - - [js] [用js实现小写金额转大写的方法](https://github.com/haizlin/fe-interview/issues/1130) - - [软技能] [你知道什么是微格式(microformat)吗?说说你的理解,它有什么运用场景?](https://github.com/haizlin/fe-interview/issues/1131) - -- 第135天 (2019.08.29) - - [html] [如何刷新浏览器的应用缓存?](https://github.com/haizlin/fe-interview/issues/1124) - - [css] [说说你对css的will-change属性的理解,它有什么作用呢?](https://github.com/haizlin/fe-interview/issues/1125) - - [js] [请解释下NaN === NaN的结果](https://github.com/haizlin/fe-interview/issues/1126) - - [软技能] [你了解什么是微前端吗?说说你对它的理解](https://github.com/haizlin/fe-interview/issues/1127) - -- 第134天 (2019.08.28) - - [html] [Web Worker线程的限制是什么?](https://github.com/haizlin/fe-interview/issues/1120) - - [css] [transition、animation、transform三者有什么区别?](https://github.com/haizlin/fe-interview/issues/1121) - - [js] [请写出如下代码运行的结果并解释为什么?[代码]](https://github.com/haizlin/fe-interview/issues/1122) - ```javascript - - var type = 'images'; - var size = {width: 800, height: 600}; - var format = ['jpg', 'png']; - - function change(type, size, format){ - type = 'video'; - size = {width: 1024, height: 768}; - format.push('map'); - } - - change(type, size, format); - - console.log(type, size, format); - - ``` - - [软技能] [你在工作中有用到过websocket吗?用它来解决什么问题?](https://github.com/haizlin/fe-interview/issues/1123) - -- 第133天 (2019.08.27) - - [html] [canvas默认画布的尺寸是多大?怎样设置才能不会变形?](https://github.com/haizlin/fe-interview/issues/1116) - - [css] [如何使用css3实现一个div设置多张背景图片?](https://github.com/haizlin/fe-interview/issues/1117) - - [js] [写一个方法,将字符串中的单词倒转后输出,如:`my love` -> `ym evol`](https://github.com/haizlin/fe-interview/issues/1118) - - [软技能] [说说你是怎么安排你工作外的时间的?](https://github.com/haizlin/fe-interview/issues/1119) - -- 第132天 (2019.08.26) - - [html] [触发form表单自动提交的方式有哪些?](https://github.com/haizlin/fe-interview/issues/1112) - - [css] [有哪些方式可以对一个DOM设置它的CSS样式?](https://github.com/haizlin/fe-interview/issues/1113) - - [js] [原生的字符串操作方法有哪些?请列举并描述其功能](https://github.com/haizlin/fe-interview/issues/1114) - - [软技能] [你会nodejs吗?说说你运用它的场景](https://github.com/haizlin/fe-interview/issues/1115) - -- 第131天 (2019.08.25) - - [html] [table去除边框的方法有哪些?](https://github.com/haizlin/fe-interview/issues/1108) - - [css] [举例说明实现圆角的方式有哪些?](https://github.com/haizlin/fe-interview/issues/1109) - - [js] [JSON.stringify有什么局限性和哪些技巧?](https://github.com/haizlin/fe-interview/issues/1110) - - [软技能] [你知道产品经理一般画的原型是用什么工具吗?有没有自己玩过?](https://github.com/haizlin/fe-interview/issues/1111) - -- 第130天 (2019.08.24) - - [html] [你知道什么是锚点吗?它的作用是什么?怎么创建一个锚点?](https://github.com/haizlin/fe-interview/issues/1104) - - [css] [有用过scss和sass吗?说说它们之间的区别是什么?](https://github.com/haizlin/fe-interview/issues/1105) - - [js] [如何实现一个全屏的功能?](https://github.com/haizlin/fe-interview/issues/1106) - - [软技能] [说说你对重构的理解](https://github.com/haizlin/fe-interview/issues/1107) - -- 第129天 (2019.08.23) - - [html] [请问WebSql是HTML5的一个规范吗?](https://github.com/haizlin/fe-interview/issues/1100) - - [css] [absolute的containing block(容器块)计算方式和正常流有什么区别?](https://github.com/haizlin/fe-interview/issues/1101) - - [js] [举例说明js关闭当前窗口有哪些方法?](https://github.com/haizlin/fe-interview/issues/1102) - - [软技能] [关于重复造轮子这件事你是怎么理解的?](https://github.com/haizlin/fe-interview/issues/1103) - -- 第128天 (2019.08.22) - - [html] [精灵图和base64如何选择呢?](https://github.com/haizlin/fe-interview/issues/1096) - - [css] [说说visibility属性的collapse属性值有什么作用?在不同浏览器下有什么区别?](https://github.com/haizlin/fe-interview/issues/1097) - - [js] [说说你对js包装对象的理解](https://github.com/haizlin/fe-interview/issues/1098) - - [软技能] [知道为何有些网站访不需要端口号?说说你对端口的理解?](https://github.com/haizlin/fe-interview/issues/1099) - -- 第127天 (2019.08.21) - - [html] [html的button中的reset有什么作用?](https://github.com/haizlin/fe-interview/issues/1092) - - [css] [说说你对min-width和max-width的理解,它们有什么运用场景?](https://github.com/haizlin/fe-interview/issues/1093) - - [js] [JavaScript有几种类型值?能否画出它们的内存图?](https://github.com/haizlin/fe-interview/issues/1094) - - [软技能] [说说你对移动端和web前端开发的主要区别是什么?](https://github.com/haizlin/fe-interview/issues/1095) - -- 第126天 (2019.08.20) - - [html] [请说说Canvas和SVG图形的区别是什么?](https://github.com/haizlin/fe-interview/issues/1088) - - [css] [说说你对hasLayout的理解,触发hasLayout的方式有哪些?](https://github.com/haizlin/fe-interview/issues/1089) - - [js] [保护js代码的方式有哪些?分别说说他们的原理是什么?](https://github.com/haizlin/fe-interview/issues/1090) - - [软技能] [你有了解opengl吗?它有哪些作用?](https://github.com/haizlin/fe-interview/issues/1091) - -- 第125天 (2019.08.19) - - [html] [举例说明table怎么合并行和列的?](https://github.com/haizlin/fe-interview/issues/1083) - - [css] [使用纯CSS代码实现动画的暂停与播放](https://github.com/haizlin/fe-interview/issues/1084) - - [js] [你有用过webRTC吗?它有什么运用场景?](https://github.com/haizlin/fe-interview/issues/1085) - - [软技能] [说说你对Web App 、Hybrid App和Native App这三者的理解?](https://github.com/haizlin/fe-interview/issues/1086) - -- 第124天 (2019.08.18) - - [html] [HTML5规范将元素分为哪几个大类?分别说说它们的特点](https://github.com/haizlin/fe-interview/issues/1078) - - [css] [举例说明伪类:nth-child、:first-child与:first-of-type这三者有什么不同?](https://github.com/haizlin/fe-interview/issues/1079) - - [js] [如何实现文件拖动上传?](https://github.com/haizlin/fe-interview/issues/1080) - - [软技能] [你有开发过弹幕吗?知道它的原理吗?说说看](https://github.com/haizlin/fe-interview/issues/1081) - -- 第123天 (2019.08.17) - - [html] [使用canvas画出一个矩形](https://github.com/haizlin/fe-interview/issues/1073) - - [css] [什么是zoom?它有什么作用?](https://github.com/haizlin/fe-interview/issues/1074) - - [js] [分析`('b' + 'a' + +'a' + 'a').toLowerCase()`返回的结果](https://github.com/haizlin/fe-interview/issues/1075) - - [软技能] [你了解雅虎前端优化的35条军规吗?你能说上几条?](https://github.com/haizlin/fe-interview/issues/1076) - -- 第122天 (2019.08.16) - - [html] [说说form-data、x-www-form-urlencoded、raw、binary的区别是什么?](https://github.com/haizlin/fe-interview/issues/1069) - - [css] [举例说明微信端兼容问题有哪些?](https://github.com/haizlin/fe-interview/issues/1070) - - [js] [能否正确获取本地上传的文件路径?如果可以怎么做?如果不可以解释下为什么?](https://github.com/haizlin/fe-interview/issues/1071) - - [软技能] [如果一个项目要你重构成前后端分离,你的方法论是什么?](https://github.com/haizlin/fe-interview/issues/1072) - -- 第121天 (2019.08.15) - - [html] [请描述下application cache的更新过程?](https://github.com/haizlin/fe-interview/issues/1065) - - [css] [请举例说明伪元素 (pseudo-elements) 有哪些用途?](https://github.com/haizlin/fe-interview/issues/1066) - - [js] [请说说escape、encodeURI、decodeURI、encodeURIComponent和decodeURIComponent的区别?](https://github.com/haizlin/fe-interview/issues/1067) - - [软技能] [用哪种格式可以存储包含Alpha通道的图像?Alpha通道是指什么?](https://github.com/haizlin/fe-interview/issues/1068) - -- 第120天 (2019.08.14) - - [html] [你知道富文本编辑器的实现原理吗?](https://github.com/haizlin/fe-interview/issues/1061) - - [css] [设置字体时为什么建议设置替换字体?](https://github.com/haizlin/fe-interview/issues/1062) - - [js] [如何终止WebWork?](https://github.com/haizlin/fe-interview/issues/1063) - - [软技能] [你有签过保密协议吗?说说你对保密协议的理解](https://github.com/haizlin/fe-interview/issues/1064) - -- 第119天 (2019.08.13) - - [html] [说说你对富文本的理解,你有用过哪些富文本编辑器呢?](https://github.com/haizlin/fe-interview/issues/1057) - - [css] [你有没有自己写过一套UI库?说下遇到哪些难点?](https://github.com/haizlin/fe-interview/issues/1058) - - [js] [写一个方法把多维数组降维](https://github.com/haizlin/fe-interview/issues/1059) - - [软技能] [你对jsfuck有了解吗?它的原理是什么?请举例说明](https://github.com/haizlin/fe-interview/issues/1060) - -- 第118天 (2019.08.12) - - [html] [有使用过HTML5的跟踪元素吗?说说你对它的理解](https://github.com/haizlin/fe-interview/issues/1053) - - [css] [说说你对GPU的理解,举例说明哪些元素能触发GPU硬件加速?](https://github.com/haizlin/fe-interview/issues/1054) - - [js] [使用正则去掉html中标签与标签之间的空格](https://github.com/haizlin/fe-interview/issues/1055) - - [软技能] [你有做过骨架屏吗?它的原理是什么知道吗?](https://github.com/haizlin/fe-interview/issues/1056) - -- 第117天 (2019.08.11) - - [html] [frame和iframe有什么区别?](https://github.com/haizlin/fe-interview/issues/1049) - - [css] [你知道CSS中的字母"C"代表什么吗?](https://github.com/haizlin/fe-interview/issues/1050) - - [js] [document.write和innerHTML有什么区别?](https://github.com/haizlin/fe-interview/issues/1051) - - [软技能] [你今年多大了?请说说看你认为你的程序员生涯能做到多少岁?](https://github.com/haizlin/fe-interview/issues/1052) - -- 第116天 (2019.08.10) - - [html] [页面布局中的结构与表现分离,那么什么是结构?什么是表现呢?](https://github.com/haizlin/fe-interview/issues/1045) - - [css] [怎么自定义鼠标指针的图案?](https://github.com/haizlin/fe-interview/issues/1046) - - [js] [如何使用js来截图?怎样截可见区域和整个页面?](https://github.com/haizlin/fe-interview/issues/1047) - - [软技能] [对于前后端分离,你是怎么理解的?](https://github.com/haizlin/fe-interview/issues/1048) - -- 第115天 (2019.08.09) - - [html] [怎样去除html标签之间换行产生的空格?](https://github.com/haizlin/fe-interview/issues/1041) - - [css] [Reset CSS和Normalize CSS的区别是什么?](https://github.com/haizlin/fe-interview/issues/1042) - - [js] [分别写出防抖和节流的两个函数,并描述它们分别有什么运用场景?](https://github.com/haizlin/fe-interview/issues/1043) - - [软技能] [说下你是如何从PS切出图的,有什么技巧?](https://github.com/haizlin/fe-interview/issues/1044) - -- 第114天 (2019.08.08) - - [html] [举例说明HTML5的Canvas元素有什么用途?](https://github.com/haizlin/fe-interview/issues/1037) - - [css] [为什么要使用css sprites?](https://github.com/haizlin/fe-interview/issues/1038) - - [js] [写一个把数字转成中文的方法,例如:101转成一百零一](https://github.com/haizlin/fe-interview/issues/1039) - - [软技能] [你知道什么是B/S和C/S架构吗?说说它们的区别](https://github.com/haizlin/fe-interview/issues/1040) - -- 第113天 (2019.08.07) - - [html] [在HTML5中如何组合标题?用哪个元素?](https://github.com/haizlin/fe-interview/issues/1033) - - [css] [标签、class和id选择器三者的区别是什么?分别在什么时候用?](https://github.com/haizlin/fe-interview/issues/1034) - - [js] [用js写一个事件侦听器的方法](https://github.com/haizlin/fe-interview/issues/1035) - - [软技能] [shim和polyfill有什么区别?它们分别有什么用?](https://github.com/haizlin/fe-interview/issues/1036) - -- 第112天 (2019.08.06) - - [html] [你知道checkbox有几种状态吗?它们分别用来表示什么?](https://github.com/haizlin/fe-interview/issues/1029) - - [css] [举例说明时间、频率、角度、弧度、百分度的单位分别是哪些?](https://github.com/haizlin/fe-interview/issues/1030) - - [js] [函数声明与函数表达式有什么区别?](https://github.com/haizlin/fe-interview/issues/1031) - - [软技能] [在实际工作中,要是你的想法被反对时你该怎么办?](https://github.com/haizlin/fe-interview/issues/1032) - -- 第111天 (2019.08.05) - - [html] [HTML如何创建分区响应图?](https://github.com/haizlin/fe-interview/issues/1025) - - [css] [你有用过table布局吗?说说你的感受](https://github.com/haizlin/fe-interview/issues/1026) - - [js] [请用js编写一个红绿灯程序](https://github.com/haizlin/fe-interview/issues/1027) - - [软技能] [淘宝、京东、百度他们的网站首页秒开是如何做到的呢?](https://github.com/haizlin/fe-interview/issues/1028) - -- 第110天 (2019.08.04) - - [html] [什么是svg?说说svg有什么运用场景?](https://github.com/haizlin/fe-interview/issues/1021) - - [css] [说说你对设备像素比的理解](https://github.com/haizlin/fe-interview/issues/1022) - - [js] [请详细描述AJAX的工作原理](https://github.com/haizlin/fe-interview/issues/1023) - - [软技能] [前端页面有哪三层构成?分别有什么作用?](https://github.com/haizlin/fe-interview/issues/1024) - -- 第109天 (2019.08.03) - - [html] [有好多网站不常用table和iframe这两个元素,知道原因吗?](https://github.com/haizlin/fe-interview/issues/1017) - - [css] [说下你对cursor属性的理解](https://github.com/haizlin/fe-interview/issues/1018) - - [js] [请描述下什么是原型模式?它主要运用在哪些场景?](https://github.com/haizlin/fe-interview/issues/1019) - - [软技能] [你知道什么是图床吗?它有什么好处?](https://github.com/haizlin/fe-interview/issues/1020) - -- 第108天 (2019.08.02) - - [html] [在默认的情况下,使用h1标签呈现出什么效果?](https://github.com/haizlin/fe-interview/issues/1013) - - [css] [position的relative和absolute定位原点是哪里?](https://github.com/haizlin/fe-interview/issues/1014) - - [js] [请描述下js的原型和原型链的理解以及它们之间的关系](https://github.com/haizlin/fe-interview/issues/1015) - - [软技能] [要你做一个国外的web页面,你需要考虑哪些问题?](https://github.com/haizlin/fe-interview/issues/1016) - -- 第107天 (2019.08.01) - - [html] [网站的TDK该怎么设置?它有什么作用?](https://github.com/haizlin/fe-interview/issues/1009) - - [css] [过渡和动画的区别是什么?](https://github.com/haizlin/fe-interview/issues/1010) - - [js] [写一个方法判断给定的字符串是否同态(isomorphic)](https://github.com/haizlin/fe-interview/issues/1011) - - [软技能] [你上家公司前端团队有多少人?是怎么分工的?](https://github.com/haizlin/fe-interview/issues/1012) - -- 第106天 (2019.07.31) - - [html] [除了音频和视频,HTML5还支持哪些媒体标签?](https://github.com/haizlin/fe-interview/issues/1005) - - [css] [CSS中的calc()有什么作用?](https://github.com/haizlin/fe-interview/issues/1006) - - [js] [说说你对作用域链的理解](https://github.com/haizlin/fe-interview/issues/1007) - - [软技能] [Web安全色所能够显示的颜色种类有多少种?](https://github.com/haizlin/fe-interview/issues/1008) - -- 第105天 (2019.07.30) - - [html] [如何在HTML5页面中嵌入音频和视频?](https://github.com/haizlin/fe-interview/issues/1001) - - [css] [怎么实现移动端的边框0.5px?](https://github.com/haizlin/fe-interview/issues/1002) - - [js] [写个方法,找出指定字符串中重复最多的字符及其长度](https://github.com/haizlin/fe-interview/issues/1003) - - [软技能] [域名解析它有哪几种方式?](https://github.com/haizlin/fe-interview/issues/1004) - -- 第104天 (2019.07.29) - - [html] [说说HTML中的``标签有什么作用?](https://github.com/haizlin/fe-interview/issues/996) - - [css] [行内元素和块级元素有什么区别,如何相互转换?](https://github.com/haizlin/fe-interview/issues/997) - - [js] [请说说json和jsonp的区别?](https://github.com/haizlin/fe-interview/issues/998) - - [软技能] [描述下什么是域名解析?简述它的基本过程](https://github.com/haizlin/fe-interview/issues/999) - -- 第103天 (2019.07.28) - - [html] [请描述一下cookies、sessionStorage和localStorage的区别?](https://github.com/haizlin/fe-interview/issues/992) - - [css] [说说你对低版本IE的盒子模型的理解](https://github.com/haizlin/fe-interview/issues/993) - - [js] [你是如何更好地处理Async/Await的异常的?](https://github.com/haizlin/fe-interview/issues/994) - - [软技能] [请列举出多种减少页面加载时间的方法](https://github.com/haizlin/fe-interview/issues/995) - -- 第102天 (2019.07.27) - - [html] [行内元素、块级元素、空(void)元素分别有哪些?](https://github.com/haizlin/fe-interview/issues/988) - - [css] [你是如何规划响应式布局的?](https://github.com/haizlin/fe-interview/issues/989) - - [js] [准确说出`'1,2,3,4'.split()`的结果是什么(包括类型和值)?](https://github.com/haizlin/fe-interview/issues/990) - - [软技能] [进程与线程有什么区别?JS的单线程带来哪些好处?](https://github.com/haizlin/fe-interview/issues/991) - -- 第101天 (2019.07.26) - - [html] [说说你对accesskey的理解,举例说明它有什么运用场景?](https://github.com/haizlin/fe-interview/issues/984) - - [css] [说说你对前端二倍图的理解?移动端使用二倍图比一倍图有什么好处?](https://github.com/haizlin/fe-interview/issues/985) - - [js] [不依赖第三方库,说下如何使用js读取pdf?](https://github.com/haizlin/fe-interview/issues/986) - - [软技能] [你有自己买过服务器和域名用来搭建博客或者网站吗?](https://github.com/haizlin/fe-interview/issues/987) - -- 第100天 (2019.07.25) - - [html] [HTML5怎么为输入框添加语音输入的功能呢?](https://github.com/haizlin/fe-interview/issues/979) - - [css] [如何让大小不同的图片等比缩放不变形显示在固定大小的div里?写出来](https://github.com/haizlin/fe-interview/issues/980) - - [js] [分别封装精确运算的加减乘除四个方法](https://github.com/haizlin/fe-interview/issues/981) - - [软技能] [你有画过流程图吗?开始和判定分别用什么图形表示?](https://github.com/haizlin/fe-interview/issues/982) - -- 第99天 (2019.07.24) - - [html] [HTML5的页面可见性(Page Visibility)有哪些应用场景?](https://github.com/haizlin/fe-interview/issues/975) - - [css] [你对视网膜(Retina)分辨率有了解吗?有没有在实际中使用过?](https://github.com/haizlin/fe-interview/issues/976) - - [js] [不用第三方库,说说纯js怎么实现读取和导出excel?](https://github.com/haizlin/fe-interview/issues/977) - - [软技能] [你有用过单例模式吗?主要运用场景有哪些?](https://github.com/haizlin/fe-interview/issues/978) - -- 第98天 (2019.07.23) - - [html] [列举出你最常用的meta标签的写法和作用](https://github.com/haizlin/fe-interview/issues/971) - - [css] [移动端微信页面有哪些兼容性问题及解决方案是什么?](https://github.com/haizlin/fe-interview/issues/972) - - [js] [说说你理解的同步和异步的区别是什么?](https://github.com/haizlin/fe-interview/issues/973) - - [软技能] [不查资料,你会手写正则吗?](https://github.com/haizlin/fe-interview/issues/974) - -- 第97天 (2019.07.22) - - [html] [Doctype有什么作用?你知道有多少种Doctype文档类型吗?](https://github.com/haizlin/fe-interview/issues/967) - - [css] [如何更改placeholder的字体颜色和大小?](https://github.com/haizlin/fe-interview/issues/968) - - [js] [写例子说明如何给li绑定事件(ul下有1000+个li)?](https://github.com/haizlin/fe-interview/issues/969) - - [软技能] [你认为前端工程师应该分为哪些级别呢?说说你的看法](https://github.com/haizlin/fe-interview/issues/970) - -- 第96天 (2019.07.21) - - [html] [写出以下几个HTML标签:字体、居中、文字加粗、下标](https://github.com/haizlin/fe-interview/issues/962) - - [css] [行内css和important哪个优先级高?](https://github.com/haizlin/fe-interview/issues/963) - - [js] [要实现一个js的持续动画,你有什么比较好的方法?](https://github.com/haizlin/fe-interview/issues/964) - - [软技能] [说说你对Git的branch, diff, merge的理解?](https://github.com/haizlin/fe-interview/issues/965) - -- 第95天 (2019.07.20) - - [html] [HTML5标准提供了哪些新的API?你有用过哪些?](https://github.com/haizlin/fe-interview/issues/958) - - [css] [当一个元素被设置为浮动后,它的display值变为什么呢?](https://github.com/haizlin/fe-interview/issues/959) - - [js] [分别写出数组的交集、并集、差集、补集这四个方法](https://github.com/haizlin/fe-interview/issues/960) - - [软技能] [你知道什么是图片防盗链吗?防盗链怎么实现呢?说说你的方法](https://github.com/haizlin/fe-interview/issues/961) - -- 第94天 (2019.07.19) - - [html] [使用HTML5需要遵守哪些设计原则?](https://github.com/haizlin/fe-interview/issues/954) - - [css] [为什么会出现浮动?在什么时候需要清除浮动呢?](https://github.com/haizlin/fe-interview/issues/955) - - [js] [用js写出死循环的方法有哪些?](https://github.com/haizlin/fe-interview/issues/956) - - [软技能] [说说你对emojig表情的理解,前端如何处理emoji表情?它的运用场景有哪些?](https://github.com/haizlin/fe-interview/issues/957) - -- 第93天 (2019.07.18) - - [html] [有使用过svg吗?请用svg画一个圆](https://github.com/haizlin/fe-interview/issues/906) - - [css] [写出div在不固定高度的情况下水平垂直居中的方法?](https://github.com/haizlin/fe-interview/issues/907) - - [js] [js的函数有哪几种调用形式?](https://github.com/haizlin/fe-interview/issues/908) - - [软技能] [简要描述下什么是DNS?它有什么用?](https://github.com/haizlin/fe-interview/issues/909) - -- 第92天 (2019.07.17) - - [html] [请说说你对ISISO8859-2字符集的认识](https://github.com/haizlin/fe-interview/issues/902) - - [css] [移动端的布局用过媒体查询吗?写出例子看看](https://github.com/haizlin/fe-interview/issues/903) - - [js] [解释下为什么`{} + [] === 0`为true?](https://github.com/haizlin/fe-interview/issues/904) - - [软技能] [浏览器在什么情况下会出现“已拦截弹窗式窗口”?怎么解决?](https://github.com/haizlin/fe-interview/issues/905) - -- 第91天 (2019.07.16) - - [html] [请描述下元素的href和src有什么区别?](https://github.com/haizlin/fe-interview/issues/757) - - [css] [CSS的伪类和伪对象有什么不同?](https://github.com/haizlin/fe-interview/issues/758) - - [js] [请描述下null和undefined的区别是什么?这两者分别运用在什么场景?](https://github.com/haizlin/fe-interview/issues/759) - - [软技能] [你所在的团队有规范吗?举例说明都定义了哪些规范?](https://github.com/haizlin/fe-interview/issues/760) - -- 第90天 (2019.07.15) - - [html] [举例说明你对ol和ul标签的区别?它们的运用场景分别是什么呢?](https://github.com/haizlin/fe-interview/issues/747) - - [css] [CSS的overflow属性定义溢出元素内容区的内容会如何处理呢?](https://github.com/haizlin/fe-interview/issues/748) - - [js] [写个方法随机打乱一个数组](https://github.com/haizlin/fe-interview/issues/749) - - [软技能] [当项目准备上线前,你有做过哪些性能优化吗?](https://github.com/haizlin/fe-interview/issues/750) - -- 第89天 (2019.07.14) - - [html] [a标签的href和onclick属性同时存在时哪个先触发?](https://github.com/haizlin/fe-interview/issues/743) - - [css] [外层有一个自适应高度的div,里面有两个div,一个高度固定300px,另一个怎么填满剩余的高度?](https://github.com/haizlin/fe-interview/issues/744) - - [js] [js异步加载有哪些方案?](https://github.com/haizlin/fe-interview/issues/745) - - [软技能] [说说你对robots文件的理解,它有什么作用?](https://github.com/haizlin/fe-interview/issues/746) - -- 第88天 (2019.07.13) - - [html] [怎么使用HTML5来获取定位?定位不准怎么解决?](https://github.com/haizlin/fe-interview/issues/607) - - [css] [说说你对CSS样式覆盖规则的理解](https://github.com/haizlin/fe-interview/issues/608) - - [js] [判断instanceof的结果并解释原因 [代码]](https://github.com/haizlin/fe-interview/issues/609) - ``` - function test(){ - return test; - } - new test() instanceof test; - ``` - - [软技能] [说说你对hosts文件的理解,它都有哪些作用?](https://github.com/haizlin/fe-interview/issues/610) - -- 第87天 (2019.07.12) - - [html] [举例说明如何原样输出HTML代码,不被浏览器解析?](https://github.com/haizlin/fe-interview/issues/600) - - [css] [写出几个初始化CSS的样式,并解释说明为什么要这样写](https://github.com/haizlin/fe-interview/issues/601) - - [js] [请写一个sleep(暂停)函数](https://github.com/haizlin/fe-interview/issues/602) - - [软技能] [你平常都看哪些方面的书?你看书的方法是怎样的?](https://github.com/haizlin/fe-interview/issues/603) - -- 第86天 (2019.07.11) - - [html] [举例说明你对HTML5的ruby标签的理解,都有哪些应用场景?](https://github.com/haizlin/fe-interview/issues/596) - - [css] [display有哪些值?分别说明他们的作用是什么?](https://github.com/haizlin/fe-interview/issues/597) - - [js] [把Script标签放在页面最底部的``之前和之后有什么区别?浏览器会如何解析它们?](https://github.com/haizlin/fe-interview/issues/598) - - [软技能] [Git的reset和revert有什么区别?它们分别适用于什么场景?](https://github.com/haizlin/fe-interview/issues/599) - -- 第85天 (2019.07.10) - - [html] [iframe的使用场景有哪些?](https://github.com/haizlin/fe-interview/issues/592) - - [css] [怎么让body高度自适应屏幕?为什么?](https://github.com/haizlin/fe-interview/issues/593) - - [js] [js延迟加载的方式有哪些?](https://github.com/haizlin/fe-interview/issues/594) - - [软技能] [你平时开发是用mac还是windows系统?至少举三个例子说明两者的区别?](https://github.com/haizlin/fe-interview/issues/595) - -- 第84天 (2019.07.09) - - [html] [a标签下的href="javascript:void(0)"起到了什么作用?说说你对javascript:void(0)的理解?](https://github.com/haizlin/fe-interview/issues/588) - - [css] [font-style的属性有Italic和oblique,两者有什么区别呢?](https://github.com/haizlin/fe-interview/issues/589) - - [js] [请描述你对浏览器同源策略的理解](https://github.com/haizlin/fe-interview/issues/590) - - [软技能] [刷新和强制刷新有什么区别?说说你对两者的理解](https://github.com/haizlin/fe-interview/issues/591) - -- 第83天 (2019.07.08) - - [html] [在新窗口打开链接的方法是什么?那怎么设置全站链接都在新窗口打开?](https://github.com/haizlin/fe-interview/issues/584) - - [css] [IE(6/7/8/9/10/11/Edge)下的hack写法分别有哪些?](https://github.com/haizlin/fe-interview/issues/585) - - [js] [举例说明js如何实现继承?](https://github.com/haizlin/fe-interview/issues/586) - - [软技能] [你会抓https和移动端的包吗?分别描述下这两种包要怎么抓?](https://github.com/haizlin/fe-interview/issues/587) - -- 第82天 (2019.07.07) - - [html] [用HTML5实现手机摇一摇功能你有做过吗?你知道它的原理吗?](https://github.com/haizlin/fe-interview/issues/580) - - [css] [写出你遇到过IE6/7/8/9的BUG及解决方法](https://github.com/haizlin/fe-interview/issues/581) - - [js] [用js实现一个九九乘法口诀表](https://github.com/haizlin/fe-interview/issues/582) - - [软技能] [说下你平时是怎么自学的?怎么安排时间的?](https://github.com/haizlin/fe-interview/issues/583) - -- 第81天 (2019.07.06) - - [html] [你有用过HTML5的Device API吗?说说它都有哪些应用场景?](https://github.com/haizlin/fe-interview/issues/576) - - [css] [举例说明css的基本语句构成是什么呢?](https://github.com/haizlin/fe-interview/issues/577) - - [js] [在js中怎么捕获异常?写出来看看?应该在哪些场景下采用呢?](https://github.com/haizlin/fe-interview/issues/578) - - [软技能] [你申请的这个职位,你觉得你还欠缺什么呢?](https://github.com/haizlin/fe-interview/issues/579) - -- 第80天 (2019.07.05) - - [html] [简述下HTML的快捷键属性是哪个?并举例说明有什么用?](https://github.com/haizlin/fe-interview/issues/572) - - [css] [写例子说明如何强制(自动)中、英文换行与不换行](https://github.com/haizlin/fe-interview/issues/573) - - [js] [举例说明什么是decodeURI()和encodeURI()是什么?](https://github.com/haizlin/fe-interview/issues/574) - - [软技能] [你知道什么是websocket吗?它有什么应用场景?](https://github.com/haizlin/fe-interview/issues/575) - -- 第79天 (2019.07.04) - - [html] [HTML5的应用程序缓存与浏览器缓存有什么不同?](https://github.com/haizlin/fe-interview/issues/568) - - [css] [说说你对BEM规范的理解,同时举例说明常见的CSS规范有哪些?](https://github.com/haizlin/fe-interview/issues/569) - - [js] [举例说明什么是IIFEs?它有什么好处?](https://github.com/haizlin/fe-interview/issues/570) - - [软技能] [一个项目写很多的纯静态页面,有公共的部分(例如头和尾)你是怎么提取公用的?](https://github.com/haizlin/fe-interview/issues/571) - -- 第78天 (2019.07.03) - - [html] [你有用过HTML5中的datalist标签吗?说说你对它的理解](https://github.com/haizlin/fe-interview/issues/562) - - [css] [遇到overflow: scroll不能平滑滚动怎么解决?](https://github.com/haizlin/fe-interview/issues/563) - - [js] [举例说明数组和对象的迭代方法分别有哪些?](https://github.com/haizlin/fe-interview/issues/564) - - [软技能] [你有使用过JWT吗?说说你对它的理解](https://github.com/haizlin/fe-interview/issues/565) - -- 第77天 (2019.07.02) - - [html] [说说你对HTML5的img标签属性srcset和sizes的理解?都有哪些应用场景?](https://github.com/haizlin/fe-interview/issues/530) - - [css] [请问display:inline-block在什么时候会显示间隙?](https://github.com/haizlin/fe-interview/issues/531) - - [js] [请快速答出此题的答案并解释:var x, y = 1; x + y = ?](https://github.com/haizlin/fe-interview/issues/532) - - [软技能] [你会抓包吗?都有用过哪些抓包工具?](https://github.com/haizlin/fe-interview/issues/533) - -- 第76天 (2019.07.01) - - [html] [HTML5如何识别语音读出的内容和朗读指定的内容?](https://github.com/haizlin/fe-interview/issues/526) - - [css] [用CSS画出一个任意角度的扇形,可以写多种实现的方法](https://github.com/haizlin/fe-interview/issues/527) - - [js] [说说instanceof和typeof的实现原理并自己模拟实现一个instanceof](https://github.com/haizlin/fe-interview/issues/528) - - [软技能] [你对web服务器软件有了解吗?都使用过哪些?各有哪些优缺点呢?](https://github.com/haizlin/fe-interview/issues/529) - -- 第75天 (2019.06.30) - - [html] [移动web页面如何自动探测电话号码?](https://github.com/haizlin/fe-interview/issues/521) - - [css] [请你解释下什么是浮动和它的工作原理是什么?同时浮动会引起什么问题?](https://github.com/haizlin/fe-interview/issues/522) - - [js] [js中=、==、===三个的区别是什么?并说明它们各自的工作过程](https://github.com/haizlin/fe-interview/issues/523) - - [软技能] [说说你做过让你觉得最满意的项目是什么?为什么?](https://github.com/haizlin/fe-interview/issues/524) - -- 第74天 (2019.06.29) - - [html] [在a标签上的四个伪类执行顺序是什么?](https://github.com/haizlin/fe-interview/issues/517) - - [css] [说说你对!important的理解,一般在哪些场景使用?](https://github.com/haizlin/fe-interview/issues/518) - - [js] [写一个方法随机生成指定位数的字符串](https://github.com/haizlin/fe-interview/issues/519) - - [软技能] [说下你对互联网行业及前端技术发展趋势的看法](https://github.com/haizlin/fe-interview/issues/520) - -- 第73天 (2019.06.28) - - [html] [favicon.ico有什么作用?怎么在页面中引用?常用尺寸有哪些?可以修改后缀名吗?](https://github.com/haizlin/fe-interview/issues/513) - - [css] [在实际编写css中你有遇到过哪些浏览器兼容性的问题?怎么解决的?](https://github.com/haizlin/fe-interview/issues/514) - - [js] [移动端点击事件为什么会有延迟?有哪些方法可以解决?](https://github.com/haizlin/fe-interview/issues/515) - - [软技能] [说说你对RESTful的理解](https://github.com/haizlin/fe-interview/issues/516) - -- 第72天 (2019.06.27) - - [html] [video和audio分别支持哪些格式?](https://github.com/haizlin/fe-interview/issues/509) - - [css] [怎么改变选中文本的文字颜色和背景色?](https://github.com/haizlin/fe-interview/issues/510) - - [js] [写一个字符串重复的repeat函数](https://github.com/haizlin/fe-interview/issues/511) - - [软技能] [你知道二维码的原理是什么吗?要把android和ios的下载地址合成一个二维码怎么做呢?](https://github.com/haizlin/fe-interview/issues/512) - -- 第71天 (2019.06.26) - - [html] [怎么在IE8及以下实现HTML5的兼容?](https://github.com/haizlin/fe-interview/issues/502) - - [css] [你对响应式设计的理解是什么?知道它基本的原理是吗?要想兼容低版本的IE怎么做呢?](https://github.com/haizlin/fe-interview/issues/503) - - [js] [说说你对深浅拷贝的理解?并实现一个对数组和对象深拷贝的方法](https://github.com/haizlin/fe-interview/issues/504) - - [软技能] [做了这么多年开发,说说你最大的感悟是什么?](https://github.com/haizlin/fe-interview/issues/505) - -- 第70天 (2019.06.25) - - [html] [html的a标签属性rel='nofollow'有什么作用?](https://github.com/haizlin/fe-interview/issues/498) - - [css] [你有使用过哪些栅格系统?都有什么区别呢?](https://github.com/haizlin/fe-interview/issues/499) - - [js] [Ajax请求中get和post方式有什么区别呢?分别在哪些场景下使用?](https://github.com/haizlin/fe-interview/issues/500) - - [软技能] [本地git与远程仓库连接的方式有哪些?](https://github.com/haizlin/fe-interview/issues/501) - -- 第69天 (2019.06.24) - - [html] [怎样禁止表单记住密码自动填充?](https://github.com/haizlin/fe-interview/issues/494) - - [css] [请说说`*{box-sizing: border-box;}`的作用及好处有哪些](https://github.com/haizlin/fe-interview/issues/495) - - [js] [说说你对base64的理解,它的使用场景有哪些?](https://github.com/haizlin/fe-interview/issues/496) - - [软技能] [为什么浏览器会有兼容的问题呢?](https://github.com/haizlin/fe-interview/issues/497) - -- 第68天 (2019.06.23) - - [html] [写个例子说明HTML5在移动端如何打开APP?](https://github.com/haizlin/fe-interview/issues/490) - - [css] [说说你对jpg、png、gif的理解,分别在什么场景下使用?有使用过webp吗?](https://github.com/haizlin/fe-interview/issues/491) - - [js] [formData主要是用来做什么的?它的操作方法有哪些?](https://github.com/haizlin/fe-interview/issues/492) - - [软技能] [js动画和css动画有什么区别?](https://github.com/haizlin/fe-interview/issues/493) - -- 第67天 (2019.06.22) - - [html] [请写出唤醒拔打电话、发送邮件、发送短信的例子](https://github.com/haizlin/fe-interview/issues/407) - - [css] [如何消除transition闪屏?](https://github.com/haizlin/fe-interview/issues/408) - - [js] [举例子说说你对js隐式类型转换的理解](https://github.com/haizlin/fe-interview/issues/409) - - [软技能] [你觉得你自己最大的优点和缺点分别是什么?能否举例说明一下?](https://github.com/haizlin/fe-interview/issues/410) - -- 第66天 (2019.06.21) - - [html] [HTML5如果不写`` ,页面还会正常工作么?](https://github.com/haizlin/fe-interview/issues/403) - - [css] [元素竖向的百分比设置是相对容器的高度吗?](https://github.com/haizlin/fe-interview/issues/404) - - [js] [请解释下什么是cookie隔离?为什么要隔离?如何隔离?](https://github.com/haizlin/fe-interview/issues/405) - - [软技能] [如果面试官让你说说下你的家庭?你会从哪些方面说呢?](https://github.com/haizlin/fe-interview/issues/406) - -- 第65天 (2019.06.20) - - [html] [html直接输入多个空格为什么只能显示一个空格?](https://github.com/haizlin/fe-interview/issues/299) - - [css] [用CSS绘制一个红色的爱心](https://github.com/haizlin/fe-interview/issues/300) - - [js] [说说你对数据类型转换的理解是什么?类型转换的方法有哪些?](https://github.com/haizlin/fe-interview/issues/298) - - [软技能] [最后如果技术面和HR面问你:你还有什么问题吗?你分别会问些什么?](https://github.com/haizlin/fe-interview/issues/297) - -- 第64天 (2019.06.19) - - [html] [写出html提供的几种空格实体(5种以上)](https://github.com/haizlin/fe-interview/issues/293) - - [css] [举例说明css中颜色的表示方法有几种](https://github.com/haizlin/fe-interview/issues/294) - - [js] [如何让(a==1 && a==2 && a==3)的值为true,把"=="换成"==="后还能为true吗?](https://github.com/haizlin/fe-interview/issues/295) - - [软技能] [如果面试官让你先自我介绍下,然后说下你的工作经历,你该怎么说?](https://github.com/haizlin/fe-interview/issues/296) - -- 第63天 (2019.06.18) - - [html] [什么是html的字符实体?版权符号代码怎么写?](https://github.com/haizlin/fe-interview/issues/279) - - [css] [说说position的absolute和fixed共同与不同点分别是什么?](https://github.com/haizlin/fe-interview/issues/280) - - [js] [举例子说明javascript的变量声明提升和函数声明提升](https://github.com/haizlin/fe-interview/issues/281) - - [软技能] [说说什么是设计模式,你最常用的设计模式有哪些?](https://github.com/haizlin/fe-interview/issues/282) - -- 第62天 (2019.06.17) - - [html] [有使用过HTML5的拖放API吗?说说你对它的理解](https://github.com/haizlin/fe-interview/issues/275) - - [css] [手动写动画最小时间间隔是多少,为什么?](https://github.com/haizlin/fe-interview/issues/276) - - [js] [有用过HTML5的WebWork吗?它主要解决了什么问题?](https://github.com/haizlin/fe-interview/issues/277) - - [软技能] [说说你对同构和SSR的理解](https://github.com/haizlin/fe-interview/issues/278) - -- 第61天 (2019.06.16) - - [html] [有用过HTML5的webSQL和IndexedDB吗?说说你对它们的理解](https://github.com/haizlin/fe-interview/issues/254) - - [css] [怎样把一个div居中?怎样把一个浮动元素居中?怎样把绝对定位的div居中?](https://github.com/haizlin/fe-interview/issues/255) - - [js] [写一个方法获取图片的原始宽高](https://github.com/haizlin/fe-interview/issues/256) - - [软技能] [知道IPV6是什么吗?说说它和IPV4的区别是什么?](https://github.com/haizlin/fe-interview/issues/257) - -- 第60天 (2019.06.15)(感谢:九旬大爷的梦 提供的题目) - - [html] [src、href、link的区别是什么?](https://github.com/haizlin/fe-interview/issues/250) - - [css] [用css画一个太阳](https://github.com/haizlin/fe-interview/issues/251) - - [js] [请实现一个flattenDeep函数,把多维数组扁平化](https://github.com/haizlin/fe-interview/issues/252) - - [软技能] [如何预防掉头发?](https://github.com/haizlin/fe-interview/issues/253) - -- 第59天 (2019.06.14) - - [html] [有用地过WebGL吗?说说你对它的理解](https://github.com/haizlin/fe-interview/issues/244) - - [css] [你有用过哪些css框架?说说它们的特点](https://github.com/haizlin/fe-interview/issues/245) - - [js] [写一个格式化金额的方法](https://github.com/haizlin/fe-interview/issues/246) - - [软技能] [对于让你接手一个你觉得很烂的老项目,你该怎么办?](https://github.com/haizlin/fe-interview/issues/247) - -- 第58天 (2019.06.13) - - [html] [HTML5相对于HTML4有哪些优势?](https://github.com/haizlin/fe-interview/issues/240) - - [css] [box-sizing常用的属性有哪些?分别有什么作用?](https://github.com/haizlin/fe-interview/issues/241) - - [js] [请说下你对__proto__和prototype的理解](https://github.com/haizlin/fe-interview/issues/242) - - [软技能] [对于5G的到来,你是怎么看的?说说你的想法](https://github.com/haizlin/fe-interview/issues/243) - -- 第57天 (2019.06.12) - - [html] [你了解HTML5的download属性吗?](https://github.com/haizlin/fe-interview/issues/236) - - [css] [inline、block、inline-block这三个属性值有什么区别?](https://github.com/haizlin/fe-interview/issues/237) - - [js] [写一个方法,使得sum(x)(y)和sum(x,y)返回的结果相同](https://github.com/haizlin/fe-interview/issues/238) - - [软技能] [说说你对浏览器的关键渲染路径的理解](https://github.com/haizlin/fe-interview/issues/239) - -- 第56天 (2019.06.11) - - [html] [渐进式渲染是什么?](https://github.com/haizlin/fe-interview/issues/219) - - [css] [margin和padding使用的场景有哪些?](https://github.com/haizlin/fe-interview/issues/220) - - [js] [JSONP的原理是什么?解决什么问题?](https://github.com/haizlin/fe-interview/issues/221) - - [软技能] [说说你对域名收敛和域名发散的理解?分别在什么场景下使用?](https://github.com/haizlin/fe-interview/issues/222) - -- 第55天 (2019.06.10) - - [html] [HTML5中新添加的表单属性有哪些?](https://github.com/haizlin/fe-interview/issues/215) - - [css] [什么是视差滚动?如何实现视差滚动的效果?](https://github.com/haizlin/fe-interview/issues/216) - - [js] [写出4个使用this的典型例子](https://github.com/haizlin/fe-interview/issues/217) - - [软技能] [网站被劫持植入广告该怎么办?如何防止?](https://github.com/haizlin/fe-interview/issues/218) - -- 第54天 (2019.06.09) - - [html] [你有了解HTML5的地理定位吗?怎么使用?](https://github.com/haizlin/fe-interview/issues/211) - - [css] [css3的:nth-child和:nth-of-type的区别是什么?](https://github.com/haizlin/fe-interview/issues/212) - - [js] [写一个函数找出给定数组中的最大差值](https://github.com/haizlin/fe-interview/issues/213) - - [软技能] [和你的上级领导意见不一致时你该怎么办?](https://github.com/haizlin/fe-interview/issues/214) - -- 第53天 (2019.06.08) - - [html] [web workers有用过吗?能帮我们解决哪些问题?](https://github.com/haizlin/fe-interview/issues/207) - - [css] [怎么使用自定义字体?有什么注意事项?](https://github.com/haizlin/fe-interview/issues/208) - - [js] [document的load 和ready有什么区别?](https://github.com/haizlin/fe-interview/issues/209) - - [软技能] [有用过本地存储吗?有什么限制?有没有考虑过超出了限制怎么办?](https://github.com/haizlin/fe-interview/issues/210) - -- 第52天 (2019.06.07) - - [html] [From表单提交时为什么会刷新页面?怎么预防刷新?](https://github.com/haizlin/fe-interview/issues/202) - - [css] [要是position跟display、overflow、float这些特性相互叠加后会怎么样?](https://github.com/haizlin/fe-interview/issues/203) - - [js] [什么是事件委托?它有什么好处?能简单的写一个例子吗?](https://github.com/haizlin/fe-interview/issues/204) - - [软技能] [说说你对CDN的理解,使用过程中有没有遇到过问题?](https://github.com/haizlin/fe-interview/issues/205) - -- 第51天 (2019.06.06) - - [html] [Form表单是怎么上传文件的?你了解它的原理吗?](https://github.com/haizlin/fe-interview/issues/198) - - [css] [有用过Flex吗?简要说下你对它的了解](https://github.com/haizlin/fe-interview/issues/198) - - [js] [字符串相连有哪些方式?哪种最好?为什么?](https://github.com/haizlin/fe-interview/issues/200) - - [软技能] [你写文档一般用什么工具?Markdown有用过吗?](https://github.com/haizlin/fe-interview/issues/201) - -- 第50天 (2019.06.05) - - [html] [Ajax与Flash的优缺点分别是什么?](https://github.com/haizlin/fe-interview/issues/189) - - [css] [列举CSS优化、提高性能的方法](https://github.com/haizlin/fe-interview/issues/190) - - [js] [请写出一个函数求出N的阶乘(即N!)](https://github.com/haizlin/fe-interview/issues/191) - - [软技能] [说说你对http、https的理解](https://github.com/haizlin/fe-interview/issues/192) - -- 第49天 (2019.06.04) - - [html] [说说你对target="_blank"的理解?有啥安全性问题?如何防范?](https://github.com/haizlin/fe-interview/issues/185) - - [css] [假如设计稿使用了非标准的字体,你该如何去实现它?](https://github.com/haizlin/fe-interview/issues/186) - - [js] [写个还剩下多少天过年的倒计时](https://github.com/haizlin/fe-interview/issues/187) - - [软技能] [你有遇到过字体侵权的事吗?如何解决?](https://github.com/haizlin/fe-interview/issues/188) - -- 第48天 (2019.06.03) - - [html] [说说你对WEB标准和W3C的理解与认识?](https://github.com/haizlin/fe-interview/issues/181) - - [css] [你知道全屏滚动的原理是什么吗?它用到了CSS的那些属性?](https://github.com/haizlin/fe-interview/issues/182) - - [js] [你对事件循环有了解吗?说说看!](https://github.com/haizlin/fe-interview/issues/183) - - [软技能] [最近996一词很火,谈谈你对996的看法](https://github.com/haizlin/fe-interview/issues/184) - -- 第47天 (2019.06.02) - - [html] [HTML5如何使用音频和视频?](https://github.com/haizlin/fe-interview/issues/177) - - [css] [你是怎样抽离样式模块的?](https://github.com/haizlin/fe-interview/issues/178) - - [js] [请说说你对事件冒泡机制的理解?](https://github.com/haizlin/fe-interview/issues/179) - - [软技能] [如果HR说要做背调,还要你给出近三个月的银行流水,你该怎么办?](https://github.com/haizlin/fe-interview/issues/180) - -- 第46天 (2019.06.01) - - [html] [页面中怎么嵌入Flash?有哪些方法?写出来](https://github.com/haizlin/fe-interview/issues/173) - - [css] [说说你对媒体查询的理解](https://github.com/haizlin/fe-interview/issues/174) - - [js] [写一个使两个整数进行交换的方法(不能使用临时变量)](https://github.com/haizlin/fe-interview/issues/175) - - [软技能] [说说你对本项目的看法及建议](https://github.com/haizlin/fe-interview/issues/176) - -- 第45天 (2019.05.31) - - [html] [xml与html有什么区别?](https://github.com/haizlin/fe-interview/issues/169) - - [css] [你知道的等高布局有多少种?写出来](https://github.com/haizlin/fe-interview/issues/170) - - [js] [写出几种创建对象的方式,并说说他们的区别是什么?](https://github.com/haizlin/fe-interview/issues/171) - - [软技能] [从你的角度上来讲,你觉得如何管理前端团队?](https://github.com/haizlin/fe-interview/issues/172) - -- 第44天 (2019.05.30) - - [html] [说说video标签中预加载视频用到的属性是什么?](https://github.com/haizlin/fe-interview/issues/165) - - [css] [手写一个满屏品字布局的方案](https://github.com/haizlin/fe-interview/issues/166) - - [js] [深度克隆对象的方法有哪些,并把你认为最好的写出来](https://github.com/haizlin/fe-interview/issues/167) - - [软技能] [说说你对http、https、http2的理解](https://github.com/haizlin/fe-interview/issues/168) - -- 第43天 (2019.05.29)(感谢:邓旭辉 提供的题目) - - [html] [如何让元素固定在页面底部?有哪些比较好的实践?](https://github.com/haizlin/fe-interview/issues/161) - - [css] [span与span之间有看不见的空白间隔是什么原因引起的?有什么解决办法?](https://github.com/haizlin/fe-interview/issues/162) - - [js] [JQuery的源码看过吗?能不能简单概括一下它的实现原理?](https://github.com/haizlin/fe-interview/issues/163) - - [软技能] [最近在学什么?能谈谈你未来3,5年给自己的规划吗?](https://github.com/haizlin/fe-interview/issues/164) - -- 第42天 (2019.05.28) - - [html] [解释下什么是ISISO8859-2字符集?](https://github.com/haizlin/fe-interview/issues/156) - - [css] [重置(初始化)css的作用是什么?](https://github.com/haizlin/fe-interview/issues/158) - - [js] [window对象和document对象有干什么区别?](https://github.com/haizlin/fe-interview/issues/157) - - [软技能] [你现在在团队是什么角色,有起到了什么显著的作用吗?](https://github.com/haizlin/fe-interview/issues/159) - -- 第41天 (2019.05.27) - - [html] [webSocket怎么做兼容处理?](https://github.com/haizlin/fe-interview/issues/152) - - [css] [怎么让英文单词的首字母大写?](https://github.com/haizlin/fe-interview/issues/153) - - [js] [说说你对IIFE的理解](https://github.com/haizlin/fe-interview/issues/154) - - [软技能] [你有自己的博客吗?平时自己有写一些技术文章吗?](https://github.com/haizlin/fe-interview/issues/155) - -- 第40天 (2019.05.26) - - [html] [html5都有哪些新的特性?移除了哪些元素?](https://github.com/haizlin/fe-interview/issues/148) - - [css] [怎么才能让图文不可复制?](https://github.com/haizlin/fe-interview/issues/149) - - [js] [为什么会有跨域问题?怎么解决跨域?](https://github.com/haizlin/fe-interview/issues/150) - - [软技能] [说说你对NodeJs的理解及用途](https://github.com/haizlin/fe-interview/issues/151) - -- 第39天 (2019.05.25) - - [html] [title与h1、b与strong、i与em的区别分别是什么?](https://github.com/haizlin/fe-interview/issues/144) - - [css] [写出你知道的CSS水平和垂直居中的方法](https://github.com/haizlin/fe-interview/issues/145) - - [js] [说说你对模块化的理解](https://github.com/haizlin/fe-interview/issues/146) - - [软技能] [公钥加密和私钥加密是什么?](https://github.com/haizlin/fe-interview/issues/147) - -- 第38天 (2019.05.24) - - [html] [说说你对cookie和session的理解](https://github.com/haizlin/fe-interview/issues/140) - - [css] [实现单行文本居中和多行文本左对齐并超出显示"..."](https://github.com/haizlin/fe-interview/issues/141) - - [js] [说说你对eval的理解](https://github.com/haizlin/fe-interview/issues/142) - - [软技能] [你知道网页三剑客指的是什么吗?你有用过Dreamwear吗?](https://github.com/haizlin/fe-interview/issues/143) - -- 第37天 (2019.05.23) - - [html] [html5哪些标签可以优化SEO?](https://github.com/haizlin/fe-interview/issues/136) - - [css] [不使用border画出1px高的线,在不同浏览器的标准和怪异模式下都能保持效果一样](https://github.com/haizlin/fe-interview/issues/137) - - [js] [找到字符串中最长的单词,并返回它的长度](https://github.com/haizlin/fe-interview/issues/138) - - [软技能] [如果让你快速使用一门你不熟悉的新技术,你该怎么办?](https://github.com/haizlin/fe-interview/issues/139) - -- 第36天 (2019.05.22) - - [html] [HTML与XHTML二者有不同?](https://github.com/haizlin/fe-interview/issues/132) - - [css] [写出主流浏览器内核私有属性的css前缀](https://github.com/haizlin/fe-interview/issues/133) - - [js] [请手写一个幻灯片的效果](https://github.com/haizlin/fe-interview/issues/134) - - [软技能] [对于前端安全,你了解多少?说说你对XSS和CSRF的理解](https://github.com/haizlin/fe-interview/issues/135) - -- 第35天 (2019.05.21)(感谢:九旬大爷的梦 提供的题目) - - [html] [用一个div模拟textarea的实现](https://github.com/haizlin/fe-interview/issues/128) - - [css] [使用flex实现三栏布局,两边固定,中间自适应](https://github.com/haizlin/fe-interview/issues/129) - - [js] [请你解释一个为什么10.toFixed(10)会报错?](https://github.com/haizlin/fe-interview/issues/130) - - [软技能] [谈一谈你知道的前端性能优化方案有哪些?](https://github.com/haizlin/fe-interview/issues/131) - -- 第34天 (2019.05.20) - - [html] [Standards模式和Quirks模式有什么区别?](https://github.com/haizlin/fe-interview/issues/122) - - [css] [浏览器是怎样判断元素是否和某个CSS选择器匹配?](https://github.com/haizlin/fe-interview/issues/123) - - [js] [请用canvas写一个关于520浪漫表白的代码](https://github.com/haizlin/fe-interview/issues/124) - - [软技能] [你了解什么是技术债务吗?](https://github.com/haizlin/fe-interview/issues/125) - -- 第33天 (2019.05.19) - - [html] [html和html5有什么区别呢?](https://github.com/haizlin/fe-interview/issues/118) - - [css] [用CSS绘制一个三角形](https://github.com/haizlin/fe-interview/issues/119) - - [js] [说说你对this的理解](https://github.com/haizlin/fe-interview/issues/120) - - [软技能] [你对全栈工程师的理解是什么?](https://github.com/haizlin/fe-interview/issues/121) - -- 第32天 (2019.05.18) - - [html] [说说你对HTML元素的显示优先级的理解](https://github.com/haizlin/fe-interview/issues/114) - - [css] [说下line-height三种赋值方式有何区别?](https://github.com/haizlin/fe-interview/issues/115) - - [js] [造成内存泄漏的操作有哪些?](https://github.com/haizlin/fe-interview/issues/116) - - [软技能] [你在上一家公司工作流程是怎么样的,如何与其他人协作的?是怎样跨部门合作的?](https://github.com/haizlin/fe-interview/issues/117) - -- 第31天 (2019.05.17) - - [html] [DOM和BOM有什么区别?](https://github.com/haizlin/fe-interview/issues/110) - - [css] [让网页的字体变得清晰,变细用CSS怎么做?](https://github.com/haizlin/fe-interview/issues/111) - - [js] [写一个方法把0和1互转(0置1,1置0)](https://github.com/haizlin/fe-interview/issues/112) - - [软技能] [对于有压力时,你是怎么抗压的?](https://github.com/haizlin/fe-interview/issues/113) - -- 第30天 (2019.05.16) - - [html] [网页上的验证码是为了解决什么问题?说说你了解的验证码种类有哪些](https://github.com/haizlin/fe-interview/issues/106) - - [css] [描述下你所了解的图片格式及使用场景](https://github.com/haizlin/fe-interview/issues/107) - - [js] [写一个方法判断字符串是否为回文字符串](https://github.com/haizlin/fe-interview/issues/108) - - [软技能] [解释下CRLF是什么?](https://github.com/haizlin/fe-interview/issues/109) - -- 第29天 (2019.05.15) - - [html] [你了解什么是无障碍web(WAI)吗?在开发过程中要怎么做呢?](https://github.com/haizlin/fe-interview/issues/102) - - [css] [请描述css的权重计算规则](https://github.com/haizlin/fe-interview/issues/103) - - [js] [写一个获取数组的最大值、最小值的方法](https://github.com/haizlin/fe-interview/issues/104) - - [软技能] [在工作中能让你最有成就感的是什么?并介绍下你最得意的作品吧](https://github.com/haizlin/fe-interview/issues/105) - -- 第28天 (2019.05.14) - - [html] [说说你对``标签的理解](https://github.com/haizlin/fe-interview/issues/98) - - [css] [rgba()和opacity这两个的透明效果有什么区别呢?](https://github.com/haizlin/fe-interview/issues/99) - - [js] [解释下这段代码的意思!](https://github.com/haizlin/fe-interview/issues/100) - - [软技能] [在浏览器中输入url到页面显示出来的过程发生了什么?](https://github.com/haizlin/fe-interview/issues/101) - -- 第27天 (2019.05.13) - - [html] [说说你对影子(Shadow)DOM的了解](https://github.com/haizlin/fe-interview/issues/94) - - [css] [怎样修改chrome记住密码后自动填充表单的黄色背景?](https://github.com/haizlin/fe-interview/issues/95) - - [js] [说说你对arguments的理解,它是数组吗?](https://github.com/haizlin/fe-interview/issues/96) - - [软技能] [你为什么离职呢?](https://github.com/haizlin/fe-interview/issues/97) - -- 第26天 (2019.05.12) - - [html] [解释下你对GBK和UTF-8的理解?并说说页面上产生乱码的可能原因](https://github.com/haizlin/fe-interview/issues/90) - - [css] [说说你对z-index的理解](https://github.com/haizlin/fe-interview/issues/91) - - [js] [说说bind、call、apply的区别?并手写实现一个bind的方法](https://github.com/haizlin/fe-interview/issues/92) - - [软技能] [你对Git的branch及工作流的理解是什么?](https://github.com/haizlin/fe-interview/issues/93) - -- 第25天 (2019.05.11) - - [html] [请说说`