diff --git a/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/07. JS-DOM.html b/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/07. JS-DOM.html index c945287..eea86f4 100644 --- a/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/07. JS-DOM.html +++ b/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/07. JS-DOM.html @@ -1,10 +1,12 @@ + JS-DOM +

11111

@@ -12,7 +14,11 @@

33333

+ \ No newline at end of file diff --git a/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/08. JS-事件监听.html b/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/08. JS-事件监听.html index fde116a..1c07445 100644 --- a/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/08. JS-事件监听.html +++ b/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/08. JS-事件监听.html @@ -11,7 +11,25 @@ \ No newline at end of file diff --git a/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/09. JS-案例-员工列表.html b/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/09. JS-案例-员工列表.html index f9ac721..410ab93 100644 --- a/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/09. JS-案例-员工列表.html +++ b/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/09. JS-案例-员工列表.html @@ -259,7 +259,15 @@ \ No newline at end of file diff --git a/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/11. JS-常见事件(优化).html b/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/11. JS-常见事件(优化).html index be52f94..fa2adaa 100644 --- a/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/11. JS-常见事件(优化).html +++ b/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/11. JS-常见事件(优化).html @@ -38,53 +38,8 @@ 优秀 - - + + \ No newline at end of file diff --git a/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/12. Vue-快速入门.html b/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/12. Vue-快速入门.html index 7546941..279d0d1 100644 --- a/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/12. Vue-快速入门.html +++ b/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/12. Vue-快速入门.html @@ -1,12 +1,29 @@ + Vue-快速入门 + +
+

{{ msg }}

+

{{count}}

+
+ + + \ No newline at end of file diff --git a/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/13. Vue-案例-员工列表(常用指令).html b/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/13. Vue-案例-员工列表(常用指令).html index a79e923..88b91ce 100644 --- a/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/13. Vue-案例-员工列表(常用指令).html +++ b/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/13. Vue-案例-员工列表(常用指令).html @@ -1,29 +1,41 @@ + Tlias智能学习辅助系统 +
@@ -83,21 +116,22 @@

Tlias智能学习辅助系统

退出登录
- + {{searchFrom}} +
- + - - @@ -115,6 +149,7 @@ + 序号 姓名 性别 头像 @@ -127,126 +162,38 @@ - - 令狐冲 - 男 - 令狐冲 - 讲师 - 2021-06-15 - 2024-09-16 15:30 - - - - - - - 任盈盈 - 女 - 任盈盈 - 咨询师 - 2021-07-20 - 2024-09-17 09:00 - - - - - - - 向问天 - 男 - 向问天 - 班主任 - 2021-05-01 - 2024-09-15 17:45 - - - - - - - 任我行 - 男 - 向问天 - 教研主管 - 2021-05-01 - 2024-09-15 17:45 - - - - - - - 田伯光 - 男 - 令狐冲 - 班主任 - 2021-06-15 - 2024-09-16 15:30 - - - - - - - 不戒 - 女 - 任盈盈 - 班主任 - 2021-07-20 - 2024-09-17 09:00 - - - - - - - 左冷禅 - 男 - 向问天 - 班主任 - 2021-05-01 - 2024-09-15 17:45 - - - - - - - 定逸 - 女 - 向问天 - 班主任 - 2021-05-01 - 2024-09-15 17:45 - - - - - - - 东方兄弟 - 男 - 向问天 - 讲师 - 2021-05-01 - 2024-09-15 17:45 - - - - - - - 金庸 - 男 - 向问天 - 咨询师 - 2021-05-01 - 2024-09-15 17:45 + + {{index+1}} + {{item.name}} + {{item.gender === 1 ? '男' : '女'}} + + + + + + 班主任 + 讲师 + 学工主管 + 教研主管 + 咨询师 + 其他 + + + + {{item.entrydate}} + {{item.updatetime}} + @@ -256,46 +203,54 @@

版权所有 Copyright 2006-2024 All Rights Reserved

- + + \ No newline at end of file diff --git a/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/js/eventDemo.js b/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/js/eventDemo.js new file mode 100644 index 0000000..f974429 --- /dev/null +++ b/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/js/eventDemo.js @@ -0,0 +1,46 @@ +import { printLog } from "./utils.js"; + +//click: 鼠标点击事件 +document.querySelector('#b2').addEventListener('click', () => { + printLog("我被点击了..."); +}) + +//mouseenter: 鼠标移入 +document.querySelector('#last').addEventListener('mouseenter', () => { + printLog("鼠标移入了..."); +}) + +//mouseleave: 鼠标移出 +document.querySelector('#last').addEventListener('mouseleave', () => { + printLog("鼠标移出了..."); +}) + +//keydown: 某个键盘的键被按下 +document.querySelector('#username').addEventListener('keydown', () => { + printLog("键盘被按下了..."); +}) + +//keyup: 某个键盘的键被抬起 +document.querySelector('#username').addEventListener('keyup', () => { + printLog("键盘被抬起了..."); +}) + +//blur: 失去焦点事件 +document.querySelector('#age').addEventListener('blur', () => { + printLog("失去焦点..."); +}) + +//focus: 元素获得焦点 +document.querySelector('#age').addEventListener('focus', () => { + printLog("获得焦点..."); +}) + +//input: 用户输入时触发 +document.querySelector('#age').addEventListener('input', () => { + printLog("用户输入时触发..."); +}) + +//submit: 提交表单事件 +document.querySelector('form').addEventListener('submit', () => { + alert("表单被提交了..."); +}) \ No newline at end of file diff --git a/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/js/utils.js b/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/js/utils.js new file mode 100644 index 0000000..e1c3be9 --- /dev/null +++ b/02. 前端Web基础(JS+Vue+Ajax)/JS-Vue/js/utils.js @@ -0,0 +1,3 @@ +export function printLog(message) { + console.log(message); +} \ No newline at end of file