# 吉软大前端笔记本

## Miscellaneous

![js](https://img.shields.io/badge/language-js-orange.svg)
* 图片转字符串
[linkToHtml](./Miscellaneous/img2string.html)

![git](https://img.shields.io/badge/language-git-green.svg)
* git常用命令总结
[linkToMd](./Miscellaneous/git.md)

![js](https://img.shields.io/badge/language-js-orange.svg)
* img2string
[linkToHtml](./Miscellaneous/img2string.html)

![js](https://img.shields.io/badge/language-js-orange.svg)
* win10系统级别弹窗
[linkToMd](./Miscellaneous/SnoreToast.md)

![toDoList](https://img.shields.io/badge/content-UrlList-red.svg)
* 网址收藏
[linkToMd](./Miscellaneous/todo.md)

![Vue](https://img.shields.io/badge/language-js-orange.svg)
* Vue经验积累
[linkToMd](./Miscellaneous/vue.md)

![css](https://img.shields.io/badge/language-css-blue.svg)
* teansformMatrix
[linkToMd](./Miscellaneous/teansformMatrix.md)
---


## 20190925

![js](https://img.shields.io/badge/language-js-orange.svg)
[linkToMd](./20190925/20190925.md)

* 给任意元素添加监听器封装函数  
* 给任意事件解绑监听器封装函数
* 阻止事件冒泡

* [上课视频链接](https://pan.baidu.com/s/1x8Bedgte67XhVMjLImboZw)
提取码：lzcc

---

## 20190926

![js](https://img.shields.io/badge/language-js-orange.svg)
[linkToMd](./20190926/20190926.md)

* 事件的阶段
* 绑定事件 addEventListener('不带on的事件类型',函数,<控制事件阶段>)
* onmouseover|out 鼠标移入移出事件
* e.type  获取当前事件
* a标签 href属性为 javascript:; 阻止默认事件

* [上课视频链接](https://pan.baidu.com/s/1o0cJLaZeUlyeqZVHdOjWGw)
提取码：txxm
---

## 20191009

![js](https://img.shields.io/badge/language-js-orange.svg)
[linkToMd](./20191009/20191009.md)

* window
* history
* location
* setInterval

* [上课视频链接](https://pan.baidu.com/s/1ANHcpZAG7c5wXo5eHX-y-w) 
提取码：9liy
---

## 20191013

![js](https://img.shields.io/badge/language-js-orange.svg)
[linkToMd](./20191013/20191013.md)

* 复习上节内容
* setTimeout
* setTimeout案例
* 表单属性操作
* 颜色渐变案例
* 宽度渐变案例

* [上课视频链接](https://pan.baidu.com/s/1l4mVVmklb1Hiz2uWQxBdxA) 
提取码：nc9w 
---

## 20191016

![js](https://img.shields.io/badge/language-js-orange.svg)
[linkToMd](./20191016/20191016.md)

* offset示例

* [上课视频链接](https://pan.baidu.com/s/1-iDQ03LSqXQ1Yu04IX0rgg) 
提取码：ixle  
---

## 20191018

![js](https://img.shields.io/badge/language-js-orange.svg)
[linkToHtml](./20191018/offset.html)

* offset示例

* [上课视频链接](https://pan.baidu.com/s/1hGA9ohkQ7J9b1GO6AjSMeQ&shfl=sharepset) 
提取码：smie
---

## 20191019

![js](https://img.shields.io/badge/language-js-orange.svg)
[linkToMd](./20191019/20191019.md)

* 轮播图案例
* 轮播图按钮案例
* css定位一般不超过5级
* html 特殊字符

* [上课视频链接](https://pan.baidu.com/s/18LetxRVExyVBQAq20Xo3_g&shfl=sharepset) 
提取码：pne2  
---

## 20191020

![js](https://img.shields.io/badge/language-js-orange.svg)
[linkToMd](./20191020/20191020.md)

* 自动轮播图案例

* [上课视频链接](https://pan.baidu.com/s/16mkeyFPbZJ7m-i8dAR8VtA&shfl=sharepset) 
提取码：1ixx
---

## 20191026

![js](https://img.shields.io/badge/language-js-orange.svg)
[linkToMd](./20191026/20191026.md)

* slider全功能

* [上课视频链接](https://pan.baidu.com/s/1RFngCxipb5ZMZMx9nsNHBQ) 
提取码：s3un
---

## 寒假作业
  * 面向对象
    * 贪吃蛇
    * 轮播图
    * 选项卡
    * 放大镜
    * 计算器
  * H5 C3 
    * 变形
    * 渐变
    * 动画
    * flex
    * 选择器
  * 笔记本上
  * js基础