![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
ChauncyTang
纯笔友!
展开
-
js抽奖几率随机数思路!
如题! 假如,有1-11个奖品,前面1-10为均衡概率,最后的11为概率5%;也就是[1-10]为95%几率,11为5%;那么就可以分成2个数组,写一个大的随机数为[1-100],当变量小于95 取前面一组,大于95取后者;var n1 = Math.round(Math.random()*100); //获取100之内的任意一个整数;var n2 = Math原创 2016-07-04 15:52:43 · 6918 阅读 · 0 评论 -
Ajax关于readyState(状态值)和status(状态码)
1.Ajax:readyState(状态值)和status(状态码)的区别 readyState,是指运行AJAX所经历过的几种状态,无论访问是否成功都将响应的步骤,可以理解成为AJAX运行步骤,使用“ajax.readyState”获得 status,是指无论AJAX访问是否成功,由HTTP协议根据所提交的信息,服务器所返回的HTTP头信息代码,使用“ajax.status”获得 总体理解...转载 2018-03-01 16:34:15 · 2236 阅读 · 0 评论 -
css3 transform transition css3 前缀
transform 参数div{ transform:rotate(7deg) translate(10px,10px) scale(2); -ms-transform:rotate(7deg) translate(10px,10px) scale(2); /* IE 9 */ -moz-transform:rotate(7deg) translate(10px,1...原创 2018-06-02 20:30:45 · 1443 阅读 · 0 评论 -
原生JS获取HTML DOM元素的8种方法
JS获取DOM元素的方法(8种)通过ID获取(getElementById)通过name属性(getElementsByName)通过标签名(getElementsByTagName)通过类名(getElementsByClassName)通过选择器获取一个元素(querySelector)通过选择器获取一组元素(querySelectorAll)获取html的方法(docume...原创 2018-06-13 18:48:01 · 29010 阅读 · 0 评论 -
web图片预加载的几种方式
类似H5和一些动画元素都需要提前加载完一些图片 如果图片在使用之前就已经请求过了, 那么再次使用的时候,就不会再去请求(ps:图片路径一样)。1.使用纯的css进行图片预加载body:after { content: ""; display: block; position: absolute; background: ur...原创 2018-06-13 18:59:22 · 3980 阅读 · 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 · 11575 阅读 · 0 评论 -
获取浏览器和屏幕各种高度宽度
原生JSdocument.body.clientWidth; //网页可见区域宽(body)document.body.clientHeight; //网页可见区域高(body)document.body.offsetWidth; //网页可见区域宽(body),包括border、margin等document.body.offsetHeigh...转载 2018-06-10 18:08:52 · 49162 阅读 · 0 评论 -
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 · 9256 阅读 · 3 评论 -
Nodejs crypto 简单加密解密法
const crypto = require('crypto')let Encrypt = (data, key) =&gt; { const cipher = crypto.createCipher('aes192', key); var crypted = cipher.update(data, 'utf8', 'hex'); crypted += cipher.f...原创 2018-06-30 17:19:18 · 7058 阅读 · 1 评论 -
前端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 · 908 阅读 · 1 评论 -
人生苦短,我用正则
不得不感叹正则的强大之处!在线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 · 175 阅读 · 0 评论 -
JS 时间格式
JS获取new DateDate.prototype.Format = function (fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时转载 2017-12-30 13:19:13 · 142 阅读 · 0 评论 -
JS || &&
||(逻辑或)true||false; // truefalse||true; // truetrue||true; // truefalse||false; // false0||1;//1 显然,我们知道,前面0意味着false,而后面1意味着true,那么上面的结果应该是true,而事实返回的结果是1。2||1;//2 我们知道,前面2是true,后面1也是true,转载 2017-12-29 16:30:38 · 344 阅读 · 0 评论 -
判断是否IE浏览器
//判断是否IE浏览器function IEVersion() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1;转载 2017-12-26 18:34:07 · 193 阅读 · 0 评论 -
js点击a标签切换不同列表
想TA的人 不想TA的人 我是1 我是2 如题,两个a标签状态下如果为不同列表,点击判断第一个a标签显示对应的列表。这里就用each循环,给对应的list添加对应a的索引值。$("a").each(function(index原创 2016-07-07 18:51:22 · 2057 阅读 · 0 评论 -
页面直接跳转到子页面/二级页面
之前写好的跳转页面,今天一打开链接居然报错了。如https://aaa.com/tpl/hga/ver1/lottery.shtml?method=lottery因为之前有浏览cookie,所以跳转正常。现在没有,就报错了。解决:在页面任意位置加上这一行就完美解决。转载 2017-10-01 10:34:45 · 7668 阅读 · 1 评论 -
js判断是pc还是移动端
function init(){ window.location.href = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) ? "https://www.pc.com/" : "http://www.mobile.com/";}转载 2017-09-30 14:55:05 · 217 阅读 · 0 评论 -
js转译utf编码
var o = unescape('\u5212\u8F6C\u91D1\u989D\u5FC5\u987B\u662F\u6574\u6570\u3002');console.log(o);转载 2017-10-05 15:13:57 · 1022 阅读 · 0 评论 -
封装函数轮播图多页面使用
今天写了个小轮播,页面是属于局部刷新,首页与刷新页面都需要调用轮播的函数,函数没封装,直接二次调用,发现第一轮的函数并未终止~~测试多次终止函数和删除元素,始终不可行。最后封装函数,传参解决。以下代码html: css:*{margin: 0;padding: 0;}ul li{list-st原创 2017-10-06 12:33:54 · 658 阅读 · 0 评论 -
判断屏幕滚动距离
$(window).scroll(function(){//大于40px $(window).scrollTop()>40?$("#navfixed").addClass('fixed'):$("#navfixed").removeClass('fixed');//滚动距离 console.log($(window).scrollTop()) }转载 2017-10-17 12:38:20 · 4542 阅读 · 0 评论 -
jQuery Cycle Plugin && jQuery FlexSlider
//适用于全屏复古型jQuery FlexSlider $('.flexslider').flexslider({ animation: "fade", //图片变换方式:淡入淡出或者滑动 slideDirection: "horizontal", //图片设置为滑动式时的滑动方向:左右或者上下 slideshow: t转载 2017-10-17 13:26:39 · 243 阅读 · 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 · 992 阅读 · 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 · 6467 阅读 · 0 评论 -
Javascript数组
Array 类型var colors = ["red", "blue", "green"]; // 创建一个包含 3 个字符串的数组colors[colors.length] = "black"; //(在位置 3)添加一种颜色colors[colors.length] = "brown"; //(在位置 4)再添加一种颜色1,检测数组最后一项的索引始终是 length-原创 2017-12-12 00:01:45 · 218 阅读 · 0 评论 -
React v-dom的理解
结构流程state数据jsx模板先生成虚拟dom (就是一个JS对象)数据和模板结合,生成真实的dom显示state数据发生改变数据和模板生成新的虚拟dom (提升性能)比较原始的虚拟dom和新的虚拟dom的区别,某个div部分内容 (极大提升性能) diff算法,同层比对数据直接操作dom,改变内容优点:提升性能,以前是dom比对, 现在是虚拟dom比对(JS对...原创 2018-08-08 21:53:15 · 213 阅读 · 0 评论