Skip to content

Latest commit

 

History

History

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 

README.md

2021年最新整理,名企校招(含技术细节)前端岗位。持续更新中...


1 原生javascript提升

1.1 JS进阶

对象类型 对象属性 原型 原型链 预解析 this 闭包/递归 前后分离/数据交互/接口访问 跨域 设计模式 实例详解

1.2 ES6

基本语法 对象扩展 数据结构 promise async class类 模块化

1.3 TypeScript

数据类型 模块与命名空间 TS实战:汽车对象派生类设计实例

2 框架运用&项目实战

2.1 Vue全家桶

  • 常用指令
  • 新特性
  • 生命周期
  • 组件路由&动画
  • vuex
  • Axios
  • 脚手架配置:webpack入口起点/输出/加载器/模块解析/热替换
  • 实例详解:全选功能 购物车 分页功能 穿梭框组件定义
  • 多项选择框等

2.2 电商APP项目

  • vue-cli4脚手架的搭建
  • vue.config.js配置
  • 首页及组件的定义
  • 路由的定义及参数的传递
  • 图片懒加载
  • 前后数据交互
  • vuex各模块数据共享
  • 实现:京东 淘宝 天猫 美团 一号店

2.3 Vue+ElementU企业级项目实战

  • 涉及:项目结构分配 模块定义 组件封装调用 AXIOS封装 路由拦截 cookie理解 token权限 路由权限管理 动态路由 打包部署 vuex状态管理
  • ui框架: ElementUl
  • 登录页:表单校验数据交互
  • 首页:数字滚动展示图表展示
  • 贷款申请页:数据收集及提交
  • 申请管理页:数据查询数据展示编辑删除分页
  • 贷款审批:初审终审页展示搜索
  • 标的管理:列表展示数据下载
  • 权限管理:注册用户信息权限分配
  • 公共封装:全局组件定义 filters全局封装axios二次封装
  • 公共函数定义 公共数据封装 elementui组件二次封装
  • 导航权限:根据不同用户登录信息展示不同权限
  • 实现:后台管理系统 信息管理平台 审核系统 权限管理系统
  • Vue项目打包(hash/ history) 各终端访问 apk打包 配置
  • 子域名访问 多环境打包 (开发上线) 大文件拆分 Gzip压缩
  • 深剖脚手架配置 理解Cookie+token (JWT)

2.4 Vue3+TS

  • Vue3新特性
  • vue3与vue2异同各特性理解及运用
  • TS的引入 请求封装 组件封装
  • vuex模块定义 异步处理 数据渲染
  • 泛型 类型推导
  • Vue3+TS实战

2.5 React全家桶

  • 虚拟DOM
  • React三大属性(state props refs)
  • React组件
  • 脚手架 路由 redux React-hooks axios 脚手架配置

2.6 React阿里hello单车后台管理项目

  • React全家桶React+antd+redux+React-hooks+React-router
  • UI框架:Ant Design
  • 主页面架构分析
  • Antd ui各个组件使用
  • 基础表格高级表格的使用
  • 单车业务之城市管理模块
  • 单车业务之订单管理模块
  • 项目工程化 公共机制封装
  • 车辆地图模块开发
  • 权限设置模块开发
  • 路由守卫的实现

2.7 nodeJS

  • node的模块化与npm包管理工具、使用connect搭建web服务
  • 操作数据库、使用mysql关系型数据库或mongodb非关系数据库
  • express数据接口定义、服务端文件读写操作
  • 常用技术项目创建nodeman,模板引擎handlebars
  • orm中间件 用于操作数据库mongodb/mysql
  • 从底层原理分析路由机制
  • 项目创建 编写控制器 服务 模板渲染
  • 常用中间件开发及应用
  • 核心功能 多环境开发部署 HttpClient Cookie&Session

2.8 nodeJS全枝

  • 技术栈: node+express+sequelize+nodeman+mysql
  • 登录接口 获取用户信息接口定义
  • 拦截器 权限过滤 分页查询接口定义
  • 数据的增删改查 nodemon

2.9 uniapp混合APP开发

  • uniapp音乐APP项目实战
  • 环境搭建项目启动
  • 发现模块 视频模块 我的模块 云村 账号模块
  • 首页推荐 模糊查询 推荐歌单 音乐播放 最近播放 我的收藏
  • app项目打包 各终端访问 apk打包

3 工程化&前端安全

3.1 webpack

  • 基础配置
  • 打包输出
  • 插件使用
  • 全局变量
  • 源码分析
  • 加载模块
  • 热更新
  • 懒加载优化
  • PWA配置
  • 打包优化
  • 打包多页
  • noparse
  • happypack
  • 抽离公共环境区分变量
  • 构建npm组件库
  • 自定义Loader (style-loader css-loader less-loader等)
  • 自定义Plugin (html-webpack-plugin)

3.2 GIT

  • GIT工具安装使用 提交 检出 回溯历史 冲突解决等

3.3 服务器部署

  • 云服务操作
  • 基本linux命令
  • 代码打包上传
  • 编写服务脚本
  • 部署服务
  • 服务监控

3.4 前端安全

  • XSS跨站脚本攻击
  • CSRF跨站点请求伪造
  • DDOS分布式拒绝服务
  • HTTP劫持
  • SQL注入

3.5 浏览器

  • 浏览器缓存机制
  • 本地存储
  • 强缓存
  • 协商缓存
  • 渲染引擎-webkit
  • 渲染过程-webkit渲染流程
  • 重排与重绘
  • 站点性能指标和优化方法:响应时间
  • 并发数吞吐量

4 数据结构及算法

4.1 初探数据结构与算法

  • 数据结构与算法入门以及数组的本质

4.2 数据结构-栈与队列

  • 栈与队列的概念
  • 特性
  • JS实现栈与队列
  • 枝栈与队列在前端中的使用以及JS中的Event Loop

4.3 数据结构-哈希表

  • 哈希表的概念、特性、哈希函数

4.4 数据结构-树

  • 树的概念特性树的分类
  • 二叉搜索树
  • 红黑树

4.4 数据结构-图

  • 图的概念,特性与分类
  • 图结构实现
  • 广度优先
  • 深度优先

4.5 算法复杂度

  • 时间复杂度
  • 空间复杂度

4.6 算法-排序算法

  • 冒泡排序
  • 选择排序
  • 插入排序
  • 希尔排序
  • 归并排序
  • 快速排序

5 底层原理及手写

5.1 源码结构

  • 源码目录结构
  • 构建虚拟DOM树
  • 模型与视图的关联

5.2 数据监听

  • Observer实现数据监听的核心方法
  • 观察者模式

5.3 响应式

  • 双向数据绑定
  • 响应式原理分析

5.4 原理分析

  • Directive
  • 重写Getter与Setter
  • 侦听器watcher
  • render函数
  • diff算法

5.5 手写VUE

  • 数据劫持
  • 数组劫持
  • 编译文本渲染
  • 数组dep依赖收集
  • 异步更新
  • 渲染
  • 数组dep依赖收集
  • watch实现原理
  • 计算属性实现原理

5.6 手写VUEX

  • 实现简单的state, getter, action, mutaion mixin混合
  • 动态添加属性
  • 动态访问函数
  • 实现模块划分

5.7 手写router

  • 理解路由模式原理
  • 参数传递
  • 动态路由

5.8 手写promise

  • 手写promise库

5.8 手写webpack

  • 包加载处理机制
  • 事件通知