面试题

1、H5 的一些新增的特性有哪些   【语义化标签,拖拽,本地存储,离线存储,多线程,地理位置,多媒体标签音乐视频了,我当时连 svg,canvas 都忘记了说】
    HTML5的离线储存,
        cookie sessionStorage 和localstorage区别  cookie和session的区别
        cookie又小又要跟着请求发送,为什么还要有cookie。cookie的存储时间,为什么限制大小
2、CSS    【transform,transition,animate,css盒子模型】 css的动画
    canvas 具体实现步骤,如果绘制一个圆,有哪些参数
    对css预编译器有所了解吗?
    CSS样式中的层叠问题?
    W3C盒模型和IE盒子,注意说区别。
    而选择器的权重对应下就是:
        第一等:代表内联样式,如: style=””,权值为1000。
        第二等:代表ID选择器,如:#content,权值为100。
        第三等:代表类,伪类和属性选择器,如.content,权值为10。
        第四等:代表类型选择器和伪元素选择器,如p p,权值为1。
3、es6 【generator?next里的参数?手写Promise实现】
4、node.js 的掌握程度    【 express,mysql,moongoDB, mysql 的增删改查一些,内连接外连接知道是什么吗】
5、微信小程序    【对微信小程序的看法】
6、vue 的原理
7、git使用
8、手机端    【如何适配。用的 rem 布局,rem 布局的原理,rem 的优点,不用写那种响应式的写好多套样式,写一套就行了,非常简单,方便。有什么缺点,单位都是 rem 会去计算,性能上不好】
9、响应式布局    【响应式布局需要写好几套样式,感觉有点麻烦。还有两种宽度固定,高度固定的布局方式,需要 UI 设计图非常好,是看布局的,当然我也就是简单的说了一下,并没有详细的说】
10、原生JS    
    事件 --捕获和冒泡的区别,事件代理,为什么要捕获,只有冒泡不可以吗
    类的创建,
    原型和原型链
    继承,
    闭包
    数组去重 数组排序。冒泡,插入排序原理 字符串中第一个不重复的字母
    闭包的理解,跨域的方法
    值类型和引用类型的区别。模块化?CMD,AMD,requireJS
    数组,字符串的常用方法,把数组打乱顺序的函数
    get和post区别
    js实现url解析
    js实现数值千分位 头条笔试碰到过了: number.toLocaleString()
11、跨域访问    【Iframe自适应高度】
12、优化
    页面加载如何优化?项目进行如何优化?Web前端优化方法?从那方面入手?    【性能优化的方法】
13、IE和W3C下的不同
14、爬虫引擎是怎么抓取页面的?
15、浏览器兼容性处理?
16、异步编程的四种方法?
17、解释同步异步、阻塞非阻塞、并行并发之间的区别?
18、多语言网站建设应注意哪些事项? //一开始以为多语言是 python、 java、 php啥的,后面面试官说是各个国家语言。 国际化
22、webpack了解吗?用过哪些功能
23、浏览器渲染页面的过程
        用户输入URL地址
        浏览器解析URL解析出主机名
        浏览器将主机名转换成服务器ip地址(浏览器先查找本地DNS缓存列表 没有的话 再向浏览器默认的DNS服务器发送查询请求 同时缓存)
        浏览器将端口号从URL中解析出来
        浏览器建立一条与目标Web服务器的TCP连接(三次握手)
        浏览器向服务器发送一条HTTP请求报文
        服务器向浏览器返回一条HTTP响应报文
        关闭连接 浏览器解析文档
24、浏览器打开一个页面前端缓存了哪些东西?
24、express,【NodeJS中Express框架使用哪些中间件】
25、new一个对象后发生了什么?    
26、响应式网站
27、前后分离的系统,一个请求出错了,如何中断其它请求?
29、封装过axios?
30、rollup了解过没,,为什么rollup打包赘余代码比较少?
31、做一个图片轮播的脚本,图片加载比较慢,轮播组件怎么解决???图片有两万个怎么办?//一种是利用js实现的,一种是利用animation。 
32、说说redux的实现方式是什么?知道原理吗?
33、css bfc模型是什么?
34、观察者模式
35、手写实现bind
36、bind函数实现原理,,,传参,,参数处理
38、手写实现4种继承
39、css菊花图(animation-delay)
42、Object.create实现(原型式继承,,特点__proto__指向构造函数本身)
43、webSocket,TCP,HTTP,websocket的首部信息有哪些,解释一下
44、Vue路由使用的是什么
45、解释一下单页面应用程序
1.垂直居中的方法(简直是必问题,重复率极高)
3.Box-sizing适用场景,原理
5.透明色设置
1.position(必问)absolute和relative
8.Apply和call的相同与不同

1.优化css代码,Jquery一些函数的作用,Param(),Extend(),Deferred(),Serializearray()之类的
7.JSONP的原理
主要有js的面向对象,对象继承的集中方式比较,原型和原型链,闭包,数组函数的基本用法,map,filter什么的,还有http协议相关,比如get/post的区别,跨域,原生ajax。
HTML&CSS:
    对Web标准的理解(结构、表现、行为)、浏览器内核、渲染原理、依赖管理、兼容性、CSS语法、层次关系,常用属性、布局、选择器、权重、盒模型、Hack、CSS预处理器、
    CSS3、Flexbox、CSS Modules、Document flow、BFC、HTML5(离线 & 存储、Histoy,多媒体、WebGLSVGCanvas);        
JavaScript:
    数据类型、运算、对象、Function、继承、闭包、作用域、事件、Prototype、RegExp、JSON、Ajax、DOM、BOM、
    内存泄漏、跨域、异步请求、模板引擎、模块化、Flux、同构、算法、ECMAScript6、Nodejs、HTTP、
其他:
    主流MVVM框架(ReactVueAngular)、Hybrid AppReact NativeWeex、TypeScript、RESTFul、WEB安全、前端工程化、依赖管理、性能优化、
    1、DOM结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
    2、DOM操作 ——如何添加、移除、移动、复制、创建和查找节点等。
    3、事件 —— 如何使用事件,以及IE和标准DOM事件模型之间存在的差别。
    4、XMLHttpRequest —— 这是什么、怎样完整地执行一次GET请求、怎样检测错误。
    5、严格模式与混杂模式 —— 如何触发这两种模式,区分它们有何意义。
    10、JSON —— 作用、用途、设计结构。
算法:
    算法:求x的y次方 
    直接用循环,时间复杂度为O(n) 
    用x的2次方、x的4次方,x的8次方。。。。。 
    这样其时间复杂度为O(log(n))
1、jS运行机制
2、js深浅copy
3、JQuery原理
4、js类型转换 --(强制和自动的规则)
5、js组成部分
6、js严格模式
7、post/get区别
8、ajax的优缺点
9、事件机制(事件冒泡机制(如果上层元素想知道是哪个元素起的泡,怎么搞???))
10、优雅降级与渐进增强(向下兼容与向上兼容)
11、Hack技术
???负载均衡 /// http状态码


5.移动端或者pc端分页比如后台返回什么数据和前端应该传什么数据给后台
pagesize pagenumber
total
5.Jsonp原理
http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html
6.http协议和http的基本工作原理
7.前端如何优化
8.Api调试如何调试知道前后端错误
9.一个页面多个js 如何在加载的时候不加载页面用不到的js 用的js在事件发生后调用
10.身份证上传如何压缩图片
11.跨域的问题
12.Tcp/IP的工作原理
13是否用过echarts表单
14.自己写的js共用组件有哪些
15.html的选择器优选级

       1. vue、react异同点(有的甚至会问到angular、backbone)
       2. eventLoop原理
       3. 防抖和节流 讲原理,手写代码,逐行讲解

       4. 水平垂直居中的多种方式
       5. promise、generator、async、await怎么使用,有什么区别
       6. 前端性能优化的方法,优先级
       7. 自己实现一个路由,思路
       8. 数组最大差值
       9. CORS原理
      10. 设计一个select组件,你会做哪些考量
      11. BFC的原理及应用场景
      12.从浏览器输入url直到页面渲染,期间有哪些步骤

      13. 改变this的几种方式;apply/call/bind 有什么区别

      14. webpack配置项都有哪些,其中loader和plugin有什么区别,有没有看过或者写过webpack的插件
      15. Array都用过什么方法

      16.promise、generator、async/await 有什么区别
      17. 异步有哪些场景,怎么解决异步
      18.localStorage、sessionStorage 区别;应用业务场景
      19.如何区分行内、块级元素
      20.ES6+有哪些新特性,介绍一下使用过的特性,经由babel编译后的代码是怎样的;如果让你实现promise/promise.all/async/await 你会怎么实现
     21.vuex、redux流程有什么区别,哪种更好,如果你设计,能有什么改进
     22.js的构造函数、工厂模式、单例模式、观察者模式、装饰器模式

     23.选一到两个你比较满意或者印象深刻的项目,讲讲你在其中起到的作用,遇到过什么比较有挑战的问题,如何解决

     24.vue、react、es6 等等 最近有什么新进展?
     25.vue的观察者模式,有什么缺陷吗,尤雨溪vue3.0打算怎么优化,或者有什么其他改进点

     26.变量提升、函数提升的code题

     27.SSR服务端渲染了解过吗
     28.vue和react对diff算法的优化有哪些;你觉得最新的这些框架和以前jquery相比有什么优势

     29.bfs 和 dfs 算法

原文地址:https://www.cnblogs.com/slightFly/p/10656760.html