jq
ChauncyTang
纯笔友!
展开
-
封装函数轮播图多页面使用
今天写了个小轮播,页面是属于局部刷新,首页与刷新页面都需要调用轮播的函数,函数没封装,直接二次调用,发现第一轮的函数并未终止~~测试多次终止函数和删除元素,始终不可行。最后封装函数,传参解决。以下代码html: css:*{margin: 0;padding: 0;}ul li{list-st原创 2017-10-06 12:33:54 · 676 阅读 · 0 评论 -
前端rsa加密和PHP解密
前端代码<html><head> <title>JSEncrypt</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript&q原创 2018-07-01 14:39:33 · 922 阅读 · 1 评论 -
RSA前端加密,crypto node-rsa Node后端解密
发现node加密解密比较少,在此记录下一,先生成公钥私钥 下载安装windows平台openssl密钥生成工具,执行安装目录bin下的”openssl.exe”,执行后弹出命令窗口如下 生成私钥输入genrsa -out rsa_private_key.pem 1024,回车,命令窗口如下,在bin目录下多了一个rsa_private_key.pem文件 将这个文件通过文本编...原创 2018-06-30 14:49:52 · 9294 阅读 · 3 评论 -
获取浏览器和屏幕各种高度宽度
原生JSdocument.body.clientWidth; //网页可见区域宽(body)document.body.clientHeight; //网页可见区域高(body)document.body.offsetWidth; //网页可见区域宽(body),包括border、margin等document.body.offsetHeigh...转载 2018-06-10 18:08:52 · 49183 阅读 · 0 评论 -
原生JS节点获取、Class增删改查、属性操作、Dom操作
HTML内容<div id="head"> <div class="head_wrapper">1</div> <div class="headBlock">2</div></div>原生JS获取节点 在这里推荐使用element元素的方法 因为节点得原创 2018-06-15 22:09:45 · 11605 阅读 · 0 评论 -
web图片预加载的几种方式
类似H5和一些动画元素都需要提前加载完一些图片 如果图片在使用之前就已经请求过了, 那么再次使用的时候,就不会再去请求(ps:图片路径一样)。1.使用纯的css进行图片预加载body:after { content: ""; display: block; position: absolute; background: ur...原创 2018-06-13 18:59:22 · 3997 阅读 · 0 评论 -
原生JS获取HTML DOM元素的8种方法
JS获取DOM元素的方法(8种)通过ID获取(getElementById)通过name属性(getElementsByName)通过标签名(getElementsByTagName)通过类名(getElementsByClassName)通过选择器获取一个元素(querySelector)通过选择器获取一组元素(querySelectorAll)获取html的方法(docume...原创 2018-06-13 18:48:01 · 29049 阅读 · 0 评论 -
js new Date() 格式
一、日期格式化显示:对 new Date() 得到日期的进行格式显示扩展,扩展方法如下:Date.prototype.Format = function (fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": this.转载 2017-10-17 14:18:48 · 6519 阅读 · 0 评论 -
跟随页面position漂亮效果浮动插件
/** * 浮动(預設右上 top:150) * @example $("#id").Float(); * @param {topSide:150,floatRight:0|1,side:5,close:ID} */$.fn.Float = function(obj){ var that = this; var lock = {转载 2017-10-17 13:38:18 · 1002 阅读 · 0 评论 -
jQuery Cycle Plugin && jQuery FlexSlider
//适用于全屏复古型jQuery FlexSlider $('.flexslider').flexslider({ animation: "fade", //图片变换方式:淡入淡出或者滑动 slideDirection: "horizontal", //图片设置为滑动式时的滑动方向:左右或者上下 slideshow: t转载 2017-10-17 13:26:39 · 251 阅读 · 0 评论 -
判断屏幕滚动距离
$(window).scroll(function(){//大于40px $(window).scrollTop()>40?$("#navfixed").addClass('fixed'):$("#navfixed").removeClass('fixed');//滚动距离 console.log($(window).scrollTop()) }转载 2017-10-17 12:38:20 · 4555 阅读 · 0 评论 -
人生苦短,我用正则
不得不感叹正则的强大之处!在线Xmind,记录的一点正则脑图这次记录一个小例子,var str2 =`&lt;tbody&gt; &lt;tr&gt; &lt;td&gt;&lt;p&gt;&lt;a id="sogou_99999_1"&gt;广州水电费&lt;/a原创 2018-06-28 16:32:16 · 182 阅读 · 0 评论