美文网首页
前端知识点

前端知识点

作者: 程序员李钟意 | 来源:发表于2019-08-05 12:57 被阅读0次

    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 基本的柱状图、饼图、环图、折线图等会画,能够看文档根据项目需求调整样式
    
    

    相关文章

      网友评论

          本文标题:前端知识点

          本文链接:https://www.haomeiwen.com/subject/wdpidctx.html