为了账号安全,请及时绑定邮箱和手机立即绑定

直播面试资料整理

2019.03.14 13:45 1211浏览

记录面试直播的ppt 原文

前端打怪升级

image-20190303121828862

后面我会写系列文章详细介绍

前端知识图谱

image-20190314124651737

前端基础

  • 布局
  • 理解布局流
  • less、sass、stylus
  • 响应式
  • Css3
  • css优化
  • BFC && IFC

image-20190314130006686

ES6 & ES7

  • let const
  • 解构
  • 函数
  • Symbol
  • Set
  • Proxy
  • class
  • generator
  • 模块化
  • babel

JS高级

  • 高阶函数

  • 递归

  • 装饰器

  • compose

  • 面向对象

  • 闭包

  • bind apply

  • 手写Promise

  • async+ await

    image-20190314130202445

    image-20190314130213154

typescript

  • 强类型
  • 断言
  • 泛型
  • 类型推论
  • 2019必学

Vue

  • 脚手架cli3
  • 组件化通信
    • props
    • event-bus
    • provide-inject
    • boardcast && dispatch
  • 组件化设计
    • props
    • event
    • slot
  • 源码
    • Object.defineProperty
    • 依赖收集
    • 异步更新队列
  • 全家桶 服务端渲染
    • vuex数据流
    • vue-router路由懒加载
    • 服务端渲染原理
    • Nuxt.js
  • 官网就是最好的教程
  • Vue3.0期待,全面拥抱 太阳 Typescript

image-20190314130442371

image-20190314130451685

image-20190314130551097

image-20190314130629279

React

  • 开天辟地的虚拟dom

  • jsx

    • createElement
  • 组件通信

    • props
    • context
    • eventBus
    • mobx
    • redux
    • dva
  • 组件化

  • 生命周期

    • getDerivedStateFromProps
    • getSnapshotBeforeUpdate
  • 高阶组件

    • 属性代理
    • 页面复用
    • 鉴权
    • 日志
    • 性能打点
    • 配合装饰器
  • Hooks

    • 拥抱函数
    • 函数式组件能力扩展
    • 组合优于继承
  • fiber

    • 调度
    • 任务分解 + 优先级
    • 任务切换
  • setState

    • 异步更新机制
  • Dom Diff

    • tree diff
    • component diff
    • element diff
  • 全家桶

    • Redux mobx dva数据管理
    • create-react-app / umi脚手架
    • react-router4路由
  • 服务端渲染

    • renderToString
    • next.js
  • 源码

    • createElement
    • component
    • render

image-20190314131022129

image-20190314131111320

image-20190314131121776

image-20190314131312285

image-20190314131322421

image-20190314131338981

工程化 webpack

  • 基础配置

  • 性能优化

    • 多进程

    • tree shaking

    • happyPack

    • 按需加载

  • loader

  • plugin

浏览器

  • html =》 dom树
  • css =》 css树
  • 合成render tree
  • 重绘回流
  • V8
  • 缓存
    • 强缓存
    • 弱缓存

image-20190314131626207

image-20190314131655937

性能优化

  • 场景

  • 瓶颈

  • 文件少加载

  • 代码少执行

  • 多用缓存

  • 少计算

  • ssr

  • 性能分析

  • 懒加载等等

跨端

nodejs

  • node核心概念
    • event
    • fs
    • steam
    • buffer
    • IO
    • event-loop
      • 微任务
      • 宏任务
    • 线程池
    • libuv
    • v8
  • express koa等web应用
    • eggjs
  • 自动化
  • 桌面工具
  • 部署
  • 微服务
  • 实时socket.io
  • 区块链 IPFS

image-20190314131913751

小程序

感谢腾讯爸爸

  • 小程序开发流程
  • 特有能力 支付 登录,模板消息
  • 支付宝小程序
  • 头条小程序
  • 百度小程序
  • 跨端
    • mpvue uni-app
    • taro omi
  • 云开发
    • 弱化后端
    • 云数据库
    • 云函数
    • 云存储
    • 数据统计

APP

  • React-native
  • weex
  • flutter

监控

  • 性能监控
  • 错误监控
  • 上报数据
  • 统计

自动化测试

  1. 单元测试 jest
  2. E2E测试 puppeteer
  3. TDD开发模式

安全

  • XSS

  • CSRF

  • Cookie劫持

  • 点击劫持

  • 传输安全

  • Oauth

  • 密码强度

部署

  • PM2
  • nginx
  • docker + 自动化

特殊场景

  • 小游戏
  • 可视化
  • webgl

软件工程师

算法和数据结构

  • 内力
  • 搜索
  • 排序
  • 链表
  • 贪心
  • 动态规划

image-20190314132346745

网络协议

  • 计算机如何唠嗑的
  • IP
  • TCP / UDP
    • 握手挥手
    • 滑动窗口
    • 粘包
  • HTTP
    • header
    • body
    • get VS post
  • HTTPS
    • 传输安全

设计模式

  • 单例
  • 装饰器
  • 代理
  • 观察者
  • 前段常用模式
  • 不滥用

数据库

  • mysql
  • mongodb
  • redis

编译

软技能

产品意识

业务

项目管理

沟通

谈钱

  • 谈判得到的 是纯利润
  • 你被下压的工资,是HR小姐姐的KPI
  • 职位都有弹性
  • 通过面试准确定位自己身价
  • 敢于谈判
  • 训练谈判意识

个人影响力

  • 博客
  • 录课
  • 开源
  • 大会
  • 出书
  • 吹牛逼

简历

  • 不要花里胡哨
  • 突出亮点
  • 日常维护
  • 简历驱动学习

面试驱动学习

  • 面试官经验丰富
  • 得到及时反馈
  • 高手指点

公司

学习和成长

  • 成长
  • 外包和996尽量不去
  • 刻意练习
    • 任务拆解
    • 练习
    • 核心知识
  • 英语
  • 复盘

抵制996

  • 时薪减半 12*6/(8*5)=1.8

  • 工作是为了生活 不要搞反了

  • 有时间才能进步

  • 低水平的勤奋 没蛋用

  • 全行业 都要抵制996

一面

  • 内置类型
  • 原型链
  • 上下文
  • 闭包
  • 深拷贝
  • 防抖节流
  • 继承
  • 正则
  • 跨域
  • 组件通信

二面

  • 性能优化
  • 输入url后发生了啥玩意
  • 浏览器渲染机制
  • event-loop
  • webpack
  • Vue源码
  • React源码

三面

  • 谈人生谈理想
  • 项目
  • 沟通
  • 稳定性
  • 玄学

以自己是否能造出轮子来衡量学习的效果,共勉

image-20190314133214891

···············································
欢迎关注课程:

点击查看更多内容

本文原创发布于慕课网 ,转载请注明出处,谢谢合作

20人点赞

若觉得本文不错,就分享一下吧!

评论

相关文章推荐

正在加载中
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消