2018 浅谈前端口试那些事

虽然本年没有换事变的盘算
但为了跟上时期的脚步
照样不由得整理了一份最新前端学问点

学问点汇总

1.HTML

HTML5新特征,语义化
浏览器的范例情势和奇异情势
xhtml和html的辨别
运用data-的长处
meta标签
canvas
HTML烧毁的标签
IE6 bug,和一些定位写法
css js安排位置和缘由
什么是渐进式衬着
html模板言语
meta viewport道理

2.CSS

盒模子,box-sizing
CSS3新特征,伪类,伪元素,锚伪类
CSS完成隐蔽页面的体式格局
如何完成程度居中和垂直居中。
说说position,display
请诠释*{box-sizing:border-box;}的作用,并申明运用它的长处
浮动元素引发的题目和处置惩罚办法?相对定位和相对定位,元素浮动后的display值
link和@import引入css的辨别
诠释一下css3的flexbox,以及实用场景
inline和inline-block的辨别
哪些是块级元素那些是行级元素,各有什么特性
grid计划
table计划的作用
完成两栏计划有哪些要领?
css dpi
你晓得attribute和property的辨别么
css计划题目?css完成三列计划怎样做?假如中心是自适应又怎样做?
流式计划如何完成,相应式计划如何完成
挪动端计划计划
完成三栏计划(圣杯计划,双飞翼计划,flex计划)
消灭浮动的道理
overflow:hidden有什么瑕玷?
padding百分比是相对于父级宽度照样本身的宽度
css3动画,transition和animation的辨别,animation的属性,加速度,重力的模仿完成
CSS 3 如何完成扭转图片(transform: rotate)
sass less
对挪动端开辟相识若干?(相应式设想、Zepto;@media、viewport、JavaScript 正则表达式推断平台。)
什么是bfc,如何建立bfc?处置惩罚什么题目?
CSS中的长度单元(px,pt,rem,em,ex,vw,vh,vh,vmin,vmax)
CSS 选择器的优先级是如何的?
雪碧图
svg
媒体查询的道理是什么?
CSS 的加载是异步的吗?表如今什么地方?
常碰到的浏览器兼容性题目有哪些?经常使用的hack的技能
外边距兼并
诠释一下“::before”和“:after”中的双冒号和单冒号的辨别

3.JS

js的基础范例有哪些?援用范例有哪些?null和undefined的辨别。
如何推断一个变量是Array范例?如何推断一个变量是Number范例?(都不止一种)
Object是援用范例嘛?援用范例和基础范例有什么辨别?哪一个是存在堆哪一个是存在栈上面的?
JS罕见的dom操纵api
诠释一下事宜冒泡和事宜捕捉
事宜托付(手写例子),事宜冒泡和捕捉,如何阻挠冒泡?如何构造默许事宜?
对闭包的明白?什么时刻组成闭包?闭包的完成要领?闭包的优瑕玷?
this有哪些运用场景?跟C,Java中的this有什么辨别?如何转变this的值?
call,apply,bind
显现原型和隐式原型,手绘原型链,原型链是什么?为何要有原型链
建立对象的多种体式格局
完成继续的多种体式格局和优瑕玷
new 一个对象详细做了什么
手写Ajax,XMLHttpRequest
变量提拔
举例申明一个匿名函数的典范用例
指出JS的宿主对象和原生对象的辨别,为何扩大JS内置对象不是好的做法?有哪些内置对象和内置函数?
attribute和property的辨别
document load和document DOMContentLoaded两个事宜的辨别
=== 和 == , [] === [], undefined === undefined,[] == [], undefined == undefined
typeof能够获得哪些值
什么是“use strict”,长处和害处
函数的作用域是什么?js 的作用域有几种?
JS如何完成重载和多态
经常使用的数组api,字符串api
原生事宜绑定(跨浏览器),dom0和dom2的辨别?
给定一个元素猎取它相对于视图窗口的坐标
如何完成图片转动懒加载
js 的字符串范例有哪些要领? 正则表达式的函数怎样运用?
深拷贝
编写一个通用的事宜监听函数
web端cookie的设置和猎取
setTimeout和promise的实行递次
JavaScript 的事宜流模子都有什么?
navigator对象,location和history
js的渣滓接纳机制
内存走漏的缘由和场景
DOM事宜的绑定的几种体式格局
DOM事宜中target和currentTarget的辨别
typeof 和 instanceof 辨别,instanceof道理
js动画和css3动画比较
JavaScript 倒计时(setTimeout)
js处置惩罚非常
js的设想情势晓得那些
轮播图的完成,以及轮播图组件开辟,轮播10000张图片历程
websocket的事变道理和机制。
手指点击能够触控的屏幕时,是什么事宜?
什么是函数柯里化?以及说一下JS的API有哪些运用到了函数柯里化的完成?(函数柯里化一些相识,以及在函数式编程的运用,末了说了一下JS中bind函数和数组的reduce要领用到了函数柯里化。)
JS代码调试

4.ES6

谈一谈 promise
一切的 ES6 特征你都晓得吗?假如碰到一个东西不晓得是 ES6 照样 ES5, 你该怎样辨别它
es6的继续和es5的继续有什么辨别
promise封装ajax
let const的长处

let与const都是只在声明地点的块级作用域内有效。
let声明的变量能够转变,值和范例都能够转变,没有限定。
const声明的变量不得转变值,这意味着,const一旦声明变量,就必须马上初始化,不能留到今后赋值。

es6 generator 是什么,async/await 完成道理
ES6和node的commonjs模块化范例辨别
箭头函数,以及它的this

5.计算机收集

HTTP协定头含有哪些主要的部份,HTTP状况码
收集url输入到输出怎样做?
机能优化为何要削减 HTTP 接见次数?
Http请求的历程与道理
https(对是https)有频频握手和挥手?https的道理。
http有频频挥手和握手?TLS的中文名?TLS在哪一收集层?
TCP衔接的特性,TCP衔接如何保证平安可靠的?
为何TCP衔接须要三次握手,两次不能够吗,为何
为何tcp要三次握手四次挥手?
tcp的三次握手和四次挥手绘图(就地画写ack 和 seq的值)?
tcp与udp的辨别
get和post的辨别?什么情况下用到?
http2 与http1 的辨别?
websocket
什么是tcp流,什么是http流
babel是如何将es6代码编译成es5的
http2的耐久衔接和管线化
域名剖析时是tcp照样udp
域名发散和域名收敛
Post一个file的时刻file放在哪的?
HTTP Response的Header内里都有些啥?

6.浏览器相干

跨域,为何JS会对跨域做出限定
前端平安:xss,csrf…
浏览器怎样加载页面的?script剧本壅塞有什么处置惩罚要领?defer和async的辨别?
浏览器强缓存和协商缓存
浏览器的全局变量有哪些
浏览器同一时间能够从一个域名下载若干资本
按需加载,差别页面的元素推断范例
web存储、cookies、localstroge等的运用和辨别
浏览器的内核
如何完成缓存机制?(从200缓存,到cache到etag再到)
说一下200和304的明白和辨别
什么是预加载、懒加载
一个 XMLHttpRequest 实例有若干种状况?
dns剖析道理,输入网址后如何查找服务器
服务器如何晓得你?
浏览器衬着历程
ie的某些兼容性题目
session
拖拽完成
拆解url的各部份

7.工程化

对webpack,gulp,grunt等有无相识?对照。
webpack的进口文件怎样设置,多个进口怎样支解。
webpack的loader和plugins的辨别
gulp的详细运用。
前端工程化的明白、如何本身完成一个文件打包,比方一个JS文件里同时又ES5 和ES6写的代码,如何编译兼容他们

8.模块化

对AMD,CMD,CommonJS有无相识?
为何要模块化?不必的时刻和用RequireJs的时刻代码也许怎样写?
说说有哪些模块化的库,有相识过模块化的生长的汗青吗?
离别说说同步和异步模块化的运用场景,说下AMD异步模块化完成的道理?
如何将项目内里的一切的require的模块语法换成import的ES6的语法?
运用模块化加载时,模块加载的递次是如何的,假如不晓得,依据已有的学问,你以为递次应该是如何的?

9.框架

运用过哪些框架?
zepto 和 jquery 是什么关联,有什么联络么?
jquery源码如何完成选择器的,为何$获得的对象要设想成数组的情势,如许设想的目标是什么
jquery如何绑定事宜,有几种范例和辨别
什么是MVVM,MVC,MVP
Vue和Angular的双向数据绑定道理
Vue,Angular组件间通讯以及路由道理
react和vue的生命周期
react和vue的假造dom以及diff算法
vue的observer,watcher,compile
react和angular离别用在什么样的营业吗?机能方面和MVC层面上的辨别
jQuery对象和JS的Element有什么辨别
jQuery对象是怎样完成的
jQuery除了它封装了一些要领外,另有什么值得我们去进修和运用的?
jQuery的$(‘xxx’)做了什么事变
引见一下bootstrap的栅格系统是如何完成的

10.Nodejs

对nodejs有无相识
Express 和 koa 有什么关联,有什么辨别?
nodejs适合做什么样的营业?
nodejs与php,java有什么辨别
Nodejs中的Stream和Buffer有什么辨别?
node的异步题目是如何处置惩罚的?
node是如何完成高并发的?
说一下 Nodejs 的 event loop 的道理

11.数据结构

基础数据结构:(数组、行列、链表、堆、二叉树、哈希表等等)
8种排序算法,道理,以及实用场景和复杂度
说出越多越好的费波拉切数列的完成要领?

12.机能优化

cdn的用法是什么?什么时刻用到?
浏览器的页面优化?
如何优化 DOM 操纵的机能
单页面运用有什么SEO计划?
单页面运用首屏显现比较慢,缘由是什么?有什么处置惩罚计划?

13.其他

正则表达式
前端衬着和后端衬着的优瑕玷
数据库的四大特征,什么是原子性,表的关联
你以为前端系统应该是如何的?
一个静态资本要上线,内里有种种资本依靠,你如何安稳上线
假如要你去完成一个前端模板引擎,你会怎样做
晓得流媒体查询吗?
SEO
mysql 和 mongoDB 有什么辨别?
restful的method诠释
数据库学问、操纵系统学问
click在ios上有300ms耽误,缘由及如何处置惩罚
挪动端的适配,rem+媒体查询/meta头设置
挪动端的手势和事宜;
unicode,utf8,gbk编码的相识,乱码的处置惩罚

14.开放性题目

你都看过什么书?近来在看什么书?
用过什么框架?有无看过什么框架的代码?
有无学过设想情势?
说一说观察者情势吧!能不能写出来?
你最大的长处是什么?那你最大的瑕玷呢?
你除了写博客另有什么输出?
如今你的指导给你了一份事变,请求你一个礼拜完成,但你看了需求今后预计须要3周才完成,你该怎样办?
日常平凡关注的前端手艺
如何计划本身的职业生涯
项目历程当中,有碰到什么题目吗?怎样处置惩罚的?
近来在研讨哪方面的东西?
请引见一项你最酷爱、最善于的专业范畴,而且引见的进修计划。
请引见你介入的印象最深入的一个项目,为何?而且引见你在项目中的角色和发挥的作用。

15.HR面

你为何要进修前端?
你日常平凡的是怎样进修前端的?有什么输出?
你以为本身最好的项目是什么?
身旁比较信服的人有什么值得你进修的?你为何没有跟他们一样?
同事的什么题目会让你接受不了
压力最大的事变是什么?
身旁的朋侪一般对你的评价是什么
喜好什么样的事变气氛
如何对待加班
有无对象
意向都市
其他的offer
为何要登科你?
周末都邑干什么?
将来职业计划

    原文作者:江文艺
    原文地址: https://segmentfault.com/a/1190000013857582
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞