所在位置：
首页 >
营销资讯 >
网站运营 > web前端开发面试必看知识点总结，适用：月薪15k+程序员
web前端开发面试必看知识点总结，适用：月薪15k+程序员
时间：2023-05-18 16:54:02 | 来源：网站运营
时间：2023-05-18 16:54:02 来源：网站运营
web前端开发面试必看知识点总结，适用：月薪15k+程序员：针对自己工作中所掌握或了解的一些东西做了一个目录总结,方便自己复习；如果你还是一个前端新手，也可以根据以下知识点，看看自己缺少哪方面的知识，前端变化快，学无止境。
#基本功考察
1.关于Html- html语义化标签的理解; 结构化的理解; 能否写出简洁的html结构; SEO优化
- h5中新增的属性; 如自定义属性data, 类名className等, 新增表单元素, 拖拽Drag
- h5中新增的API, 修改的API, 废弃的API 稍作了解 (离线存储, audio, video)
2.关于CSS- CSS选择器( 三大特性 )
- BFC机制
- 盒模型
- CSS模块化开发(封装); SCSS和LESS的使用
- 屏幕适配 以及 页面自适应
- CSS3中新增的选择器
- CSS3中新增的属性, transform trasition animation等…
3.关于布局- 标准文档流(padding + margin + 负margin) + 浮动float + 定位
- 百分比布局(流式布局): px单位 用 %num代替, 占父级元素的百分比
- flex弹性布局: 主轴 辅助轴的几个属性
- grid栅格布局: 使用框架中的类名来替代: 本质上还是百分比布局
4.关于JS基础- 变量数据类型及检测: 基本 + 引用
- 运算符: 算术 + 条件 + 逻辑 + 位 + 短路, 隐式转换等
- 条件, 循环, 异常处理 if switch(){case xxx:} try catch finally throw
- 函数定义, 调用方式(apply, call, 直接调用), 传参: 实参给形参赋值
- 字符串, 数组, 对象常用API,
- 正则表达式
5.关于JS高级- 作用域, 作用域链, 闭包
- 原型, 原型链, 继承
- 函数上下文, this指向
- js的运行机制, 事件队列和循环
- Ajax原理, axios库
- 同步, 异步编程
- jQuery源码学习
6.关于浏览器- 浏览器的构成和运行机制,
- 浏览器内核
- 浏览器交互: BOM和DOM相关webApi, 监听事件
- 浏览器缓存机制
- 浏览器的渲染原理
- 浏览器的安全性: 跨域 和 攻击
7.关于网络协议- HTTP协议
- cookie, session, token
8.关于ES6语法- 字符串, 数组, 对象 扩展的api
- 变量扩展: let const 解构赋值 块级作用域
- 函数扩展: 箭头函数 默认参数, rest参数
- 展开运算符, 模板字符串
- set 和 map数据结构
- 迭代器和生成器函数 next 和 yield的理解
- proxy对象 属性代理器: 属性的读取（get）和设置（set）相关操作
- promise对象, 异步编程的解决方案
- async + await: 异步编程的终极方案 promise + generator的语法糖
- class语法 构造函数的语法糖
- 模块化编程 export + import 的 导出和导入
9.VUE基础- 基本指令
- 实例的 属性 和 方法
- 实例的生命周期
- 组件基础: 创建,注册,添加属性方法,套用等…
- 组件通信传值 父子, 兄弟, 跨级
- 插槽slot 等…
10.VUE高级- vue-router: 搭建SPA
路由,组件的配置
路由间的传值
路由跳转
路由的导航守卫
记住在router.js 和 组件页面中的使用方式 - vuex: 状态管理: 数据仓库store
实例化仓库的5大属性的使用
state, getters, mutations, actions, modules
辅助函数mapState等…, 仓库中计算属性的映射, 方便操作
记住在 store.js 和 组件中 使用方式
11.VUE深入, 源码阅读- 数据响应式原理
- virtual dom
- diff 算法
- nextTick等等…
如果你依然在编程的世界里迷茫，不知道自己的未来规划，打算深入了解这个行业的朋友，我们的前端学习扣qun :767273102，不论你是学生还是想转行的朋友，我都欢迎，在前端工作6年了，每晚分享干货，网页制作，网站开发，web全栈开发，从0基础开始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移动端HTML5的项目实战【视频＋工具＋系路线图】都有整理，分享给小伙伴：学习前端我们是认真的
#工程能力考察:
1.项目能力- vue-cli脚手架搭建 和 功能配置 vue.config.js
- webpack的常用配置
- 项目构建 打包
- 熟悉各类框架的文档…
- UI框架: Bootstrap, MUI, Element-ui等
- 常用的插件整理, 整理一个自己插件库, 封装自己的方法库,组件库
- 常用的工具熟练度
- PC端 和 移动端开发注意事项
- 经验总结: 快速确定项目的技术选型
- 坑点总结: 项目遇到坑坑坑!!!
- 项目中的性能优化记录 ( 都是细节点…多记录 )
- 需求文档的理解, 可以结合 项目流程图, UML图
- 问题解决能力: (bug定位调试, 查找文档, 寻求他人…)
- 记录习惯养成
2.模块化, 组件化开发能力- 项目分类; 各类文件整理,分类
- 各类功能封装
- 组件和功能模块的抽离, 解耦, 复用
#内功考察:
1.面向对象的编程思想- 类的抽象
- 对象的封装, 继承
为了更好的去管理数据, 分类数据 实现高内聚, 低
2.设计模式设计模式感觉也是 将面向对象思想 再度抽象成现实中 某些特定模式
3.数据结构和算法学习常用的排序搜索算法, 顺序表,链表,栈,队列,树,堆 结构等等…
考验你的 抽象思维 和 数学功底了
将现实需求 抽象成 计算机代码 的思维能力
#附加技能考察:
1. 学习能力- 持续学习的态度–博客, 笔记记录
- 技术论坛活跃度高, 问答多
- GitHub开源项目参与
2. 了解一门后端语言- node.js, python, php等…
- 数据库mysql,redis,mongodb. sql的操作语句, mongo的操作语句, redis操作语句
- node + express 搭建本地服务等
- python + django + request + scrapy
3. 系统编程- Linux命令行操作, 系统文件管理
- 多任务, 多线程, 多进程, 协程, 并发, 并行, 串行, 同步, 异步等概念的理解
你会经常地遇到 bug 和其它一些问题。这可能会让人沮丧，但你要尽量保持冷静，并系统地去思考。记住实践是解决问题的最佳方法。
我们采集的是石头，但是必须时刻展望未来的大教堂。
作者：编程匠工
链接：web前端开发面试必看知识点总结，适用：月薪15k+程序员_html，css，JavaScript 前端基础教程-CSDN博客
在线咨询
