本文实例为大家分享了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 属性，使...