前端知识点

---

Photoshop（PS）

    量图，切图，抠图，图层，选区，拾色器等基本 ps 操作

HTML

    a，div，img
    表单
    alt title 属性的作用
    各种标签
    h5 语义化标签 header，main，nav，section，footer，aside
    了解 canvas
    基本的布局 百分比、圣杯布局，固定布局，表格布局，栅格布局

css

    bfc，ifc，gfc，ffc。重绘、回流。
    浮动
    less，scss 的使用，定义变量，嵌套
    选择器 和选择器的权重关系
    盒子模型
    弹性盒子
    position
    转换
    font
    animate
    能够垂直居中，水平居中
    动画，
    background
    box-sizing
    box-shadow
    em，px，rem
    媒体查询

js

    setTimeout，setInterval
    基本数据类型，复杂数据类型
    类型转换
    函数
    if else ，for，switch，数组 ，数组排序，数组查找，数组过滤，字符串，日期
    es6，promise，async，await，... (可扩展运算符)，数组、对象解构赋值，const，let，剪头函数，call，apply
    了解新的数据结构 map，set(我在项目中用过功能去重)，
    模板字符串
    正则 匹配，替换字符串
    ajax，本地存储 cookie、localstorage、sessionStorage，
    数据结构转换，
    console.log
    debugger
    dom 操作，事件流
    使用 js 计算盒子宽度高度

vue

vue 基础

生命周期钩子（很重要）
data 的使用
template，
watch，computed，methods，filters，mixins
指令 v-if，v-show，绑定属性，绑定事件，修饰器，
绑定 style，class
组件中的 beforeRoute，beforeLeaveRoute，beforeRouteUpdate

vuex

state，getters，mutations，actions，modules，
mudules 下每一个 js 文件 的 state，getters，mutations，actions，namespace 命名空间的使用，mapState，mapGetters，mapActions，mapMuactions 的使用
在组件中，
的 conputed 写 this.$store. getter.xxx 获取vuex中存储的状态
this.$store. commit 触发 vuex 中的方法，修改 vuex 中的状态
this.$store. dispatch 触发 vuex 中的 actions 定义的方法，然后 commit 到 muactions 中修改 vuex 中的状态

vue-router

路由表配置，
routes，
touter. addRoutes 方法的使用
beforeEach 的使用等
router-link
this. $route和this. $router 的区别
this.$router. push() 根据路径、路由 name 跳转
路由传参数
路由配置中的 meta 的使用

element-ui（iview）

    引入，统一设置组件大小，自定义主题等官网都有
    配合 css，使用 深度选择器 修改原有样式
    学会看文档
    el-row
    el-col
    弹窗组件
    table 组件
    按钮组件
    文件图片上传

    表单组件
    input，select，搜索下拉选择，checkbox，单选，日期时间 组件
    表单校验，设置值，各种组件的使用

前后端端数据交互

http、ajax、axios

http 状态码，
get，put，post，delete，
原生 ajax，axios 的使用
axios 请求拦截，响应拦截，添加请求头信息

chrome 浏览器调试
看盒子模型，元素接口，html 结构，debugger 调试，
network 调试 ajax 请求 请求的数据，响应的数据

webpack

了解基本的配置信息
忽略文件
eslint 配置
package. json

vuecli

    . env 文件的使用
    eslint 配置
    package. json

项目经验

axios 统一封装请求拦截，响应拦截，添加请求头。
自定义字体图表
表单校验，校验规则
登录，
登录 token 处理 及其 逻辑，
路由跳转，
页面布局，
配合 cookie，localstorage，sessions
Storage，本地存储数据。
获取数据
左侧菜单导航，面包屑，table 列表，查询列表，删除列表，添加一个列表数据，删除数据，修改数据
文件(大文件 分块)上传，文件下载，导入 Excel，导出 Excel（项目中可能会有这样的需求）
用户管理 ----- 角色管理 ----- 权限管理
权限选择、数据回显（相对来说比较难）

图表：

echart，antv g2 基本的柱状图、饼图、环图、折线图等会画，能够看文档根据项目需求调整样式