水中熊的博客

事件 function count(){ var t1=document.getElementById("txt1").value; //获取第一个输入框的值 var t2=document.getElementById("txt2").value; //获取第二个输入框的值 var c=document.getElemen

常用正则表达式1. 校验密码强度密码的强度必须是包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间。/^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$/g2.校验中文字符串仅能是中文。/^[\\u4e00-\\u9fa5]{0,}$/g3.由数字、26个英文字母或下划线组成的字符串^\\w+$4.校验E-Mail 地址同密码一样，下面是E-mail地址合

文档就绪事件–document.ready和onload的区别页面加载完成有两种事件：ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）；onload，指示页面包含图片等文件在内的所有元素都加载完成。详细说明：document.ready 在jquery里等价于 ==(document).ready(function())==或是简写形式==(document).re

打乱数组代码：function upsetArray(arr){ return arr.sort(function(){ return(0.5 - Math.random()) });}说明：sort 是对数组进行排序他的是这样工作的。每次从数组里面挑选两个数进行运算。如果传入的参数是0 两个数位置不变。如果参数大于0 就交换位置如果参数小于0就不交换位

JavaScript性能监控器简介stats.js是一个JavaScript性能监控器。这个类提供了一个简单的信息框，帮助您监控代码的性能。检测参数说明FPS 帧渲染的最后一秒。数字越高越好。 MS 渲染一帧需要毫秒。数字越低就越好。MB 分配的内存字节。（运行铬-启用精确的内存信息）。CUSTOM 用户定义的面板支持。Screenshots（图片来自github） 实践git

计时器第一种：根据页面时间倒计时(function(){ var startCountDown = function(){ var hours = parseInt($("#J_hour").text()); var minutes = parseInt($("#J_minute").text()); var seconds = parseIn

Javascript图片预加载在遇到图片很多的时候，使用图片预加载可以避免在交互展示中所造成的一些麻烦，比如图片背景切换闪烁问题。简单版本：// 图片预加载var preloadImages = [];function preload() { for (i = 0; i < preload.arguments.length; i++) { preloadImages[i]

js中继承可以分为两种：对象冒充和原型链方式（ps:以下是在网上找的经过自己整理了一下）一、对象冒充包括三种：临时属性方式、call()及apply()方式1. 临时属性方式function Person(name){ this.name = name; this.say = function(){ alert('My name is '+this.name)

JavaScript实现阿拉伯数字和中文数字互相转换阿拉伯数字转中文数字中文数字的特点：每个计数数字都跟着一个权位，权位有：十、百、千、万、亿。 以“万”为小节，对应一个节权位，万以下没有节权位。每个小节内部以“十百千”为权位独立计数。“十百千”不能连续出现，而“万”和“亿”作为节权位时可以和其他权位连用，如：“二十亿”。中文数字对“零”的使用要满足以下三条规则：以10000为小节，小节

手机端自动判断 rem// 手机端自动判断 rem<script type="text/javascript">(function() { var b = document.documentElement, a = function() { var a = b.getBoundingClientRect().width; var a = a < 6

js 两种检测重复方法function unique(arr){ var repeatList = []; for (var i=0; i<arr.length; i++) { var re1 = arr[i]; for (var j=0; j<arr.length; j++) { var re2 = arr[j];

问：为什么第一个报错了，第二个却没有答： 首先 方法toString 是挂靠在Object上的（即Object的原型上的一个方法）， 第一个 32 只是一个十进制的数字，不是一个对象，是没有任何方法的， 第二个 var a = 32; 实际上是调用了 Number 创建的对象，而这个对象可以通过原型链找到Object的原型上的toString 方法。总结： js 一切皆对象

AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。最近做项目经常用到ajax，发现这个真是一个好东西，可

停止iframe里的视频音乐播放问题描述：在做微信h5开发的时候，iframe里面引入了视频网址，当播放视频时，将iframe隐藏后，视频音乐还在播放。问题解决：将iframe引入的视频网址刷新即可，即：var ifr = document.getElementsByTagName("iframe")[0], ifrLink = ifr.getAttribute("src");ifr.se

js 递归 思想：递归就是将一个大问题分解成 n 个相似的小问题，然后不断地调用自身去解决这些小问题，从而求出结果。实践： 汉诺塔 塔的设备包括三根柱子和一套直径各不相同的空心圆盘。开始时源柱子上的所有圆盘都按照较小的放在较大的圆盘之上的顺序堆叠。目标是通过每一次移动一个圆盘到另一根柱子上，最终将一堆圆盘移动到目标柱子上，过程中不可以将大圆盘放置在较小圆盘之上。 代码示例：

jquery操作cookie// 设置cookie$.cookie(COOKIE_NAME, 'COOKIE_VALUE', { path: '/', expires: 7 });// 获取cookie$.cookie(COOKIE_NAME);// 删除cookie$.cookie(COOKIE_NAME, null, { path: '/' });

最近工作时遇到个关于动画的问题，如下：$("div").hover( function() { $(this).animate({"margin-top":"100px"},1000); }, function() { $(this).animate({"margin-top":"200px"},1000); });看代码就是一个简单

浏览器对象 操作成功 5秒后返回主页 返回 //获取显示秒数的元素，通过定时器来更改秒数。 var num=4; function count(){ document.getElementById("mySecond").innerHTML = num; num--; se

java和JavaScript中计算小数运算时，都会先将十进制的小数换算到对应的二进制，一部分小数并不能完整的换算为二进制，这里就出现了第一次的误差。待小数都换算为二进制后，再进行二进制间的运算，得到二进制结果。然后再将二进制结果换算为十进制，这里通常会出现第二次的误差。要避免这种情况呢，通常可以将小数同时扩大相同10的整倍数，完成计算后，在去掉之前添加的整倍数。十进制数字 8，用二进制表

实践题 - 选项卡 *{padding:0px;margin: 0px;font:12px normal "microsoft yahei";} #tabs { width:290px; padding:5px; height:150px; margin:20px;}

为页面做回到顶部按钮是很有必要的，

图片懒加载就是当页面被请求时，只加载可视区域的图片，其它部分的图片则不加载，只有这些图片出现在可视区域时才会动态加载这些图片，从而节约了网络带宽和提高了初次加载的速度。如果一个首页的图片很多的话，用图片懒加载会让其打开时间大大缩短，提高用户体验。说白了，其实很简单，就是通过js动态给每个块tianjiahtml代码片段： </

今天偶然看到以前遗留的一个问题，现在用谷歌调试了一下，明白了，特此记录一下。原问题+code：为什么我的点击事件第一次点击没反应？body{ background-color:#333; }#myA{ background-color:#fff; width:350px;

今天遇到个问题，为首页做回到顶部按钮，做完后页面却显示不出来了，想了半天才发现，原来我首页以前是用懒加载onscroll事件，而回到顶部按钮也是用到了onscroll事件，结果是只执行了后一个事件，前一个被替换了，上网查到了一个解决方法：如果一个页面出现多个window.onscroll=function(){...}后果是只有最后一个正常运行。解决方法可以使用jquery$(

今天看书遇到了自增自减的问题，想了半天上网搜了半天才想明白，说白了就是，前置型递增（++a）是先自增一再运算，而后置型递增（a++）是先计算再自增一，自减同理。实例说明（我用的是js）：1.首先，你要明确一点，当变量自加或自减后，无论他是在 = 的左或者右边，他都已经改变了。 var num1 = 29; var num2 = --num1; alert(num1 +","+ n

请问调试

最近做了几个点击按钮出现弹出框后，背景变灰且不可操作

今天看到一篇文章，介绍的是js中return的用法，感触很深。一、返回控制与函数结果，语法为：return 表达式; 语句结束函数执行，返回调用函数，而且把表达式的值作为函数的结果 二、返回控制，无函数结果，语法为：return; 在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个元素,页面会跳转到该元素href属性指定的页.    Return

插件描述：jQuery图片延迟加载插件jQuery.lazyload,使用延迟加载在可提高网页下载速度。在某些情况下，它也能帮助减轻服务器负载。使用方法引用jquery和jquery.lazyload.js到你的页面html图片调用方法为图片加入样式lazy  图片路径引用方法用data-original

最近做了很多获取元素位置的交互，最开始接触的是下面的这些，做了比如网页区域懒加载、一键回到网页顶部等。为了理解这些属性，我们需要知道HTML元素的实际内容有可能比分配用来容纳内容的盒子更大，因此可能会出现滚动条，内容区域是视口，当实际内容比视口大的时候，需要把元素的滚动条位置考虑进去。1. clientHeight和clientWidth用于描述元素内尺寸，是指 元素内容+内边距

// 本地存储var localData = { setLocal: function(name, value){ var name = encodeURIComponent(name), value = encodeURIComponent(value); if (typeof Storage !=