- 博客(80)
- 收藏
- 关注
转载 微信开发
demo地址:http://comperter.sinaapp.com/个人公众号没认证不能获取分享以及微信支付的接口。但是基本的网页接口是OK,地理位置,语音,获取相册和图片,等等之类的。在使用这些接口之前需要你设置JS安全域名,不然会报错:invalid url domain 意思就是没有绑定安全域名。其实就是你的调试环境地址.不带HTTP协议.个人接...
2015-07-12 09:29:00
148
转载 Canvas合成图像 比较简单 看代码和demo
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style> *{ margin:0; padding:0; ...
2015-07-09 16:58:00
230
转载 省市区镇(可以选四级)联动点击自动展开下一级
周末在家的时候,接到后端的一个电话,说领导有这个这样的需求。刚开始我理解错了。以为需要做一个省市区三级联动的,稀里哗啦的在网上找了数据。然后谢了出来。结果沟通才知道。需求理解错了,需要电商网站填写个人收货地址的需求。简化用户点击次数,选择完省,市自动出来,选择市,县自动出来,接着再如果需要四级联动,就单独封装函数AJAX四级城镇请求出来:代码为:<!doctype ...
2015-07-07 10:58:00
876
转载 HTML5 Canvas 获取网页的像素值。
我之前在网上看过一个插件叫做出JScolor 颜色拾取器 说白了就是通过1*1PX的DOM设置颜色值通过JS来获取当前鼠标点击位置DOM的颜色值。自从HTML5 画布出来之后。就有更好的方法来获取了,比如郭阿里巴巴ICON矢量库 用的SVG和渐变来进行绘制:我昨天用Canvas来绘制了一下,因为Canvas有现成的方法getImageData(x,y,wid...
2015-07-05 11:37:00
291
转载 微信浏览器自带的返回上一页的停留位置 scrollTop
我们做过微信的应该都知道,微信自带的返回上一页,就是重新打开页面。并不是返回历史页面。我们PC端的浏览器是返回历史页面。点击返回页面之后 上一个页面的scrollTop还是之前没有进入新页面的位置。我看了下京东的微信网站。果然和我想到的方法一样。利用sessionStorage HTML5本地存储 进行存储位置scrollTop以及加载了多少次ajax次数 微信返回上一页(当...
2015-06-30 09:32:00
572
转载 JS画椭圆
<!DOCTYPE html><html><head> <title></title> <style> *{ margin:0; padding:0; } .ab{ wi...
2015-05-29 17:33:00
373
转载 js节流操作
函数节流,之前在用一些onscroll,onresize这种容易频繁触发的事件。都没有做节流,可以说缺乏这个意识,突然在群里看到有朋友提问,我自己也想到了。确实要处理,不能狗频繁触发。频繁触发的话,浏览器的负载会越来越大的。比如scroll每滚动一下,浏览器就会处理里面的逻辑。如果我们每隔一段时间在处理逻辑。这样浏览器就不会有这么大的负载了。对不。两个逻辑。延迟定时器。和时间...
2015-05-28 10:13:00
413
转载 JS实现钟表
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=640,user-scalable=no,target-densitydpi=devic...
2015-05-20 16:52:00
132
转载 轮盘抽奖代码
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=640,user-scalable=no,target-densitydpi = dev...
2015-05-12 17:34:00
19443
转载 轮盘抽奖代码
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=640,user-scalable=no,target-densitydpi = dev...
2015-05-12 17:34:00
6148
转载 数字和字符串比较
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> </head> <body> </body> <script> /**字符串之间的对比***...
2015-05-06 15:12:00
493
转载 数字和字符串比较
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> </head> <body> </body> <script> /**字符串之间的对比***...
2015-05-06 15:12:00
170
转载 JS 实现简易老虎机
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ...
2015-05-05 10:36:00
818
转载 JS 实现简易老虎机
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ...
2015-05-05 10:36:00
175
转载 关于H5实现的手机摇一摇
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> </head> <body> <div id="status"></div> </b...
2015-04-22 10:51:00
227
转载 关于H5实现的手机摇一摇
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> </head> <body> <div id="status"></div> </b...
2015-04-22 10:51:00
50
转载 滚动浮动菜单
效果简介:滚到那个栏目 一个fixed元素的栏目名就变色。<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style> html{ height: 2000px;...
2015-04-20 14:12:00
123
转载 滚动浮动菜单
效果简介:滚到那个栏目 一个fixed元素的栏目名就变色。<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style> html{ height: 2000px;...
2015-04-20 14:12:00
51
转载 Canvas展示型页面
<script> function hasClass(node,oclass){ var oname=node.className.split(/\s+/); for (var i = 0; i < oname.length; i++) { ...
2015-04-20 10:40:00
101
转载 Canvas展示型页面
<script> function hasClass(node,oclass){ var oname=node.className.split(/\s+/); for (var i = 0; i < oname.length; i++) { ...
2015-04-20 10:40:00
68
转载 关于JS里面的变量提升
之前和一个同事做一个项目的时候遇到了一个变量提升的问题,明明已经定义了但是会弹出undefined.后来查了一下,因为是变量提升的原因才导致的。 var V="Hello World"; (function(){ alert(V); var V="111" })()这个时候你会弹出一个undefined,按照我们本来的思...
2015-04-17 11:50:00
83
转载 关于JS里面的变量提升
之前和一个同事做一个项目的时候遇到了一个变量提升的问题,明明已经定义了但是会弹出undefined.后来查了一下,因为是变量提升的原因才导致的。 var V="Hello World"; (function(){ alert(V); var V="111" })()这个时候你会弹出一个undefined,按照我们本来的思...
2015-04-17 11:50:00
81
转载 数组去重Array
var aee3=[31,42,13,19,5,11,8,13,40,39,1,8,44,15,3]; Array.prototype.unqu2=function(){ this.sort(); var arr2=[this[0]]; for (var j = 1; j < this.length...
2015-03-20 16:44:00
156
转载 数组去重Array
var aee3=[31,42,13,19,5,11,8,13,40,39,1,8,44,15,3]; Array.prototype.unqu2=function(){ this.sort(); var arr2=[this[0]]; for (var j = 1; j < this.length...
2015-03-20 16:44:00
67
转载 正则方法 exec 和match以及test
var patt=new RegExp(/\d+/g); var str="dfgdfg5465yhhgh65y65hh41"; var result; // var reset=patt.exec(str); while ((result=patt.exec(str))!= nu...
2015-03-20 14:14:00
111
转载 正则方法 exec 和match以及test
var patt=new RegExp(/\d+/g); var str="dfgdfg5465yhhgh65y65hh41"; var result; // var reset=patt.exec(str); while ((result=patt.exec(str))!= nu...
2015-03-20 14:14:00
84
转载 document.compatMode 获取可视区宽高
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> </head> <body> <script> document.compatMode== 'Ba...
2015-03-18 11:51:00
104
转载 document.compatMode 获取可视区宽高
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> </head> <body> <script> document.compatMode== 'Ba...
2015-03-18 11:51:00
77
转载 nodeValue和nodeType
nodeValue看到value我们就知道是值了,nodeType看到Type就知道是类型了 nodevalue是取得文本值 当nodeType==3的时候才有会返回值。不然会返回一个null值(或者经常按照我们编码的习惯,会产生一个空格 空格在JS里面nodeType==3是返回true)。<!DOCTYPE html><html lang="...
2015-03-18 11:12:00
112
转载 nodeValue和nodeType
nodeValue看到value我们就知道是值了,nodeType看到Type就知道是类型了 nodevalue是取得文本值 当nodeType==3的时候才有会返回值。不然会返回一个null值(或者经常按照我们编码的习惯,会产生一个空格 空格在JS里面nodeType==3是返回true)。<!DOCTYPE html><html lang="...
2015-03-18 11:12:00
94
转载 关于document.body和document.documentElement
刚刚帮朋友写一个样式加载数据的时候,用到了这样的一个语句,document.documentElement.clientHeight,<body><h1>x</h1> <div class="box"> <ul> <li><img src="1.jpg" alt=...
2015-03-08 20:27:00
88
转载 关于document.body和document.documentElement
刚刚帮朋友写一个样式加载数据的时候,用到了这样的一个语句,document.documentElement.clientHeight,<body><h1>x</h1> <div class="box"> <ul> <li><img src="1.jpg" alt=...
2015-03-08 20:27:00
76
转载 bind方法 一种我们忽略的继承
我们之前说过了call和apply两者的区别仅仅是第二参数的不同,call对的第二个参数 可以是任意字符,apply的第二个参数必须是数组。当然,第二个参数视需求而定,是可选的。今天本来想写一个放大镜的效果,再找参考资料的时候 无意发现了一个bind方法,看到解释让我甚是感兴趣,改变函数对象内部的this指向。IE8以下不兼容:"use strict"; ...
2015-03-05 11:29:00
136
转载 bind方法 一种我们忽略的继承
我们之前说过了call和apply两者的区别仅仅是第二参数的不同,call对的第二个参数 可以是任意字符,apply的第二个参数必须是数组。当然,第二个参数视需求而定,是可选的。今天本来想写一个放大镜的效果,再找参考资料的时候 无意发现了一个bind方法,看到解释让我甚是感兴趣,改变函数对象内部的this指向。IE8以下不兼容:"use strict"; ...
2015-03-05 11:29:00
83
转载 各种浏览器UserAgent一览表(桌面+移动)
桌面============================================IE 而IE各个版本典型的userAgent如下: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0) Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2...
2015-03-04 16:49:00
165
转载 各种浏览器UserAgent一览表(桌面+移动)
桌面============================================IE 而IE各个版本典型的userAgent如下: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0) Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2...
2015-03-04 16:49:00
231
转载 jquery pagex与clientx
<html lang="en"> <head> <meta charset="utf-8"> <script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script> </head>...
2015-03-04 09:54:00
267
转载 jquery pagex与clientx
<html lang="en"> <head> <meta charset="utf-8"> <script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script> </head>...
2015-03-04 09:54:00
163
转载 关于innerText和textContent
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>RunJS</title> </head> <body> ...
2015-03-03 17:50:00
100
转载 关于innerText和textContent
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>RunJS</title> </head> <body> ...
2015-03-03 17:50:00
92
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人