前端学习进度

213 阅读3分钟

个人网站进度

    • 响应式个人简历
    • 待办
    • 日常分享区

Vue个人博客项目

    • 准备阶段_网站分析
    • 准备阶段_数据库建表 -> 基础: NodeJS -> MySQL
    • 准备阶段_创建目录结构

bootstrap

  1. 基础知识部分
  2. 实战项目
    • 星巴克官网
    • 循环迭代项目

ES6 **

    • 概述
    • 块级绑定
    • 2-1 声明变量的问题
    • 2-2 使用let声明变量
    • 2-3 使用const声明常量
    • 字符串和正则表达式
    • 3-1 更好的Unicode支持
    • 3-2 更多的字符串API
    • 3-3
    • 3-4
    • 3-5
    • 函数
    • 4-1 参数默认值
    • 4-2 剩余参数
    • 4-3 展开运算符
    • 4-4 剩余参数和展开运算符练习
    • 4-5 明确函数的双重用途
    • 4-6 箭头函数
    • 对象
    • 5-1 新增的对象字面量语法
    • 5-2 Object新增API
    • 5-3 面向对象介绍
    • 5-4 类:构造函数的语法糖
    • 5-5 类的其他书写方式 扩展的装饰器部分跳过了
    • 5-6
    • 5-7

新Vue **

    • 课程准备 --> auth code: sa6-3q4wp-zh
    • 开始使用Vue
    • Vue的响应式-1
    • Vue的响应式-2
    • 扩展-剖析Vue的响应式原理
    • Vue相关指令
    • 条件渲染
    • v-bind指令 后期的笔记直接到Github上复习,练习项目加到实战里面上传
    • v-on指令
    • v-on指令的修饰符
    • 列表渲染
    • 练习_仿淘宝商品筛选
    • 练习_toDoList
    • v-model指令
    • 练习_简易计算器
    • 练习_调查问卷
    • 计算属性
    • 练习_姓名筛选
    • 侦听器
    • 练习_仿百度搜索联想
    • vue-resource
    • axios-1
    • axios-2
    • template选项
    • vue生命周期
    • 练习_bilibili首页 header
    • 练习_bilibili首页 nav
    • 练习_bilibili首页 banner
    • 练习_bilibili首页 videos
    • 练习_bilibili首页 footer
    • 组件基础
    • 组件_prop
    • 组件_prop验证
    • 单向数据流
    • 非prop特性
    • 组件_监听组件事件
    • 插槽
    • 动态组件
    • 组件_处理边界情况
    • 组件_通信 简单过了一遍
    • 混入
    • 自定义组件
    • 过滤器
    • 安装脚手架 @vue/cli @vue/cli-service-global
    • 日期选择器组件 结构
    • 日期选择器组件 样式
    • 日期选择器组件 行为
    • 树形列表组件
    • 利用脚手架搭建项目
    • 渲染函数 (大致过一遍)
    • JSX (大致过一遍)
    • 函数式组件
    • 过渡_单元素过渡
    • 过渡_多元素过渡
    • 过渡_列表过渡
    • 过渡_复用过渡
    • 组件_异步组件
    • VueRouter基础
    • 命名路由-嵌套路由-重定向-别名
    • 编程式的导航
    • VueRouter_动态路由匹配
    • VueRouter_命名视图-路由组件传参
    • VueRouter_导航守卫
    • VueRouter_路由元信息
    • VueRouter_过渡动效_滚动行为
    • VueRouter原理
    • Vuex_State
    • Vuex_Getter
    • Vuex_Mutation
    • Vuex_Action
    • Vuex_Module

模块化 **

    • 概述
    • CommonJS
    • 安装NodeJS
    • CommonJS学习
    • 练习CommonJS
    • AMD和CMD
    • ES6模块化

包管理器 **

    • 概述

算法

  • 1.
  • 2. 还差1/3没看完,代码没撸
  • 3.
  • 4.
  • 5.
  • 6.

webpack **

注:前置知识 --> ES6 模块化 包管理器

  1. 核心功能
    • 1-1 如何在浏览器实现模块化
    • 1-2 安装和使用
    • 1-3 模块化兼容
    • 1-4 数字搜索项目练习
  2. 常用扩展
  3. CSS工程化
    • 3-1 概述
  4. js兼容性
  5. 性能优化

React Native

WebGL

Egret

NodeJS

  1. [ ] Node核心
    • 1.1 Node概述
    • 1.2
    • 1.3
    • 1.4
    • 1.5

个人综合博客

  • 前端样式 1-11
  • 前端样式 12-16
  • 17 ~ 后接NodeJS

音乐播放器

  • gulp
  • ongoing
  • ongoing
  • ongoing

vue美团项目

  • 项目构建