2021年11月15日
Practical Training Demo1-album-list的jquery
摘要： 点击 更多 可以 变换 收起 ： jQuery代码： $(function(){ $(".load-more").click(function(){ // 方法一 // var $list = $(this).closest(".filter-list"); // 获取高度 // var heigh 阅读全文
posted @ 2021-11-15 19:23 小张同学的派大星吖 阅读(25) 评论(0) 推荐(0) 编辑
Practical Training Demo1-index的jQuery
摘要： 点击按钮可以切换内容. jQuery内容： $(function(){ // current 当前的 var current = 0; var count = $(".pics-list>li").length; function move(){ // 图片下面的点点随着图片跑 $(".points 阅读全文
posted @ 2021-11-15 19:11 小张同学的派大星吖 阅读(25) 评论(0) 推荐(0) 编辑
2021年11月14日
Practical Training JS课程（11.14）动画-效果
摘要： 以下所有的内容效果的style内容都为： <style> div{ height: 200px; width: 200px; background-color: red; } </style> 1. 显示、隐藏、和切换：行内样式 更改的是：display 属性 jQuery内容： $(functio 阅读全文
posted @ 2021-11-14 19:56 小张同学的派大星吖 阅读(24) 评论(0) 推荐(0) 编辑
2021年11月11日
Practical Training Juqery课程 DOM事件
摘要： 1.内部插入 =》子节点 append和appendTo 效果一样 区别只是 由哪个查询 jQuery内容： ul.li标签：效果图： 效果图：因为有jQuery里写了append和appendTo 的代码，所以，才会有两个“列表 append” prepend // prepend 在所有子元素的 阅读全文
posted @ 2021-11-11 19:22 小张同学的派大星吖 阅读(26) 评论(0) 推荐(1) 编辑
2021年11月10日
Practical Training JS函数的节流和防抖-事件冒泡
摘要： 同时执行很多次时， 函数防抖与节流是很相似的概念，但它们的应用场景不太一样。 我们先从概念上深刻理解它们。 先说函数防抖，debounce。 其概念其实是从机械开关和继电器的“去弹跳”（debounce） 衍生 出来的，基本思路就是把多个信号合并为一个信号。 单反也有相似的概念，在拍照的时候手如果拿 阅读全文
posted @ 2021-11-10 12:08 小张同学的派大星吖 阅读(64) 评论(0) 推荐(0) 编辑
Practical Training JS基本事件
摘要： 今日课上代码详情： // 基本事件 // 鼠标事件 // .click ==的单击事件 这里面没有 on 直接+事件 // 和HTML的区别：因为是.链接的 所以可以写多个 $(".child").click(function(){ console.log(0); }); 鼠标移动以及screen、 阅读全文
posted @ 2021-11-10 12:07 小张同学的派大星吖 阅读(42) 评论(0) 推荐(0) 编辑
Practical Training JQuery-JS中阻止冒泡事件的三种方法
摘要： 冒泡事件：比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡。 阻止冒泡事件有三种方法： 1.event.stopPropagation()方法 这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果 阅读全文
posted @ 2021-11-10 11:47 小张同学的派大星吖 阅读(289) 评论(0) 推荐(0) 编辑
Practical Training Jquery 事件（11.10）代码及注释
摘要： <!DOCTYPE html>\ <!-- zh-cn 告诉浏览器这是中文的页面，不用翻译 --> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg 阅读全文
posted @ 2021-11-10 11:37 小张同学的派大星吖 阅读(9) 评论(0) 推荐(0) 编辑
2021年11月9日
Practical Training Jquery 课二-属性和样式--课堂代码及注释
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-11-09 15:54 小张同学的派大星吖 阅读(30) 评论(0) 推荐(0) 编辑
Practical Training addEventListener和addListener的区别
摘要： 课前扩展： !important 是提升最高级的写法 打印的两种方式 Console.Dir(n) Console.log(n) Split 支持正则表达式 Var n6 = str.split(/[ao]/); addEventListener和addListener的区别 addListener 阅读全文
posted @ 2021-11-09 15:50 小张同学的派大星吖 阅读(59) 评论(0) 推荐(0) 编辑