本文实例为大家分享了js中RSA和AES加密解密详细代码,供大家参考,具体内容如下 <!doctype html> <html><head><meta charset=UTF-8></head><body><div class=test></div><script type="text/javascript">function encrypt(data, keyJSON){var data = new TextEncoder("UTF-8").encode(data);var randomsKeys = geneRandomHexStr(64); // 128 bit keysvar encryptedKey = hexStringToUint8Array(randomsKeys);var aesAlgo = {name: ...
前言 与js相比,jquery为我们省去了冗长的获取元素的代码,不用考虑一些麻烦的兼容问题,更加方便的动画实现,以及更加方便的方法调用让我们觉得jquery真是越用越舒服。但是jquery说到底还是对js的封装,我们不光要用的舒服还要深入理解其中的原理,这样才能更好的使用它。 首先我们封装的函数为了能实现可传入无限多个参数,在使用我们即将封装的函数时,需要使用对象进行传参,形式如下: //data作为参数传入我们下面封装的函数 ...
个人游戏之作,小伙伴们研究下就好 主要功能:1、可自由选择投注模式、倍数,可点击‘删除提交注单。 2、可使用jsonp引用官方彩票开奖数据(实时开奖)。 3、结合后台可实现官彩同样的效果。实现原理:单纯使用Js实现,这里主要用数组存放数据,随机生成开奖号码,然后进行判断是否中奖。下面是完整JS代码:index.html <!doctype html> <html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus"><m...
最近迷上了原生js,能不用jquery等框架的情况都会手写一些js方法,记得刚接触前端的时候为了选择器而使用jquery。。。现在利用扩展原型的方法实现一些jquery函数: 1.显示/隐藏 //hide() Object.prototype.hide = function(){ this.style.display="none"; return this; } //show() Object.prototype.show = function(){ this.style.display="block"; return this; } return this的好处在于链式调用。 2.滑动 省略speed和callb...
上一篇文章写到原生js取代jquery的一些常用函数:原生js仿jquery一些常用方法,那么,ajax如何实现呢?如下是一个比较完整的ajax() function ajax(){ var ajaxData = { type:arguments[0].type || "GET", url:arguments[0].url || "", async:arguments[0].async || "true", data:arguments[0].data || null, dataType:arguments[0].dataType || "text", contentType:arguments[0].contentType || "application/x-www-form-urlencod...
1.选取元素 // jQuery var els = $(.el);// Native var els = document.querySelectorAll(.el);// Shorthand var $ = function (el) {return document.querySelectorAll(el); }querySelectorAll方法返回的是NodeList对象,需要转换为数组。 myList = Array.prototype.slice.call(myNodeList)2.创建元素 // jQuery var newEl = $(<div/>);// Native var newEl = document.createElement(div);3.添加事件 // jQuery $(.el).on(event,...
用js封装一些常用的jquery方法 记录一下 hasClass:判断是否有class function hasClass(ele, cls) {if (!ele || !cls) return false;if (ele.classList) {return ele.classList.contains(cls);} else {return ele.className.match(new RegExp((\\s|^) + cls + (\\s|$)));} }addClass:增加class function addClass(ele, cls) {if (ele.classList) {ele.classList.add(cls);} else {if (!hasClass(ele, cls)) ele.className += +...
js进度加载动画程序是本人的个人作品,写的不好,可以参考,但未经本人允许,请不要用于其它用途! 早上写了个首页进度加载动画,本想在我的博客里用上,测试发现博客园加载太快,根本看不到动画效果,直接就加载‘Complete了,算了,还是不要把博客搞得太臃肿了! 于是我就写了个演示页面,在body里加了个iframe来加载大一点的网站,这样就看出效果了! 用Safari打开貌似CSS动画的播放时间变成同步了,不知道什么原因,本地测试又...
Date对象:基于1970年1月1日(世界标准时间)起的毫秒数 本文参考MDN做的详细整理,方便大家参考MDN 构造函数: 1.new Date(); 依据系统设置的当前时间来创建一个Date对象。 2.new Date(value); value代表自1970年1月1日00:00:00 (世界标准时间) 起经过的毫秒数。 3.new Date(dateString); dateString表示日期的字符串值。该字符串应该能被 Date.parse() 方法识别(符合 IETF-compliant RFC 2822 timestamps 或 version of ISO8601)...
js的 bug 类型: Uncaught TypeError:Cannot set/read property xxx of null 在进行DOM操作的时候比较容易发生这个错误,比如: 1. document.getElementById(test1).style.display=none 2. document.getElementById(test1).onclick=function(){/*相关代码*/} 假如DOM中无此 test1对象,将会抛出上面的错误,发生这种错误后,代码后面的模块将会失去效果,这是比较头疼的地方。 要解决这个bug可以用 try/catch 来消除,但是,tr...
根据以下的Demo,大概就可以看的明白 Demo: <html> <head> <script src=jquery-1.9.1.min.js></script> <script>window.onload = function(){var dom_a = document.getElementById(a1);var dom_b = document.getElementById("b1");//alert("A="+dom_a.value+" || B="+dom_b.value);}//以下开始操作radio的取消和勾选//原生js操作function fn1(){var dom_a = document.getElementById(a1);var dom_b = document.getElementById("b1"...
本文实例为大家分享了原生js实现tab选项卡切换效果的代码,供大家参考,具体内容如下 1.html部分 <body><div id="tab"><div class="tab_menu"><ul><li class="selected"><a href="#">时事</a></li><li><a href="#">体育</a></li><li><a href="#">娱乐</a></li></ul></div><div class="tab_box"><div>时事</div><div class="hide">体育</div><div class="hide">娱乐</div></div></div></body> 2.css部分:样式部分实现方法多种多样,...
今天我又写了个很酷的实例:星级评分系统(可自定义星星个数、显示信息) sufuStar.star();使用默认值5个星星,默认信息 var msg = [........]; sufuStar.star(10,msg);自定义星星个数为10、显示信息msg格式参考默认值,条数必须和星星个数一致; 自己实现一些实例,有个好处,能增加应用各知识点的熟练度,还能检验出自己的薄弱项!一经发现,立即翻API文档恶补! 不知道是不是我太笨,这个实例居然写了整整一天! 不废话了,先说...
实现原理很简单,就是循环文章模块,并抽取其中的h2、h3标签,将其中的内容赋予给新建的title树。 代码如下: HTML代码: <div class="contextBox"><div id="article"><h2>二级标题</h2><h3>三级标题</h3><p>hello hello hello hello hello hello hello hello hello hello hello hello</p><h3>三级标题</h3><h3>三级标题</h3><h3>三级标题</h3><h3>三级标题</h3><p>hello hello hello hello hello hello hello hello hello hello h...
前言在开发的时候会遇到这种情况,只显示两行,如果超过两行,则显示一个“显示更多”的按钮,点击按钮来显示剩余行的内容。有个 jQuery 的插件 loadingDots 专门实现了这个功能。不过今天这里我们要用原生的Javascript来实现,要实现这个需求,最关键的是要确定这个容器内文本的行数,得到行数后,修改元素高度,并确定是否显示加载按钮。window.getComputedStyle() 要使用原生 JavaScript 代码获取一个元素的各个 style 属性,使...