暑假日志

Author Avatar
Klein 8月 30, 2018

日常记录。

  • 7.29
  1. axios 的基本用法
  2. 搭建 takeaway-app：
    • 完成外卖APP的头部组件
  3. 更新 Blog:
    • Vue 项目的真机联调
  • 7.30
  1. 优化 video-website:
    • 使用阿里巴巴 iconfont，并使用symbol引用
    • 解决 favicon 无法正确显示的问题
    • 优化 header 的搜索框和搜索按钮的不匹配问题
    • 修改对应 GitHub 远程仓库的名称为 v-vue，为前后端分离做准备
    • mock siderbar 订阅数据
    • 将 siderbar 的订阅部分组件化，并通过 axios 请求本地 webpack 服务器获取mock数据并渲染。
    • 了解了七牛云的存储空间的基本使用方法，并学习了通过 node.js SDK 上传线上封面图和视频资源搬砖到七牛云存储空间。
  2. 搭建 takeaway-app：
    • 完成商品列表页左侧 menu 布局
    • 右侧食品列表的布局
  • 7.31
  1. 优化video-website:
    • 将后端代码分离为 v-koa 并新建、上传至 github 远程仓库
    • 将前端代码分离为 v-vue 并上传至 github 远程仓库
  2. 优化 v-koa:
  3. 更新 Blog:
    • Git 新建远程仓库并关联本地项目
    • 解决 .gitignore 添加后无效
    • npm install 报错 platform unsupported
  4. 看 Head First HTML5 Programming,看到第八章
  • 8.1
  1. 安装 MongoDB 及 mongoVUE
  2. v-koa:
    • 使用mongoose 连接 MongoDB 数据库
    • 使用 schema model 创建电影的数据模型
  3. 更新 Blog:
    • 初试MongoDB
  • 8.8
  1. 新建 GitHub 仓库 KnowledgeGraph
  2. 复习异步与单线程
  • 8.9
  1. 更新 KnowledgeGraph：
    • Array 对象
  • 8.10
  1. 更新 KnowledgeGraph：
    • 面试 -> javascript -> 标准库 -> Array 对象 -> for-in
    • 面试 -> 基础知识 -> 工具函数
      • 获取 2017-06-10 格式的日期
      • 获取随机数，要求长度一致的字符串格式
      • 写一个能遍历对象和数组的通用函数
    • 面试 -> javascript -> 标准库 -> Date 对象
    • 面试 -> javascript -> 标准库 -> Math 对象
  2. 配置 KnowledgeGraph：
    • 最后更新时间
    • 导航栏 GitHub 链接
    • 编辑链接
    • Service Worker
  • 8.11
  1. 补充 KnowledgeGraph：
    • 面试 -> javascript -> 标准库 -> Date 对象
  2. 配置 KnowledgeGraph：
    • 修复标准库 README 文件目录显示不正确问题
    • DOM 目录
  3. 更新 KnowledgeGraph：
    • 增加 前端 的 DOM 部分
    • 增加 面试 的 DOM 部分
  4. 更新 Blog:
    • DOM 中的 attribute 和 property 有何区别
  • 8.12
  1. 更新 Blog:
    • 修改补充 DOM 中的 attribute 和 property 有何区别
  • 8.13
  1. 更新 KnowledgeGraph：
    • 增加 前端 的 事件 部分
    • 增加 面试 的 事件 部分
  • 8.14
  1. 更新 KnowledgeGraph：
    • 增加 前端 的 BOM 部分
    • 增加 面试 的 AJAX、跨域 部分
  • 8.15
  1. 更新 KnowledgeGraph：
    • 增加 前端 的 BOM 的 storage，同源，xmlhttprequest对象 部分
  • 8.16
  1. 更新 KnowledgeGraph：
    • 增加 前端 的 BOM 的 cookie 部分
  2. 更新 Blog:
    • DOM 中的 attribute 和 property 有何区别
    • exports 和 module.exports 的区别
  • 8.17
  1. 更新 KnowledgeGraph：
    • 新建 前端 的 ES6 部分
    • 增加 面试 的 ES6 部分
  • 8.18
  1. 更新 Blog:
    • 原型的实际应用及原型的插件扩展机制
    • jQuery的deferred对象
  • 8.19
  1. 更新 KnowledgeGraph：
    • 新建 ES6 的 Promise 部分
    • 新建 ES6 的 async 部分
  • 8.23
  1. 看视频：
    • 面向对象
    • 虚拟 DOM
  • 8.24
  1. 看视频：
    • MVVM 和 Vue
  2. 更新 Blog:
    • 浅谈 MVVM 和 Vue
    • 常见 Virtual Dom 面试题
    • JavaScript 设计模式之面向对象
  • 8.25
  1. 看视频
  2. 更新 Blog:
    • 初识 hybrid
    • JavaScript 设计模式之设计原则
  3. 看书：
    • 《JavaScript 设计模式与开发实践》 第1章
    • 《JavaScript 设计模式与开发实践》 第2章
  • 8.26
  1. 看书：
    • 《JavaScript 设计模式与开发实践》 第3章（没看完）
  • 8.27
  1. 看书：
    • 《JavaScript 设计模式与开发实践》 第3章
    • 《JavaScript 设计模式与开发实践》 第4章
    • 《JavaScript 设计模式与开发实践》 第5章
    • 《JavaScript 设计模式与开发实践》 第17章
  2. 更新 Blog:
    • JavaScript 设计模式之工厂模式
    • JavaScript 设计模式之单例模式
    • JavaScript 设计模式之适配器模式
  • 8.28
  1. 看书：
    • 《JavaScript 设计模式与开发实践》 第15章
    • 《JavaScript 设计模式与开发实践》 第19章
  2. 看视频
  3. 看博客
    https://yangbo5207.github.io/wutongluo/ 前五章
  4. 更新 Blog:
    • JavaScript 设计模式之代理模式
    • JavaScript 设计模式之外观模式
  • 8.29
  1. 看书：
    • 《JavaScript 设计模式与开发实践》 第8章
    • 《JavaScript 设计模式与开发实践》 第16章
  2. 看视频
    • Javascript 设计模式系统讲解与应用 第11章
    • Javascript 设计模式系统讲解与应用 第12章
  3. 更新 Blog:
    • JavaScript 设计模式之状态模式
    • JavaScript 设计模式之代理模式
  • 8.30
  1. 看书：
    • 《JavaScript 设计模式与开发实践》 第9章
    • 《JavaScript 设计模式与开发实践》 第10章
    • 《JavaScript 设计模式与开发实践》 第11章
    • 《JavaScript 设计模式与开发实践》 第12章
    • 《JavaScript 设计模式与开发实践》 第13章
    • 《JavaScript 设计模式与开发实践》 第14章
  2. 更新 Blog:
    • JavaScript 设计模式之其他模式
  3. 看视频
    • Javascript 设计模式系统讲解与应用 第13章