{{span1}} {{span2}} 次上传
过去一年提交{{total}}{{oneyearbeforeday}} - {{thisday}}
最近一月提交{{thisweekdatacore}}{{amonthago}} - {{thisday}}
最近一周提交{{weekdatacore}}{{aweekago}} - {{thisday}}
给你的博客顶部添加灯笼特效,牛气冲天
给你的博客顶部添加灯笼特效,CSS3 查看效果 演示站点: 点击这里 自定义内容 可自定义灯笼字体123456/* 修改灯笼的字体 */.d-box .d1::after{ content: '牛年吉祥';}.d-box1 .d1::after{ content: '万事顺利';} 可自定义灯笼大小,位置 123456789101112131415161718.d-box{ position: fixed; width: 330px; /* 自定义灯笼的位置 */ right: 0; top: 0; /* 自定义灯笼大小 */ transform: scale(0.8);}.d-box1{ position: fixed; width: 330px; /* 自定义灯笼的位置 */ left: 0; top: 0; /* 自定义灯笼大小 */ transform: scal ...
主页的搭建-building(JavaScript和CSS3)
使用JavaScript和CSS3搭建 主页地址 【Main Page】 主页介绍 本页面使用rem布局+flex布局 加入了昼夜模式,可自动切换(使用了JavaScript) 适配移动端,媒体查询 主页标题使用 CSS3中的动画,还有文字阴影搭配使用 Tab栏,昼夜交替使用了JavaScript排他思想,设置自定义属性 主页加入【牛年灯笼特效】 加入鼠标样式,底部引入导航信息栏-仿Rocketdock 优化昼夜模式,加入切换昼夜模式提示框,使用JavaScript中的定时器和缓动动画函数+CSS3动画 pc端底部增加留言板,触碰后显示留言板,使用JavaScript中的缓动动画函数 去除页面灯笼效果,页面加入jQuery插件,页面去除原生Tab栏使用jQuery框架,加入切换小圆点 查看图例 Tab栏介绍 第一屏 使用了JavaScript中的node操作比如node的增删,大量使用节点 查看图例 ...
Python+GitHub实现CSDN的自动签到抽奖+网易云签到,并用钉钉机器人通知
使用python+GitHub实现CSDN的自动签到,并用钉钉通知加入自动抽奖 仓库地址 【地址】 下面代码为部分代码,去仓库获取完整代码 加入网易云音乐签到 自动签到代码 查看代码 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889import requestsimport os #加入环境变量if __name__ == '__main__': COOKIE = os.environ["COOKIE"] # 点击签到后在控制台从heard里面找到COOKIE USERNAME = os.environ["USERNAME"] # 这里是’CSDN‘的用户名,链 ...
jQuery的知识整理(2)
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的知识总结(1)
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 ...
Javascript的知识总结(15)
网页轮播图 网页轮播图 核心原理:使用动画函数,点击小圆圈,使用小圆圈的索引号来判断图片移动的距离 使用getAttribute 通过自定义属性来记录小圈圈的索引号 无缝滚动:克隆第一张,实现无缝跳转,克隆第一个节点cloneNode(),没有true浅克隆 查看案例 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100window.addEventListener('DOMContentLoaded', function () { var w = document.querySelectorAll('.w'); var mains ...
JavaScript的知识总结(14)
网页特效,缓动动画函数封装 元素偏移量 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); })< ...
Javascript的知识总结(13)
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() ...
Javascript知识总结(12)
事件监听方式 注册事件 传统注册方式,使用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的知识整理(11)
自定义属性,节点操作 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 ...