Skip to content

Latest commit

 

History

History
156 lines (153 loc) · 24.8 KB

记录.md

File metadata and controls

156 lines (153 loc) · 24.8 KB
title date lastmod
记录
2022-08-15 21:55:53 UTC
2022-12-29 16:32:34 UTC

记录

  1. 2022/1/15 晚 21:00-1/16 00:30 html 入门, html 骨架, 基本标签(h, p, br, hr, b, u, i, s, strong, ins, em, del, img)[https://www.bilibili.com/video/BV1Kg411T7t9?p=14]
  2. 1/16 14:00 - 17：00 学完 html 认知（图片 音频 视频 链接 相对路径 绝对路径）[https://www.bilibili.com/video/BV1Kg411T7t9?p=24]
  3. 1/17 14:00- 14：30 三种列表+table 无序，有序，自定义（ul。ol。bl
  4. 1/17 22：00-23：30 表单系列，input 表单[https://www.bilibili.com/video/BV1Kg411T7t9?p=37]
  5. 1/19 select button textarea lable [https://www.bilibili.com/video/BV1Kg411T7t9?p=41]
  6. 1/20 布局标签，div 和 span ，HTML 字符变体 [https://www.bilibili.com/video/BV1Kg411T7t9?p=45]
  7. 1/21 css 基础 css 引入方式, css 选择器, css 字体样式, [https://www.bilibili.com/video/BV1Kg411T7t9?p=53]
  8. 1/25 css 文本样式 text-indent text-align text-decoration line-high 行高 颜色标识[https://www.bilibili.com/video/BV1Kg411T7t9?p=62]
  9. 3/6 复习之前内容，学习完成css基础https://www.bilibili.com/video/BV1Kg411T7t9?p=66
  10. 3/8 css进阶 复合选择器： 后代选择器 空格， 子代选择器 > ，并集选择器 ，，交集选择器 直接连接，hover伪类选择器 https://www.bilibili.com/video/BV1Kg411T7t9?p=71
  11. 3/9 css背景颜色 背景图片 背景平铺 背景位置 背景属性连写https://www.bilibili.com/video/BV1Kg411T7t9?p=77
  12. 3/12 元素显示模式 块, 行内, 行内块, 显示模式转换 . 标签的嵌套. css特性 继承性, 层叠性 综合案例 https://www.bilibili.com/video/BV1Kg411T7t9?p=87&spm_id_from=pageDriver
  13. 3/13 css优先级 ， !ipotant > 行内 > id > 类 > 标签 > 继承 复合选择器的优先级权重计算公式 （行内，id，类，标签）从头开始比较 css盒子模型 内容content 内边距padding 边框border 外边距margin https://www.bilibili.com/video/BV1Kg411T7t9?p=94
  14. 3/15 css盒子模型的border padding margin的使用https://www.bilibili.com/video/BV1Kg411T7t9?p=105&spm_id_from=pageDriver
  15. 3/16 css自动內减 清除默认格式 版心居中 外边框折叠现象 margin 合并 子对象设置 margin 影响父对象 行内元素无法设置影响高度的margin https://www.bilibili.com/video/BV1Kg411T7t9?p=112&spm_id_from=pageDriver
  16. 3/17 结构伪类选择器 选择特定子对象 child 伪元素 用css来添加标签 标准流 浮动 css属性书写顺序https://www.bilibili.com/video/BV1Kg411T7t9?p=123
  17. 3/18 清除浮动 综合案例 https://www.bilibili.com/video/BV1Kg411T7t9?p=129
  18. 3/23 断断续续做了好几天学成在线案例https://www.bilibili.com/video/BV1Kg411T7t9?p=147
  19. 3/24 定位 静态定位 相对定位 绝对定位 子绝父相 定位居中https://www.bilibili.com/video/BV1Kg411T7t9?p=155
  20. 3/25 绝对定位 装饰 垂直对齐方式 光标样式 圆角 overflow 元素自身隐蔽 元素整体透明 https://www.bilibili.com/video/BV1Kg411T7t9?p=168
  21. 3/26 精灵图片 文字阴影 盒子阴影 过渡 https://www.bilibili.com/video/BV1Kg411T7t9?p=173
  22. 3/27 合并表格边框 css制作三角形 选择器拓展 l v h a HTML 骨架 SEO三大标签 ICO 版心 CSS书写顺序 文件结构 https://www.bilibili.com/video/BV1Kg411T7t9?p=177
  23. 3/30 做了两天案例, 有点难 第一部分完成 进入第二部分 https://www.bilibili.com/video/BV1xq4y1q7jZ
  24. 4/3 字体图标
  25. 4 平面转换 translate rotate scale transform-origin 坐标原点 多重转换https://www.bilibili.com/video/BV1xq4y1q7jZ?p=17
  26. 4/5 平面转换 渐变 案例 https://www.bilibili.com/video/BV1xq4y1q7jZ?p=21
  27. 4/9 空间转换 空间位移 空间旋转 空间缩放 透视效果 perspective 3d 导航案例 https://www.bilibili.com/video/BV1xq4y1q7jZ?p=40
  28. 4/10 动画 两个状态的动画 多个状态的动画 动画执行完毕状态 动画循环 infinite 速度曲线 linear steps 分步动画 反向 暂停动画 精灵图动画 多组动画 无缝动画 https://www.bilibili.com/video/BV1xq4y1q7jZ?p=50
  29. 4/11 动画案例 移动端网页初步 视口标签 百分比布局 https://www.bilibili.com/video/BV1xq4y1q7jZ?p=63
  30. 4/12 flex 布局. 主轴对齐方式 justfy-content, 侧轴对齐方式 aligh-items aligh-self 弹性盒子伸缩系数 https://www.bilibili.com/video/BV1xq4y1q7jZ?p=75
  31. 4/13 修改主轴方向， 弹性盒子换行排列 ， 弹性盒子行排列方式 https://www.bilibili.com/video/BV1xq4y1q7jZ?p=89
  32. 4/14 完成小兔鲜 pc 网页 flex 布局 https://www.bilibili.com/video/BV1xq4y1q7jZ?p=102
  33. 4/15 rem 布局 less 预编译器 https://www.bilibili.com/video/BV1xq4y1q7jZ?p=121
  34. 4/16 fc 游乐园案例_rem 适配 vmvh 适配方案 https://www.bilibili.com/video/BV1xq4y1q7jZ?p=140
  35. 4/17 利用 vm、vh 制作出了 bilibili 移动端网页 https://www.bilibili.com/video/BV1xq4y1q7jZ?p=155
  36. 4/18 学习响应式 , 媒体查询 基本原理及使用 https://www.bilibili.com/video/BV1xq4y1q7jZ?p=160
  37. 4/19 初步学习 bootstrap 了解基本语法, css 样式 组件 插件 https://www.bilibili.com/video/BV1xq4y1q7jZ?p=171
  38. 4/20 看完移动 web 视频 做完响应式 alloyteam 腾讯网站 https://www.bilibili.com/video/BV1ux411d75J
  39. 4/21 做了小米官网作为练习 html/css 告一段落 开始学习 js https://www.bilibili.com/video/BV1ux411d75J
  40. 4/22 初学 js 执行过程 书写位置 注释 输入输出 prompt alert console.log 变量 数据类型 数字型 字符串型 https://www.bilibili.com/video/BV1ux411d75J?p=29
  41. 4/23 标识符 运算符 流程控制 顺序结构 选择结构 https://www.bilibili.com/video/BV1ux411d75J?p=69
  42. 4/24 循环结构 命名规范 数组 创建数组 访问数组 https://www.bilibili.com/video/BV1ux411d75J?p=110
  43. 4/25 冒泡排序 https://www.bilibili.com/video/BV1ux411d75J?p=112
  44. 4/26 函数 作用域 预解析 https://www.bilibili.com/video/BV1ux411d75J?p=143
  45. 4/27 对象 创建对象的三种方法 构造函数 new 关键字执行过程 内置对象 math https://www.bilibili.com/video/BV1ux411d75J?p=161
  46. 4/28 内置对象 math 对象 date 对象 https://www.bilibili.com/video/BV1ux411d75J?p=170
  47. 4/29 string 对象, array 对象 以及内置的方法, 数据类型的内存分配 , 数据类型的传参 https://www.bilibili.com/video/BV1k4411w7sV
  48. 5/1 获取元素的几种方法 通过 id 通过标签名 通过 html5 新增的方法 通过类名 通过选择器 还有简单的事件基础 如何操作元素 https://www.bilibili.com/video/BV1k4411w7sV?p=16
  49. 开摆了几天...
  50. 5/4 循环精灵图, 显示隐蔽密码框 通过两种方式修改样式 style 和 classname 排他思想 百度换肤 https://www.bilibili.com/video/BV1k4411w7sV?p=28
  51. 5/5 表格响应鼠标变色, 全选取消全选效果https://www.bilibili.com/video/BV1k4411w7sV?p=31
  52. 5/6 获取属性的两种方法,设置属性的两种方法,H5 的自定义属性 data-.还有移除属性,节点操作, 父级节点 parentnode,子级节点,childnode 获取所有子节点,children 获取元素节点.第一个节点和最后一个节点 https://www.bilibili.com/video/BV1k4411w7sV?p=40
  53. 5/7 新浪下拉菜单 兄弟节点 新增节点 留言板 删除节点 复制节点 https://www.bilibili.com/video/BV1k4411w7sV?p=48
  54. 5/8 动态表格案例
  55. 5/10 事件初步 注册时间的两种方式, 删除事件的两种方式 https://www.bilibili.com/video/BV1k4411w7sV?p=61
  56. 5/11 事件流 捕获 冒泡 事件对象 事件对象的常用属性和方法 事件委托 https://www.bilibili.com/video/BV1k4411w7sV?p=67
  57. 5/12 鼠标事件, 键盘事件, 三个案例https://www.bilibili.com/video/BV1k4411w7sV?p=75&spm_id_from=pageDriver
  58. 5/13 进入 bom 的学习, 学习了 window 对象,window 对象的事件: onload 和 DOMContentLoaded,还有调整窗口大小 onresize,还有两个定时器 setTimeout 和 setIntelVal 以及取消这两个定时器的 clear 方法, 还初步知道了什么是回调函数,了解了不同情况下 this 的指向问题https://www.bilibili.com/video/BV1k4411w7sV?p=88&spm_id_from=pageDriver
  59. 5/14 了解同步和异步, js 执行机制, location 对象的属性, href search , navigator 对象的 useragent , history 对象方法 back forward go ,offset 系列属性, 获取在盒子内的点击坐标的案例 https://www.bilibili.com/video/BV1k4411w7sV?p=102&spm_id_from=pageDriver
  60. 5/15 两个案例 模态框拖拽, 京东放大镜 (完成了一部份)
  61. 5/16 完成京东放大镜
  62. 5/17 client 系列, 获取元素不包括边框的大小, 立刻执行函数, 两种写法: (function (){})() ; (function(){}()) ;scroll 系列获取滚动距离, 淘宝侧边栏案例 https://www.bilibili.com/video/BV1k4411w7sV?p=118
  63. 5/18 js 动画原理, 动画函数, 缓动动画 https://www.bilibili.com/video/BV1k4411w7sV?p=127
  64. 5/19 -5/20 做网页轮播图案例
  65. 5/21 移动端 touch 事件 touch 事件对象 拖动元素 https://www.bilibili.com/video/BV1k4411w7sV?p=145
  66. 开始准备英语四级, 期末复习
  67. 6/25 复习完成, 制作思维导图完成, 开始看书和看视频..
  68. 7/18 移动端轮播图 https://www.bilibili.com/video/BV1k4411w7sV?p=153
  69. 7/19 js webapis 学习完成 明天开始学习 ajax 黑马程序员 AJAX 零基础到精通****​哔哩哔哩**​bilibili​整合 Git 核心内容全套教程
  70. 经过学习发现 ajax 需要 jq 基础, 所以决定先学 es6 在学 jq 再学 ajax 2019 全新 javaScript 进阶面向对象 ES6​哔哩哔哩​bilibili​黑马程序员前端基础必备教程|jQuery 网页开发案例精讲​哔哩哔哩​bilibili
  71. 7/20 js es6 面向对象基础 继承 super 关键字https://www.bilibili.com/video/BV1Kt411w7MP?p=8
  72. 7/21 面向对象 tab 栏https://www.bilibili.com/video/BV1Kt411w7MP?p=16
  73. 7/25 构造函数和原型 构造函数 new 执行过程 构造函数的实例成员和静态成员 构造函数原型 对象原型 原型链 成员查找机制 继承 call() es5 继承的方法 https://www.bilibili.com/video/BV1Kt411w7MP?p=37
  74. 7/28 es5 新方法, 数组迭代方法, 字符串 trim 方法, 对象属性方法 defineproperty 方法 查询上班信息案例https://www.bilibili.com/video/BV1Kt411w7MP?p=50
  75. 7/29 函数进阶 函数三种声明方式, 六种调用方式, 函数中 this 指向问题, 改变函数中 this 指向, call apply bind 严格模式 如何开启严格模式 严格模式的变化 高阶函数https://www.bilibili.com/video/BV1Kt411w7MP?p=62
  76. 7/30 闭包 递归 https://www.bilibili.com/video/BV1Kt411w7MP?p=71
  77. 7/31 递归 深浅拷贝 https://www.bilibili.com/video/BV1Kt411w7MP?p=76
  78. 8/1 正则表达式 边界符 字符类 量词符 预定义类 正则替换 es6 的 let 关键字 https://www.bilibili.com/video/BV1Kt411w7MP?p=97
  79. 8/2 const 关键字 解构赋值 箭头函数 剩余参数运算符 扩展运算符 array 方法 模板字符串https://www.bilibili.com/video/BV1Kt411w7MP?p=117
  80. 8/3 String 方法, endswith startswith , Set 数据结构 add delete has clear 方法, 学习完成 js 高级 es6, 下一阶段学习 jq 稍微看一下就可 https://www.bilibili.com/video/BV1a4411w7Gx
  81. 8/4 jQuery 初步 入口函数, 选择器 隐式迭代 https://www.bilibili.com/video/BV1a4411w7Gx?p=16
  82. 8/5 jQuery 样式 效果 https://www.bilibili.com/video/BV1a4411w7Gx?p=29
  83. 8/8 jQuery 效果 属性 内容文本值 元素操作 https://www.bilibili.com/video/BV1a4411w7Gx?p=45
  84. 8/9 jQuery 尺寸位置 事件 其他方法
  85. 8/10 学习完成 jQuery， 开始下一阶段 ajax https://www.bilibili.com/video/BV1zs411h74a
  86. 8/11 使用 jq 的 get /post 查询提交数据 https://www.bilibili.com/video/BV1zs411h74a?p=12
  87. 8/12 表单的属性 表单的同步提交及其缺点, 如何用 ajax 进行表单的提交https://www.bilibili.com/video/BV1zs411h74a?p=26
  88. 8/14 模板引擎 https://www.bilibili.com/video/BV1zs411h74a?p=31
  89. 8/15 模板引擎案例 新闻列表 模板引擎原理 高级正则 https://www.bilibili.com/video/BV1zs411h74a?p=38
  90. 8/16 使用XmlHttpRequest发起get和post请求, 了解数据交换格式 https://www.bilibili.com/video/BV1zs411h74a?p=45
  91. 8/17 了解json 封装自己的Ajax函数, xhr v2 https://www.bilibili.com/video/BV1zs411h74a?p=52
  92. 8/19 xhr2 实现文件上传 axios实现get post 同源 同源策略 跨域 浏览器拦截跨域 如何解决跨域 jsonp cors https://www.bilibili.com/video/BV1zs411h74a?p=58
  93. 8/22 jsonp的使用, jQuery中的jsonp, jsonp案例 淘宝搜索框, 防抖与节流 https://www.bilibili.com/video/BV1zs411h74a?p=70
  94. 8/23 了解http协议, http的请求消息, 请求消息的组成部分(请求行, 请求头, 空行, 请求体), http的响应消息,组成: (状态行, 响应头, 空行, 响应体), http的请求方法, get/set http的响应状态码 ; Git 特性 工作流程 git的初始化 跟踪新文件 提交新文件 add commit https://www.bilibili.com/video/BV1zs411h74a?p=83
  95. 8/24 git 添加文件 提交文件 撤销更改 移除文件 忽略文件 切换文件版本 https://www.bilibili.com/video/BV1zs411h74a?p=90
  96. 8/25 git远程仓库的使用, 分支操作, 分支冲突的合并 Ajax&git学习完成, 开始学习node.jshttps://www.bilibili.com/video/BV1a34y167AZ
  97. 8/27 复习之前内容, 制作导图
  98. 8/28 开始学习Node.js 学习文件读写 https://www.bilibili.com/video/BV1a34y167AZ?p=9
  99. 8/29 path路径模块, http模块, 制作自己的web服务器 https://www.bilibili.com/video/BV1a34y167AZ?p=19
  100. 8/30 模块化与npm 模块的使用, module,export对象 npm安装包卸载包配置文件 https://www.bilibili.com/video/BV1a34y167AZ?p=31
  101. 8/31 开发自己的包 https://www.bilibili.com/video/BV1a34y167AZ?p=36
  102. 9/1 发布包 删除包 express的使用 监听get/post请求 发送响应 获取查询参数 获取动态参数 托管静态资源https://www.bilibili.com/video/BV1a34y167AZ?p=43
  103. 9/2 路由 路由的使用， 全局路由， 局部路由 模块化路由， 路由前缀 中间件 定义全局中间件 定义局部中间件 错误中间件
  104. 9/3 自定义中间件 书写接口 处理get post jsonp请求https://www.bilibili.com/video/BV1a34y167AZ?p=57
  105. 9/5 操作mysql数据库, 增查改删 https://www.bilibili.com/video/BV1a34y167AZ?p=71
  106. 9/6 身份认证 cookie的缺点, session的原理, express中使用session, jwt的使用, express中使用jwt https://www.bilibili.com/video/BV1a34y167AZ?p=77
  107. 9/12 案例写完, 明日开始学习vue https://www.bilibili.com/video/BV1zq4y1p7ga
  108. 9/13 webpack 使用, 配置文件 webpack的插件 https://www.bilibili.com/video/BV1zq4y1p7ga?p=14
  109. 9/14 webpack的加载器, 更换教程为尚硅谷的教程 https://www.bilibili.com/video/BV1Zy4y1K7SH?p=1&
  110. 9/19 初识Vue, 认识数据绑定. 模板语法, 数据代理 https://www.bilibili.com/video/BV1Zy4y1K7SH?p=13
  111. 9/20 事件处理 计算属性 监视属性https://www.bilibili.com/video/BV1Zy4y1K7SH?p=24
  112. 9/21 绑定样式 条件渲染 列表渲染https://www.bilibili.com/video/BV1Zy4y1K7SH?p=31
  113. 9/23 数据监视的原理 Vue.set 为什么数组不能被检测到 收集表单数据 https://www.bilibili.com/video/BV1Zy4y1K7SH/?p=39
  114. 9/25 过滤器 内置指令 v-text v-html v-cloak v-once v-pre 自定义指令https://www.bilibili.com/video/BV1Zy4y1K7SH/?p=48
  115. 9/26 生命周期https://www.bilibili.com/video/av804122638?p=53
  116. 9/27 组件 非单文件组件 定义 注册 使用, 重要的指向问题 https://www.bilibili.com/video/av804122638?p=59
  117. 9/28 ES6模块化, promise https://www.bilibili.com/video/av547086864/?p=241
  118. 10/10 单文件组件, Vue Cli 用法 https://www.bilibili.com/video/av804122638?p=64
  119. 10/11 ref属性 props配置项 mixin 混入 插件 https://www.bilibili.com/video/av804122638/?p=69
  120. 10/16 todolist https://www.bilibili.com/video/av804122638/?p=79
  121. 10/17 组件自定义事件 https://www.bilibili.com/video/av804122638?p=83
  122. 10/18 全局事件总线 ​https://www.bilibili.com/video/av804122638/?p=86
  123. 10/19 消息订阅与发布, nextTick 过渡与动画 https://www.bilibili.com/video/av804122638/?p=96
  124. 10/20 配置代理, github案例 https://www.bilibili.com/video/av804122638?p=101
  125. 10/21 插槽 https://www.bilibili.com/video/av804122638?p=104
  126. 10/22 vuex基础 https://www.bilibili.com/video/av804122638?p=111
  127. 10/23 vuex getter 四个map方法 https://www.bilibili.com/video/av804122638?p=115
  128. 10/25 vuex namespace 路由基本使用 https://www.bilibili.com/video/av804122638/?p=118
  129. 10/26 路由使用, 路由嵌套, 路由传参https://www.bilibili.com/video/av804122638?p=122
  130. 10/27 传递query参数, 传递pramas参数, 使用props传递参数, 命名路由, 编程式路由导航, 缓存路由组件 https://www.bilibili.com/video/av804122638/?p=128
  131. 10/29 两个路由生命周期钩子, 全局前置/后置路由守卫, 独享守卫, 组件内守卫, 路由的两种工作模式https://www.bilibili.com/video/av804122638?p=134
  132. 10/30 学习使用组件库 学完vue2, 开始学习vue3 https://www.bilibili.com/video/av804122638?p=136
  133. 11/1 Vue3环境搭建, setup函数, ref函数实现响应式 https://www.bilibili.com/video/av804122638?p=144
  134. 11/2 reactive函数, setup函数两个注意点, 数据监测实现过程 https://www.bilibili.com/video/av804122638?p=150
  135. 11/3 computed watch watchEffect 生命周期 hook https://www.bilibili.com/video/av804122638?p=157
  136. 11/4 toRef toRefs shallowReactive shallowRef redonly shallowReadonly toRaw markRaw customRef https://www.bilibili.com/video/av804122638?p=162
  137. 11/5 provide inject 判断是否为响应式数据, Vue3新组件 teleport suspense 学习完成Vue3, 下一步学习TS https://www.bilibili.com/video/av800627522
  138. 11/7 TS的类型声明 https://www.bilibili.com/video/av800627522?p=6
  139. 11/8 TS的配置文件, webpack打包TS https://www.bilibili.com/video/av800627522/?p=13
  140. 11/9 TS的面向对象 继承 抽象类 抽象方法 接口 属性封装 泛型https://www.bilibili.com/video/av800627522/?p=21
  141. 11/16 学习websocket 制作了聊天室小程序
  142. 12/3 一直在学习echarts
  143. 12/10 学习完成echarts
  144. 12/12 开始做vue项目https://www.bilibili.com/video/av379566317/?p=6
  145. 12/14 6.0/67.8h,8.85% https://www.bilibili.com/video/av379566317?p=26
  146. 12/29 20.7/67.8h,30.53%

‍