273个问题

第一部分：基础篇一、HTML、HTTP、web综合问题1 前端需要注意哪些SEO2 <img>的title和alt有什么区别3 HTTP的几种请求方法用途4 从浏览器地址栏输入url到显示页面的步骤5 如何进行网站性能优化6 HTTP状态码及其含义7 语义化的理解8 介绍一下你对浏览器内核的理解？9 html5有哪些新特性、移除了那些元素？10 HTML5的离线储存怎么使用，工作原理能不能解释一下？11 浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢12 请描述一下 cookies，sessionStorage 和 localStorage 的区别？13 iframe有那些缺点？14 WEB标准以及W3C标准是什么?15 xhtml和html有什么区别?16 Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?17 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？行内元素和块级元素有什么区别？18 HTML全局属性(global attribute)有哪些19 Canvas和SVG有什么区别？20 HTML5 为什么只需要写21 如何在页面上实现一个圆形的可点击区域？22 网页验证码是干嘛的，是为了解决什么安全问题23 viewport24 渲染优化25 meta viewport相关26 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?27 div+css的布局较table布局有什么优点？28 a：img的alt与title有何异同？b：strong与em的异同？29 你能描述一下渐进增强和优雅降级之间的不同吗30 为什么利用多个域名来存储网站资源会更有效？31 简述一下src与href的区别32 知道的网页制作会用到的图片格式有哪些？33 在css/js代码上线之后开发人员经常会优化性能，从用户刷新网页开始，一次js请求一般情况下有哪些地方会有缓存处理？33 一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更好的体验。34 常见排序算法的时间复杂度,空间复杂度35 web开发中会话跟踪的方法有哪些36 HTTP request报文结构是怎样的37 HTTP response报文结构是怎样的二、CSS部分1 css sprite是什么,有什么优缺点2 display: none;与visibility: hidden;的区别3 link与@import的区别4 什么是FOUC?如何避免5 如何创建块级格式化上下文(block formatting context),BFC有什么用6 display、float、position的关系7 清除浮动的几种方式，各自的优缺点8 为什么要初始化CSS样式?9 css3有哪些新特性10 display有哪些值？说明他们的作用11 介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有什么不同的？12 CSS优先级算法如何计算？13 对BFC规范的理解？14 谈谈浮动和清除浮动15 position的值， relative和absolute定位原点是16 display:inline-block 什么时候不会显示间隙？(携程)17 PNG\GIF\JPG的区别及如何选18 行内元素float:left后是否变为块级元素？19 在网页中的应该使用奇数还是偶数的字体？为什么呢？20 ::before 和 :after中双冒号和单冒号 有什么区别？解释一下这2个伪元素的作用21 如果需要手动写动画，你认为最小时间间隔是多久，为什么？（阿里）22 CSS合并方法23 CSS不同选择器的权重(CSS层叠的规则)24 列出你所知道可以改变页面布局的属性25 CSS在性能优化方面的实践26 CSS3动画（简单动画的实现，如旋转等）27 base64的原理及优缺点28 几种常见的CSS布局29 stylus/sass/less区别30 postcss的作用31 css样式（选择器）的优先级32 自定义字体的使用场景33 如何美化CheckBox34 伪类和伪元素的区别35 base64的使用36 自适应布局37 请用CSS写一个简单的幻灯片效果页面38 什么是外边距重叠？重叠的结果是什么？39 rgba()和opacity的透明效果有什么不同？40 css中可以让文字在垂直和水平方向上重叠的两个属性是什么？41 如何垂直居中一个浮动元素？42 px和em的区别43 Sass、LESS是什么？大家为什么要使用他们？44 知道css有个content属性吗？有什么作用？有什么应用？45 水平居中的方法46 垂直居中的方法47 如何使用CSS实现硬件加速？48 重绘和回流（重排）是什么，如何避免？49 说一说css3的animation50 左边宽度固定，右边自适应51 两种以上方式实现已知或者未知宽度的垂直水平居中52 如何实现小于12px的字体效果三、JavaScript1 闭包2 说说你对作用域链的理解3 JavaScript原型，原型链 ? 有什么特点？4 请解释什么是事件代理5 Javascript如何实现继承？6 谈谈This对象的理解7 事件模型8 new操作符具体干了什么呢?9 Ajax原理10 如何解决跨域问题?11 模块化开发怎么做？12 异步加载JS的方式有哪些？13 那些操作会造成内存泄漏？14 XML和JSON的区别？15 谈谈你对webpack的看法16 说说你对AMD和Commonjs的理解17 常见web安全及防护原理18 用过哪些设计模式？19 为什么要有同源限制？20 offsetWidth/offsetHeight,clientWidth/clientHeight与scrollWidth/scrollHeight的区别21 javascript有哪些方法定义对象22 常见兼容性问题？23 说说你对promise的了解24 你觉得jQuery源码有哪些写的好的地方25 vue、react、angular26 Node的应用场景27 谈谈你对AMD、CMD的理解28 那些操作会造成内存泄漏29 web开发中会话跟踪的方法有哪些30 介绍js的基本数据类型31 介绍js有哪些内置对象32 说几条写JavaScript的基本规范33 JavaScript有几种类型的值34 javascript创建对象的几种方式35 eval是做什么的36 null，undefined 的区别37 ["1", "2", "3"].map(parseInt) 答案是多少38 javascript 代码中的"use strict";是什么意思39 JSON 的了解40 js延迟加载的方式有哪些41 同步和异步的区别42 渐进增强和优雅降级43 defer和async44 说说严格模式的限制45 attribute和property的区别是什么46 谈谈你对ES6的理解47 ECMAScript6 怎么写class么48 什么是面向对象编程及面向过程编程，它们的异同和优缺点49 面向对象编程思想50 对web标准、可用性、可访问性的理解51 如何通过JS判断一个数组52 谈一谈let与var的区别53 map与forEach的区别54 谈一谈你理解的函数式编程55 谈一谈箭头函数与普通函数的区别？56 谈一谈函数中this的指向57 异步编程的实现方式58 对原生Javascript了解程度59 Js动画与CSS动画区别及相应实现60 JS 数组和对象的遍历方式，以及几种方式的比较61 gulp是什么62 说一下Vue的双向绑定数据的原理63 事件的各个阶段64 let var const65 快速的让一个数组乱序66 如何渲染几万条数据并不卡住界面67 希望获取到页面中所有的checkbox怎么做？68 怎样添加、移除、移动、复制、创建和查找节点69 正则表达式70 Javascript中callee和caller的作用？71 window.onload和$(document).ready72 addEventListener()和attachEvent()的区别73 获取页面所有的checkbox74 数组去重方法总结75 （设计题）想实现一个对页面某个节点的拖曳？如何做？（使用原生JS）76 Javascript全局函数和全局变量77 使用js实现一个持续的动画效果78 封装一个函数，参数是定时器的时间，.then执行回调函数79 怎么判断两个对象相等？80 项目做过哪些性能优化？81 浏览器缓存82 WebSocket83 尽可能多的说出你对 Electron 的理解84 深浅拷贝85 防抖/节流86 谈谈变量提升？87 什么是单线程，和异步的关系88 是否用过 jQuery 的 Deferred89 前端面试之hybrid90 前端面试之组件化91 前端面试之MVVM浅析92 实现效果，点击容器内的图标，图标边框变成border 1px solid red，点击空白处重置93 请简单实现双向数据绑定mvvm94 实现Storage，使得该对象为单例，并对localStorage进行封装设置值setItem(key,value)和getItem(key)95 说说event loop96 说说事件流97 为什么canvas的图片为什么过有跨域问题98 我现在有一个canvas，上面随机布着一些黑块，请实现方法，计算canvas上有多少个黑块99 请手写实现一个promise100 说说从输入URL到看到页面发生的全过程，越详细越好101 描述一下this102 说一下浏览器的缓存机制103 现在要你完成一个Dialog组件，说说你设计的思路？它应该有什么功能？104 caller和callee的区别105 ajax、axios、fetch区别四、jQuery1 你觉得jQuery或zepto源码有哪些写的好的地方2 jQuery 的实现原理3 jQuery.fn 的 init 方法返回的 this 指的是什么对象4 jQuery.extend 与 jQuery.fn.extend 的区别5 jQuery 的属性拷贝(extend)的实现原理是什么，如何实现深拷贝6 jQuery 的队列是如何实现的7 jQuery 中的 bind(), live(), delegate(), on()的区别8 是否知道自定义事件9 jQuery 通过哪个方法和 Sizzle 选择器结合的10 jQuery 中如何将数组转化为 JSON 字符串，然后再转化回来11 jQuery 一个对象可以同时绑定多个事件，这是如何实现的12 针对 jQuery 的优化方法13 jQuery 的 slideUp 动画，当鼠标快速连续触发, 动画会滞后反复执行，该如何处理呢14 jQuery UI 如何自定义组件15 jQuery 与 jQuery UI、jQuery Mobile 区别16 jQuery 和 Zepto 的区别？ 各自的使用场景17 jQuery对象的特点五、Bootstrap1 什么是Bootstrap？以及为什么要使用Bootstrap？2 使用Bootstrap时，要声明的文档类型是什么？以及为什么要这样声明？3 什么是Bootstrap网格系统4 Bootstrap 网格系统（Grid System）的工作原理5 对于各类尺寸的设备，Bootstrap设置的class前缀分别是什么6 Bootstrap 网格系统列与列之间的间隙宽度是多少7 如果需要在一个标题的旁边创建副标题，可以怎样操作8 用Bootstrap，如何设置文字的对齐方式？9 Bootstrap如何设置响应式表格？10 使用Bootstrap创建垂直表单的基本步骤？11 使用Bootstrap创建水平表单的基本步骤？12 使用Bootstrap如何创建表单控件的帮助文本？13 使用Bootstrap激活或禁用按钮要如何操作？14 Bootstrap有哪些关于的class？15 Bootstrap中有关元素浮动及清除浮动的class？16 除了屏幕阅读器外，其他设备上隐藏元素的class？17 Bootstrap如何制作下拉菜单？18 Bootstrap如何制作按钮组？以及水平按钮组和垂直按钮组的优先级？19 Bootstrap如何设置按钮的下拉菜单？20 Bootstrap中的输入框组如何制作？21 Bootstrap中的导航都有哪些？22 Bootstrap中设置分页的class？23 Bootstrap中显示标签的class？24 Bootstrap中如何制作徽章？25 Bootstrap中超大屏幕的作用是什么？六、微信小程序1 微信小程序有几个文件2 微信小程序怎样跟事件传值3 小程序的 wxss 和 css 有哪些不一样的地方？4 小程序关联微信公众号如何确定用户的唯一性5 微信小程序与vue区别七、webpack相关1 打包体积 优化思路2 打包效率3 Loader4 说一下webpack的一些plugin，怎么使用webpack对项目进行优化八、编程题1 写一个通用的事件侦听器函数2 如何判断一个对象是否为数组3 冒泡排序4 快速排序5 编写一个方法 求一个字符串的字节长度6 bind的用法，以及如何实现bind的函数和需要注意的点7 实现一个函数clone8 下面这个ul，如何点击每一列的时候alert其index9 定义一个log方法，让它可以代理console.log的方法10 输出今天的日期11 用js实现随机选取10–100之间的10个数字，存入一个数组，并排序12 写一段JS程序提取URL中的各个GET参数13 写一个function，清除字符串前后的空格14 实现每隔一秒钟输出1,2,3...数字15 实现一个函数，判断输入是不是回文字符串16、数组扁平化处理九、其他1 负载均衡2 CDN3 内存泄漏4 babel原理5 js自定义事件6 前后端路由差别十、综合1 谈谈你对重构的理解2 什么样的前端代码是好的3 对前端工程师这个职位是怎么样理解的？它的前景会怎么样4 你觉得前端工程的价值体现在哪5 平时如何管理你的项目6 组件封装十一、一些常见的问题