数码控科技猎奇Iphone动漫星座游戏电竞lolcosplay王者荣耀攻略allcnewsBLOGNEWSBLOGASKBLOGBLOGZSK全部技术问答问答技术问答it问答代码软件新闻开发博客电脑/网络手机/数码笔记本电脑互联网操作系统软件硬件编程开发360产品资源分享电脑知识文档中心IT全部全部分类全部分类技术牛文全部分类教程最新网页制作cms教程平面设计媒体动画操作系统网站运营网络安全服务器教程数据库工具网络安全软件教学vbscript正则表达式javascript批处理更多»编程更新教程更新游戏更新allitnewsJava新闻网络医疗信息化安全创业站长电商科技访谈域名会议专栏创业动态融资创投创业学院 / 产品经理创业公司人物访谈营销开发数据库服务器系统虚拟化云计算嵌入式移动开发作业作业1常见软件all电脑网络手机数码生活游戏体育运动明星影音休闲爱好文化艺术社会民生教育科学医疗健康金融管理情感社交地区其他电脑互联网软件硬件编程开发360相关产品手机平板其他电子产品摄影器材360硬件通讯智能设备购物时尚生活常识美容塑身服装服饰出行旅游交通汽车购房置业家居装修美食烹饪单机电脑游戏网页游戏电视游戏桌游棋牌游戏手机游戏小游戏掌机游戏客户端游戏集体游戏其他游戏体育赛事篮球足球其他运动球类运动赛车健身运动运动用品影视娱乐人物音乐动漫摄影摄像收藏宠物幽默搞笑起名花鸟鱼虫茶艺彩票星座占卜书画美术舞蹈小说图书器乐声乐小品相声戏剧戏曲手工艺品历史话题时事政治就业职场军事国防节日风俗法律法规宗教礼仪礼节自然灾害360维权社会人物升学入学人文社科外语资格考试公务员留学出国家庭教育学习方法语文物理生物工程学农业数学化学健康知识心理健康孕育早教内科外科妇产科儿科皮肤科五官科男科整形中医药品传染科其他疾病医院两性肿瘤科创业投资企业管理财务税务银行股票金融理财基金债券保险贸易商务文书国民经济爱情婚姻家庭烦恼北京上海重庆天津黑龙江吉林辽宁河北内蒙古山西陕西宁夏甘肃青海新疆西藏四川贵州云南河南湖北湖南山东江苏浙江安徽江西福建广东广西海南香港澳门台湾海外地区

前端面试知识点目录一览

来源:脚本之家  责任编辑:小易  

写在前面:

金三银四, 又到了一年一度的跳槽季, 相信大家都在准备自己面试笔记, 我也针对自己工作中所掌握或了解的一些东西做了一个目录总结,方便自己复习; 详细内容会在之后一一对应地补充上去(有些在我的个人主页笔记中也有相关记录), 这里暂且放一个我的面试知识点目录; 大家有兴趣可以自己根据目录去扩展, 欢迎在评论下方指点一二, 看还有哪些没考虑到的, 互相交流一哈...

基本功考察

关于Html

   1. html语义化标签的理解; 结构化的理解; 能否写出简洁的html结构; SEO优化
   2. h5中新增的属性; 如自定义属性data, 类名className等, 新增表单元素, 拖拽Drag
   3. h5中新增的API, 修改的API, 废弃的API 稍作了解 (离线存储, audio, video)

关于CSS

   1. CSS选择器( 三大特性 ) 
   2. BFC机制
   3. 盒模型
   4. CSS模块化开发(封装);  SCSS和LESS的使用
   5. 屏幕适配 以及 页面自适应   
   6. CSS3中新增的选择器
   7. CSS3中新增的属性, transform trasition animation等...

关于布局

   1. 标准文档流(padding + margin + 负margin) + 浮动float + 定位
   2. 百分比布局(流式布局):  px单位 用 %num代替, 占父级元素的百分比
   3. flex弹性布局: 主轴 辅助轴的几个属性
   4. grid栅格布局: 使用框架中的类名来替代: 本质上还是百分比布局

关于JS基础

  1. 变量数据类型及检测:  基本 + 引用
   2. 运算符: 算术 + 条件 + 逻辑 + 位 + 短路, 隐式转换等       
   3. 条件, 循环, 异常处理  if  switch(){case xxx:} try catch finally throw 
   4. 函数定义, 调用方式(apply, call, 直接调用), 传参: 实参给形参赋值
   5. 字符串, 数组, 对象常用API, 
   6. 正则表达式

关于JS高级

   1. 作用域, 作用域链, 闭包
   2. 原型, 原型链, 继承
   3. 函数上下文, this指向
   4. js的运行机制, 事件队列和循环
   5. Ajax原理, axios库
   6. 同步, 异步编程
   7. jQuery源码学习

关于浏览器

   1. 浏览器的构成和运行机制,
   2. 浏览器内核
   3. 浏览器交互: BOM和DOM相关webApi, 监听事件
   4. 浏览器缓存机制
   5. 浏览器的渲染原理
   6. 浏览器的安全性: 跨域 和 攻击

关于网络协议

   1. HTTP协议
   2. cookie, session, token

关于ES6语法

   1. 字符串, 数组, 对象 扩展的api
   2. 变量扩展: let const 解构赋值 块级作用域
   3. 函数扩展: 箭头函数 默认参数, rest参数
   4. 展开运算符, 模板字符串
   5. set 和 map数据结构
   6. 迭代器和生成器函数 next 和 yield的理解
   7. proxy对象  属性代理器: 属性的读取(get)和设置(set)相关操作
   8. promise对象, 异步编程的解决方案
   9. async + await: 异步编程的终极方案 promise + generator的语法糖
   10. class语法  构造函数的语法糖
   11. 模块化编程  export + import 的 导出和导入

VUE基础

   1. 基本指令
   2. 实例的 属性 和 方法
   3. 实例的生命周期
   4. 组件基础: 创建,注册,添加属性方法,套用等...
   5. 组件通信传值  父子, 兄弟, 跨级
   6. 插槽slot 等...

VUE高级

   1. vue-router: 搭建SPA
       路由,组件的配置
       路由间的传值
       路由跳转
       路由的导航守卫

       记住在router.js 和 组件页面中的使用方式       

   2. vuex: 状态管理: 数据仓库store   
       实例化仓库的5大属性的使用
       state, getters, mutations, actions, modules
       辅助函数mapState等..., 仓库中计算属性的映射, 方便操作

       记住在 store.js 和 组件中 使用方式

VUE深入, 源码阅读

   1. 数据响应式原理
   2. virtual dom
   3. diff 算法
   4. nextTick等等...           

工程能力考察:

项目能力

   1. vue-cli脚手架搭建 和 功能配置 vue.config.js   
   2. webpack的常用配置
   3. 项目构建 打包
   4. 熟悉各类框架的文档...
   5. UI框架: Bootstrap, MUI, Element-ui等
   6. 常用的插件整理, 整理一个自己插件库, 封装自己的方法库,组件库
   7. 常用的工具熟练度
   8. PC端 和 移动端开发注意事项
   9. 经验总结: 快速确定项目的技术选型
   10. 坑点总结: 项目遇到坑坑坑!!!
   11. 项目中的性能优化记录 ( 都是细节点...多记录 )
   12. 需求文档的理解, 可以结合 项目流程图, UML图
   13. 问题解决能力: (bug定位调试, 查找文档, 寻求他人...)
   14. 记录习惯养成

模块化, 组件化开发能力

   1. 项目分类; 各类文件整理,分类
   2. 各类功能封装
   3. 组件和功能模块的抽离, 解耦, 复用

内功考察:

面向对象的编程思想

   1. 类的抽象
   2. 对象的封装, 继承
       为了更好的去管理数据, 分类数据     实现高内聚, 低耦合

设计模式

   设计模式感觉也是 将面向对象思想 再度抽象成现实中 某些特定模式

数据结构和算法

   学习常用的排序搜索算法, 顺序表,链表,栈,队列,树,堆 结构等等...
   考验你的 抽象思维 和 数学功底了
   将现实需求 抽象成 计算机代码 的思维能力

附加技能考察:

1. 学习能力

    1. 持续学习的态度--博客, 笔记记录
    2. 技术论坛活跃度高, 问答多
    3. GitHub开源项目参与

2. 了解一门后端语言

    1. python, node.js, php等...
    2. 数据库mysql,redis,mongodb.  sql的操作语句, mongo的操作语句, redis操作语句
    3. node + express 搭建本地服务等
    4. python + django + request + scrapy

3. 系统编程

   1. Linux命令行操作, 系统文件管理
    2. 多任务, 多线程, 多进程, 协程, 并发, 并行, 串行, 同步, 异步等概念的理解

总结

以上所述是小编给大家介绍的前端面试知识点目录一览,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

您可能感兴趣的文章:


  • 本文相关:
  • 前端面试知识点锦集(javascript篇)
  • for循环 + settimeout 结合一些示例(前端面试题)
  • javascript前端经典的面试题及答案
  • js前端面试题及答案整理(一)
  • 一道常被人轻视的web前端常见面试题(js)
  • 一道js前端闭包面试题解析
  • bat及各大互联网公司2014前端笔试面试题--javascript篇
  • 浅谈javascript 归并方法
  • javascript基础教程之定义和调用函数
  • google dart编程语法和基本类型学习教程
  • getelementbyid在任意一款浏览器中都可以用吗的疑问回复
  • javascript 高级篇之dom文档,简单封装及调用、动态添加、删除样式
  • javascript基础知识大集锦(二) 推荐收藏
  • javascript编程起步(第七课)
  • firefox window.close()的使用注意事项
  • html文档中的location对象属性理解及常见的用法
  • javascript对话框使用方法(警告框 javascript确认框 提示框)
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved