student-chen / vuestudy

vue.js基础学习及其部分demo

该项目主要用于记录Vue的学习进程

按时间线记录了一下自己学习JS的路线和进度条。每个打勾的都是已完成的小目标 论文修改意见返回，修改论文中

最近更新：2019.4.17

目前完成进度

• 深入理解ES6 读书笔记

  • 私人向，只记了一下自己觉得重要的东西，知识点可能不是特别完整
  • 第一章：块级作用域绑定
  • 第二章：字符串和正则表达式
  • 第三章：函数
  • 第四章：扩展的对象功能
  • 第五章：解构：更方便的数据访问
  • 第六章：符号与符号属性
  • 第七章：Set与Map
  • 第八章：迭代器与生成器
  • 第九章：JS的类
  • 第十章：增强的数组功能
  • 第十一章：Promise与异步编程.md

• JavaScript进阶篇 ✔2019.3.21

  • 学习JS基础语法、语法、函数、方法等
  • 掌握JS编程思路、知识的使用等，实现运用JS语言为网页增加动态效果，达到与用户交互的目的。
  • 代码

• JavaScript入门篇 ✔2019.3.20

  • 熟悉JavaScript基本语法、窗口交互方法和通过DOM进行网页元素的操作
  • 学会如何编写JS代码，如何运用JavaScript去操作HTML元素和CSS样式
  • 代码

• Promise入门课程 ✔2019.3.19

  • 简介：为解决异步函数的回调陷阱，开发社区不断摸索，终于折腾出 Promise/A+。它的优势非常显著：
    1. 不增加新的语法，可以立刻适配几乎所有浏览器
    2. 以队列的形式组织代码，易读好改
    3. 捕获异常方案也基本可用
  • 课程笔记

• 知乎日报PC端基于《Vue.js实战》纸质书第13章实现——书本源码 ✔2019.3.13

  • 运行指南看zhihudaily下的readme.md
  • 和作者提供的源码有些许不同，我是vue-cli初始化的应用。
  • 书中所用的api已经失效，更换了正确的api。
  • 由于知乎日报不提供专题浏览。删除了推荐主题模块
  • 添加了日历控件，方便查看特定日期的日报
  • 了解利用nodejs的request库实现跨域数据获取，整理，可视化
  • prop，事件，子组件索引

• 基于Vue的留言板demo ✔2019.3.12

  • 知识点
    • Vuex
    • vue-router
    • localStorage
    • css样式
  • 实现了登陆注册,发布留言功能
  • 了解了vue-router的使用以及嵌套使用
  • 大概了解了一下vue-ui的可视化界面
  • 初步使用了LocalStorage
  • 美化了一下css 审美苦手。放弃

• TodoList小项目 慕课网Vue2.5入门课程实践 ✔2019.2.21

  • 一个基本的todolist 熟悉了一下vue的几个指令

• vue2.0实现一个基本的购物车功能 使用vue2.0实现购物车和地址选配功能 ✔2019.2.26

  • vue2.0-shoppingCart是完成后的项目文件
  • 购物车课程demo 是课程源码
  • 完成商品数量增减
  • 完成商品删除
  • 点击more实现展开折叠
  • 完成地址删除等
  • 地址添加,编辑(待完成)

• 初识HTML+CSS✔2019.2.28

  • 花了一天时间过了一下慕课上的这个课程，对一些最基本的css和html语法有了一个了解。由于课程本身就是提交代码形式的，因此没有将代码搬运到这里

• [一个基本的手势识别demo] ✔2019.3.29

  • 基于hammer.js一个JS的手势识别的库
  • 算是简单地引入到vue中写了一个很小地功能demo
  • 两种实现，一个是直接在单个html中使用
  • 一个是在vue-cli初始化的项目中实现 了解了一下外部导入js的实现
  • 代码

• 计算器
  

  • 实现加法操作
    

• 扇形图demo
  

  • 手动输入三种颜色比例，显示对应扇形图
    

• 备忘录demo
  

  • 输入待办事项，回车添加到下方，点击删除按钮添加到回收站，点击已完成添加到已完成项目列表
    

• 官网教程

  • 介绍
    • 声明式渲染 ✔
    • 条件和循环 ✔
    • 处理用户输入 ✔
    • 组件化应用构建 ✔
  • Vue 实例 (无代码)
    • 创建一个 Vue 实例 ✔
    • 数据与方法 ✔
    • 实例生命周期钩子 ✔
    • 生命周期图示 ✔
  • 模板语法
    • 插值
      • 文本
      • 原始 HTML
      • 特性
      • 使用 JavaScript 表达式
    • 指令
      • 参数
      • 修饰符
    • 缩写
      • v-bind 缩写
      • v-on 缩写