Web前端素质模型
2020-04-21 10:13:47 1 举报AI智能生成
Web前端素质模型
作者其他创作
大纲/内容
底层
V8
Dictionary mode（字典模式）
Fast mode（快速模式）
垃圾回收
内存生命周期
新生代，旧生代
内存泄漏原理
线程
JS线程
UI线程
异步线程
代码解析
机器码
ast
框架
react全家桶
react
dom diff
key 作用
hook
事件模型
redux
基础api
优化
vue全家桶
vue
双向绑定
proxy
架构设计
设计模式
架构思想
解决问题思路
算法能力
冒泡排序（现场写代码）
二分查找（现场写代码）
快速排序（现场代码）
Javascript与DOM基础
闭包
谈谈你对闭包这个概念的理解？闭包的优缺点
闭包有哪些应用场景？
请用闭包实现对象的私有变量（编程）
请实现一个10次的for循环，每次循环中都会设置一个2s的定时器，定时器的作用是输出当前是第几次循环。（编程）
es6【新增】
最常用的es6的一些新特性
箭头函数有什么特别的地方？使用的时候需要注意哪些点？
promise对象的用法,手写一个promise
let、const使用的场景\ 块作用域
使用class写继承
模板字符串 多行字符串
新增的数组方法有哪些？（fill, from, of, find, findIndex）
解构赋值
如何使用ES6 (Babel) 、兼容性如何解决
异步
浏览器中，哪些地方是用到异步机制的？为什么要用异步？
请谈谈setTimeout的实现机制？时间一定是准确的吗？（可与上面闭包最后一题结合）
浏览器异步请求的过程（ajax）
请用原生js写一个ajax请求，并判断返回状态码（编程）
事件
冒泡、捕获
什么是事件冒泡、事件捕获？
在不同的浏览器中，冒泡、捕获有什么样的差异？
请实现stopPropagation方法阻止事件冒泡，兼容IE和chrome（编程）
事件绑定
IE和chrome下绑定事件有什么不同？
请实现bindEvent方法给元素绑定事件，并兼容IE和chrome（编程）
HTML4
DOM
什么是DOM？作用是什么？
目前DOM分几级？每一级的定义或区别是什么？
行块元素
什么是行内元素、块级元素？
他们分别有哪些标签？
除了换行，他们还有其他区别吗？
input、img、button这些元素属于哪一类？
接上题...有没有了解过行内置换元素？
xhtml
xhtml与html的关系是什么？
为什么会出现xhtml，它的意义在哪里？
请列举几个不同点
CSS属性
盒模型
什么是盒模型？（在纸上画出）
合模型有几种？分别是什么？对应哪些浏览器？
如何切换盒模型？
浮动布局
什么是浮动布局？
为了解决什么问题而出现？
如何清除浮动？至少两种方式
两栏自适应布局（编程）
卡片列表布局（编程）
定位布局
什么是定位布局？
position有哪些值？
这些值分别对应怎样的定位规则？
请实现一个div，水平、垂直居中于浏览器窗口（编程）
浏览器兼容
遇到过哪些浏览器css兼容问题？你是怎么处理css浏览器兼容问题的？
csshack是什么？列举几个csshack，分别对于不同的浏览器（编程）
什么是margin合并？
CSS3【新增】
弹性布局模型
解释一下弹性布局模型
说一下弹性布局的适用场景
Grid布局
transition、transform、animation
分别解释一下
请说下应用场景
cookie
什么是cookie？其作用是什么、在什么场景下使用？
cookie有大小限制吗？
cookie除了大小限制，还有其他限制吗？
如何删除cookie中的值？
javascript是否可以读取到任何cookie？为什么？
如何更安全的使用cookie？
目前cookie有没有其他的替代方案？
请原生js实现addCookie方法（编程）
跨域
什么是同源策略？
如何通过javascript进行跨域请求？
除了javascript，还有其他跨域访问的方案吗？
网络通讯
TCP握手
建立连接的三次握手
断开连接的四次握手
http及https
http原理，与TCP的关系？
http1.x现存的问题有哪些?
http1.x与http2.0的区别？
SPDY
https基本原理，用途
statusCode
常用状态码有哪些？
200，304，404，500
缓存
304工作机制
优化
前端构建工具使用
webpack
配置
内部运行流程
loader
plugin
为什么要用构建工具？
HTML5特性使用
用过哪些HTML5特性？列举几个
为什么HTML5会有article,nav这样的标签？（语义化）
语义化有什么好处或者作用？
对SEO优化有什么了解？
HTML5存储
熟悉Nodejs
前端优化方案
浏览器知识
市面上有哪些主流浏览器？分别是什么内核？目前市场份额大概是多少？
为什么不同内核会造成浏览器渲染的差异？
哪些内核更接近W3C标准？
你常用的浏览器debug工具有哪些？
面向对象设计能力
阐述js面向对象编程的实现原理（加分项）
对象
在javascript中，对象是什么？
构造对象的方式有哪些？
请用其中一种方式构造一个person对象（编程）
对原型链的理解
请谈谈你对原型链的理解？
原型链有哪些应用场景？
在使用变量的过程中，浏览器是如何寻找并确定变量的值的？
使用js实现继承
请谈谈如何使用原型链实现对象的继承？
请实现对person对象的继承（编程）
图像处理
canvas
说说你知道的canvas基础API
canvas有哪些场景？
如何优化canvas的渲染性能？
SVG
说说你知道的SVG基础API
SVG有哪些场景
说说canvas和SVG两者的区别
WebGL
从线性代数的角度说下旋转、缩放、移动之间的组合
WebGL的应用场景
其他游戏引擎
请说一下你所用到的引擎的应用场景和你对其的理解
0 条评论
下一页
