Harry の 心 阁

使用python+GitHub实现CSDN的自动签到，并用钉钉通知加入自动抽奖 仓库地址 【地址】 下面代码为部分代码，去仓库获取完整代码 加入网易云音乐签到 自动签到代码 查看代码 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889import requestsimport os #加入环境变量if __name__ == '__main__': COOKIE = os.environ["COOKIE"] # 点击签到后在控制台从heard里面找到COOKIE USERNAME = os.environ["USERNAME"] # 这里是’CSDN‘的用户名，链 ...

jQuery的元素操作，事件处理，委托 元素操作 创建元素var li = $('<li></li>') 添加元素 内部添加 $('ul').append(li) 放到内容的后面， prepend 放到内容的前面 外部添加 $('ul').before(li) 放到指定元素的前面，after放到后面，兄弟关系 删除元素 $('ul').remove()zs的方式， empty或者html('')清空元素内的孩子 事件注册/处理 事件处理 ele.on({mouseenter:function(){},}),on可以处理一个或多个事件 相同元素不同处理方法，可以使用on(' ')多个事件用逗号隔开 事件委托 on(‘方法’，’子元素’， ‘回调函数’),原理，冒泡处理 on可以给未来动态创建的元素绑定事件 事件处理off() 解绑事件 off(‘某个事件’)解绑某个事件 off('click&# ...

jQuery的基础知识，常用的API 什么是jQuery jQuery是一个JavaScript函数库。jQuery是一个轻量级的”写的少，做的多”的JavaScript库。 jQuery库包含以下功能： HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities<script src="https://cdn.jsdelivr.net/gh/Rr210/hexofixed@v0.47/js/jquery-3.5.1.min.js"></script> jQuery对象 等待页面加载完毕 $(document).ready(function(){})或者$(function(){}) $是jQuery的别称,dollar符号，顶级对象 原生jsDOM对象，jQuery对象$()里面不能使用原生属性和方法 相互转化 DOM对象转化为jQuery对象，$(obj) jQuery对象转化为DO ...

网页轮播图 网页轮播图 核心原理：使用动画函数，点击小圆圈，使用小圆圈的索引号来判断图片移动的距离 使用getAttribute 通过自定义属性来记录小圈圈的索引号 无缝滚动：克隆第一张，实现无缝跳转，克隆第一个节点cloneNode(),没有true浅克隆 查看案例 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100window.addEventListener('DOMContentLoaded', function () { var w = document.querySelectorAll('.w'); var mains ...

网页特效，缓动动画函数封装 元素偏移量 offsetTop/Left,动态的获取位置，具有定位的父元素的距离，如果没有则以body为准 offsetWidth/Height可以获取元素的大小 包括padding，border offsetParent返回带有定位的父亲，否则是body，parentNode返回最近一级 的父亲 offset和style style只能得到行内样式表中的样式值，并且获取的属性值是有单位的 获取元素使用offset更合适，更改样式使用style 鼠标点击盒子后获取坐标 1234567<script> var box =document.querySelector('.box'); box.addEventListener('click',function(e){ var x = e.pageX - this.offsetLeft; console.log(x); })< ...

BOM浏览器对象模型 思维导图 什么是BOM 顶级对象是window window.name 是特殊的属性 窗口加载事件 窗口加载事件 window.onload = function(){}等页面加载完毕，具有唯一性，层叠性，使用addEventListener则没有限制 document.addEvenListener('DOMContentLoaded',function(){}) 区别：load事件是页面内容全部加载完毕，包括dom元素，图片，css等，DOMContentLoaded是DOM加载完毕就执行,不包括其他的图片等等 window.onresize()只要窗口发生变化，像素点发生变化，就执行，响应式布局 window.innerWidth可以检测屏幕的宽度 `window.setTimeout(调用函数，延时时间)，window调用可以省略，只调用一次 查看实例 12345678setTimeout(function() ...

事件监听方式 注册事件 传统注册方式，使用on开头的，注册事件具有唯一性 方法监听方式 addEventListener() / attachEvent(),特点：同一个元素可以添加多种事件 事件监听方式 addEventListener('事件类型',function(){})， 里面的事件是字符型，不加on 同一个元素同一个事件可以添加多个侦听器（事件处理程序） 兼容性问题 attachEvent(‘事件类型’,function(){}) ie9以前支持 删除事件 传统事件解绑方法 查看实例 1234567<script> var divs =document.querySelectorAll('div'); divs[0].onclick = function(){ alert('nihao'); divs[0].onclick = null; }&l ...

使用JavaScript和CSS3搭建 主页地址 【Main Page】 主页介绍 本页面使用rem布局+flex布局 加入了昼夜模式，可自动切换（使用了JavaScript） 适配移动端，媒体查询 主页标题使用 CSS3中的动画，还有文字阴影搭配使用 Tab栏,昼夜交替使用了JavaScript排他思想，设置自定义属性 主页加入【牛年灯笼特效】 加入鼠标样式，底部引入导航信息栏-仿Rocketdock 优化昼夜模式，加入切换昼夜模式提示框，使用JavaScript中的定时器和缓动动画函数+CSS3动画 pc端底部增加留言板，触碰后显示留言板，使用JavaScript中的缓动动画函数 去除页面灯笼效果，页面加入jQuery插件,页面去除原生Tab栏使用jQuery框架，加入切换小圆点 页面顶部加入打字机效果，优化时光轴部分细节 查看图例 Tab栏介绍 第一屏 使用了JavaScript中的node操作比如node的增删，大量使用节点 查看图例 ...

自定义属性，节点操作 Dom 树 思维导图 自定义属性 在页面暂时保存数据而不是数据库 规定自定义属性以data-开头，自定义属性 h5新增获取 属性.dataset.(要获取的属性)，必须以data开头 如果是list-index-name 使用新特性时获取采用驼峰命名法 节点操作 兄弟关系和父子关系，层次关系（node） nodeType（节点类型），nodeName（节点名称），nodeValue（节点值） 元素节点nodeType=1，属性为2，文本，空格换行等等为3 父亲节点 parentNode找不到父节点返回为 null,返回的是最近的父元素 孩子节点childNodes得到的所有节点包括元素节点文本节点等等，一般不使用childNodes，使用非标准的parentNode.children可获取所有的子元素 firstchild/lastchild获取的是第一个节点文本节点或者元素节点 firstElementChild/last返回的是第一个子元素节点（兼容性问题） 查看实例 1234567891 ...

表单,tab标签，自定义属性 表单实例 查看答案 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576<style> * { margin: 0; padding: 0; } body{ font-size: 13px; } table{ text-align: center; margin: 100px auto; border-radius: 10px; overflow: hidden; } thead{ background-color: #008dd0; ...