基础篇

273个问题

第一部分：基础篇
    1、HTML、HTTP、web综合问题
        1 前端须要注意哪些SEO
        2 <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 viewport
        24 渲染优化
        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报文结构是怎样的
    2、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 如何美化CheckBox
        34 伪类和伪元素的区别
        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的animation
        50 左边宽度固定，右边自适应
        51 两种以上方式实现已知或者未知宽度的垂直水平居中
        52 如何实现小于12px的字体效果
    3、JavaScript
        1 闭包
        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、angular
        26 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和async
        44 说说严格模式的限制
        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 const
        65 快速的让一个数组乱序
        66 如何渲染几万条数据并不卡住界面
        67 但愿获取到页面中全部的checkbox怎么作？
        68 怎样添加、移除、移动、复制、建立和查找节点
        69 正则表达式
        70 Javascript中callee和caller的做用？
        71 window.onload和$(document).ready
        72 addEventListener()和attachEvent()的区别
        73 获取页面全部的checkbox
        74 数组去重方法总结
        75 （设计题）想实现一个对页面某个节点的拖曳？如何作？（使用原生JS）
        76 Javascript全局函数和全局变量
        77 使用js实现一个持续的动画效果
        78 封装一个函数，参数是定时器的时间，.then执行回调函数
        79 怎么判断两个对象相等？
        80 项目作过哪些性能优化？
        81 浏览器缓存
        82 WebSocket
        83 尽量多的说出你对 Electron 的理解
        84 深浅拷贝
        85 防抖/节流
        86 谈谈变量提高？
        87 什么是单线程，和异步的关系
        88 是否用过 jQuery 的 Deferred
        89 前端面试之hybrid
        90 前端面试之组件化
        91 前端面试之MVVM浅析
        92 实现效果，点击容器内的图标，图标边框变成border 1px solid red，点击空白处重置
        93 请简单实现双向数据绑定mvvm
        94 实现Storage，使得该对象为单例，并对localStorage进行封装设置值setItem(key,value)和getItem(key)
        95 说说event loop
        96 说说事件流
        97 为何canvas的图片为何过有跨域问题
        98 我如今有一个canvas，上面随机布着一些黑块，请实现方法，计算canvas上有多少个黑块
        99 请手写实现一个promise
        100 说说从输入URL到看到页面发生的全过程，越详细越好
        101 描述一下this
        102 说一下浏览器的缓存机制
        103 如今要你完成一个Dialog组件，说说你设计的思路？它应该有什么功能？
        104 caller和callee的区别
        105 ajax、axios、fetch区别
    4、jQuery
        1 你以为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对象的特色
    5、Bootstrap
        1 什么是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中超大屏幕的做用是什么？
    6、微信小程序
        1 微信小程序有几个文件
        2 微信小程序怎样跟事件传值
        3 小程序的 wxss 和 css 有哪些不同的地方？
        4 小程序关联微信公众号如何肯定用户的惟一性
        5 微信小程序与vue区别
    7、webpack相关
        1 打包体积 优化思路
        2 打包效率
        3 Loader
        4 说一下webpack的一些plugin，怎么使用webpack对项目进行优化
    8、编程题
        1 写一个通用的事件侦听器函数
        2 如何判断一个对象是否为数组
        3 冒泡排序
        4 快速排序
        5 编写一个方法 求一个字符串的字节长度
        6 bind的用法，以及如何实现bind的函数和须要注意的点
        7 实现一个函数clone
        8 下面这个ul，如何点击每一列的时候alert其index
        9 定义一个log方法，让它能够代理console.log的方法
        10 输出今天的日期
        11 用js实现随机选取10–100之间的10个数字，存入一个数组，并排序
        12 写一段JS程序提取URL中的各个GET参数
        13 写一个function，清除字符串先后的空格
        14 实现每隔一秒钟输出1,2,3...数字
        15 实现一个函数，判断输入是否是回文字符串
        1六、数组扁平化处理
    9、其余
        1 负载均衡
        2 CDN
        3 内存泄漏
        4 babel原理
        5 js自定义事件
        6 先后端路由差异
    10、综合
        1 谈谈你对重构的理解
        2 什么样的前端代码是好的
        3 对前端工程师这个职位是怎么样理解的？它的前景会怎么样
        4 你以为前端工程的价值体如今哪
        5 平时如何管理你的项目
        6 组件封装
    11、一些常见的问题