最近很多前端小伙伴在面试,前端学习内容复杂、网上资料良莠不齐,想要靠自己梳理清楚确实不容易,为了帮助想要跳槽进大厂的你在金三银四顺利通过前端面试,总结出这「 400 道前端工程师常考必考面试题+详细解答」于是我翻箱倒柜,把这份蚂蚁金服大牛总结的前端开发归纳笔记找出来。 传说有小伙伴靠这份笔记顺利进入 BAT 哦,所以一定要好好学习这份资料!做下一个靠这份笔记进入BAT的人~(神话传说)
有需要的朋友可以戳此传送门即可获取完整版的 PDF 哦
前端基础293道 1.css3有哪些新特性 2.first-child与first-of-type的区别是 3.解决使用transform:translate属性时会出现闪烁现象 4.如何使用@keyframes使div元素移动200像素 5.如何实现文本换行 6.超出文本省略 7.css3动画如何在动作结束时保持状态不变 8.实现某div元素以每秒50px的速度左移100px 9.说说box-sizing属性 10.如何实现把文本分隔为4列并使两列之间间隔30像素 11.background-clip和background-orgin的区别 12.css3中transition属性值以及含义是 13.当元素不面向屏幕时其可见性如何定义 14.如何实现css3倒影 15.css3实现背景颜色线性渐变 16.为盒子添加蒙版 17.animation属性值有哪些 18.rem的原理是什么 19.如何设置css3文本阴影 20.如何把元素从左侧移动50像素,从顶端移动100像素 21.如何把一个元素旋转30° 22.利用css3制作淡入淡出的动画效果 23.在使用Bootstrap的同时使用地图api,可能会造成Bootstrap与地图冲突,地图显示不出来,如何解决 24.jquery中的deferred的功能 25.什么是deferred对象 26.jquery和jquery ui的区别 27.如何用原生JavaScript实现jquery的ready方法 28.jquery中的attr和prop区别 29.$.map()和$.each()区别 30. jquery中如何将一个jquery对象转化为dom对象 31.jquery中监听事件有几种方式 32.jquery中个get和eq区别 33.jquery中的事件冒泡,怎么执行,如何停止冒泡事件 34.jquery中的hover和toggle区别 35. 你使用过哪些数据格式 36.选择器中id,class有什么区别 37.为了将单选按钮组的第二个选框设置为选中状态,如何设置 38.$.getScript()方法和$.getJson()方法有什么区别 39.jquery或zepto源码有哪些地方觉得不错 40.jQuery中的美元符号 41.onload()函数和ready()函数的区别 42.jQuery中有哪几种常见的选择器 43.使用jQuery将页面上所有元素边框设置为2px宽的虚线 44.使用jQuery实现单击按钮时弹出一个对话框 45.如何使用jquery编码和解码url 46.jquery中的delegate()函数有什么作用 47.如何禁用浏览器的前进和后退按钮 48.网页上有5个
元素,如何使用jquery来选择它们 49.如何在单击一个按钮时使用jQuery隐藏一副图片 50. $(document).ready()是什么函数 51.如何找到所有多选下拉框内的选中项 52.如何获取页面中所有多(复)选框内选中选项的内容 53.$(this)和this关键字在jquery中的不同 54.提取链接的href 55.能用jquery代码选择所有在段落内部的超链接吗 56.jquery中的detach()和remove()方法的区别 57.如何利用jquery,来向一个元素添加或移除css类 58.使用cdn加载jquery库的主要优势是什么 59.jQuery.ajax()和jQuery.get()方法之间的区别 60.要是在一个jQuery事件处理程序里返回了false会怎么样 61.document.getElementbyId("myId")和$("#myId")哪个更高效 62.jQuery中的方法链是,使用的好处 63.如何用jquery将一个html元素添加到dom树中 64.你是如何使用jquery中的ajax的 65.页面导入样式时,使用link和@import有什么区别? 66.HTML全局属性(global attribute)有哪些(包含H5)? 67.写一个方法去掉字符串中的空格 68.CSS3有哪些新增的特性? 69.用递归算法实现,数组长度为5且元素的随机数在2-32间不重复的值 70.写一个加密字符串的方法 71.浏览器内多个标签页之间的通信方式有哪些? 72.简述下你理解的优雅降级和渐进增强 73.viewport常见设置都有哪些? 74.对比下px、em、rem有什么不同? 75.简要描述下什么是回调函数并写一个例子出来 76.你对标签语义化的理解是什么? 77.在页面上隐藏元素的方法有哪些? 78.去除字符串中最后一个指定的字符 79.HTML5的文件离线储存怎么使用,工作原理是什么? 80.CSS选择器有哪些?哪些属性可以继承? 81.简述超链接target属性的取值和作用 82.CSS3新增伪类有哪些并简要描述 83.label都有哪些作用 84.用css创建一个三角形,并简述原理 85.Iframe 有什么好处,有什么坏处?国内还有哪些知名网站仍用Iframe,为什么?有哪些原来用的现在抛弃了?又是为什么? 86.简述你对BFC规范的理解 87.统计某一字符或字符串在另一个字符串中出现的次数 88.清除浮动的方式有哪些及优缺点? 89.简要描述下JS有哪些内置的对象 90.常见的浏览器内核都有哪些? 91.盒模型的理解 92.html5中的form怎么关闭自动完成? 93.::before和:after中单冒号和双冒号的区别是什么 94.说说你对javascript的作用域的理解 95.http都有哪些状态码? 96.为什么HTML5只需要写就可以 97.什么是闭包?优缺点分别是什么? 98.写一个数组去重的方法 99.元素的alt和title有什么区别? 100.table的作用和优缺点是什么呢? 101. typeof('abc')和typeof 'abc'都是string, 那么typeof是操作符还是函数? 102.说说你对SVN和GIT的理解和区别 103.什么是FOUC?你是如何避免FOUC的? 104.css的属性content有什么作用呢? 105."attribute"和"property"有什么不同? 106.写一个验证身份证号的方法 107.对于HTML表单输入字段,disabled =“ disabled”和readonly =“ readonly”有什么区别? 108.说说你对line-height是如何理解的? 109.说说你对重绘和重排的理解,以及如何优化? 110.0.1 + 0.2、0.1 + 0.3和0.1 * 0.2分别等于多少?并解释下为什么? 111.new操作符的理解是什么?手动实现一个new方法 112.jquery中是如何操作类的 113.使用jQuery中的动画 114.单击超链接后自动跳转,单击“提交”按钮后表单会提交等,有时候,为了阻止默认行为,怎么办 115.你使用什么方法提交数据 116.在ajax中获取数据的主要有几种方式 117.jquery中使用过哪些插入节点的方法 118.在jquery中,如何获取或者设置属性?如何删除属性 119.如何设置和获取html以及文本的值 120.说说