自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 JS实现字符串加密解密

前段收到大佬需求想要:两个网站之间的用户信息通过 前端url传参,后端接收参数 方式打通,这就需要字符串加解密了,上代码<script> // 字符串加密 function compileStr(code){ var c = String.fromCharCode(code.charCodeAt(0) + code.length); for(var i = 1; i < code.length ; i++){ c += String.fromCharCode(code.

2021-02-27 11:20:23 1675 5

原创 JS实现时分秒倒计时

前一段有同事提到了这个,特研究出来,有注释分享给大家//html部分<body onload="countTime()" > <div class="all"> <p>距离2021/2/28 00:00:00还有</p> <div> <span id="_d">00</span> <span id="_h">00</span> <span id="_m"

2021-02-27 10:58:37 1162 3

原创 原生JS返回顶部

原生JS返回顶部window.onload = function(){ var obtn = document.getElementById('btn'); //获取回到顶部按钮的ID var clientHeight = document.documentElement.clientHeight; //获取可视区域的高度 var timer = null; //定义一个定时器 var isTop = true; //定义一个布尔值,用于判断是否到达顶部 wi

2021-02-25 14:40:19 1610 5

原创 jq实现鼠标滚动图片随之背景偏移

话不多说,上代码<script> function isInViewport(node) { var rect = node.getBoundingClientRect() return ( (rect.height > 0 || rect.width > 0) && rect.bottom >= 0 && rect.right >= 0 && rect.top &lt

2021-02-25 15:31:01 585 2

原创 jq实现鼠标上滚header显示,下滚隐藏

$(document).on("mousewheel DOMMouseScroll", function (e) { var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1

2021-02-25 15:07:00 312

原创 原生JS实现双向数据绑定

//html部分<input type="text" id="foo"><p id="test"></p>//js部分<script> var user = { get inputValue() { return document.getElementById('foo').value }, set inputValue(value) { document.getElementById('foo').value = val

2021-02-25 14:53:16 311

原创 关于video标签的各种属性

<video src="" controls preload="metadata" controlslist="nodownload" autoplay="autoplay" ></video>//controls preload="metadata"控制播放,最大化和最小化//controlslist="nodownload"无法下载//autoplay="auto...

2019-12-27 15:05:47 1361 2

原创 移动端h5页面禁止拖拽

本人的第一篇博客,之前工作中有遇到在移动端左右滑动网页会跟着左右滑动的情况,于是这段便被我记入了小笔记。// 移动端页面禁止拖拽<script> $(document).ready(function(){ document.ontouchmove = function(e){ e.preventDefault(); } });</script>...

2019-12-27 14:36:27 3108 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除