12 2015 档案
摘要：js中数组去重的几种方法 1.遍历数组，一一比较，比较到相同的就删除后面的 function unique(arr){ for(var i=0;i<arr.length;i++){ for(var j=i+1;j<arr.len...
阅读全文
摘要：这个例子并不是自己写的，在网上找的案列，仿照写的，，，自己真的公布董这些算法，看完这个例子还是有一点模糊，，，如果谁看的比较明白，指点一下，，，多谢！！！！canvas 绘制五星红旗
阅读全文
摘要：合成属性globalAlpha 设置或返回绘图的当前 alpha 或透明值globalCompositeOperation 设置或返回新图像如何绘制到已有的图像上
阅读全文
摘要：图像绘制方法drawImage() 向画布上绘制图像、画布或视频像素操作属性和方法width 返回 ImageData 对象的宽度height 返回 ImageData 对象的高度data 返回一个对象，其包含指定的 ImageData 对象的...
阅读全文
摘要：转换方法scale(scalewidth,scaleheight) 缩放当前绘图至更大或更小scalewidth 缩放当前绘图的宽度 (1=100%, 0.5=50%, 2=200%, 依次类推)scaleheight 缩放当前绘图的高度 (1=100%, 0.5=50%,...
阅读全文
摘要：文本属性和方法font 设置或返回文本内容的当前字体属性textAlign 设置或返回文本内容的当前对齐方式start 默认。文本在指定的位置开始。end 文本在指定的位置结束。center 文本的中心被放置在指定的位置。left 文本左对齐。...
阅读全文
摘要：路径方法fill() 填充当前绘图（路径）stroke() 绘制已定义的路径beginPath() 起始一条路径，或重置当前路径moveTo() 把路径移动到画布中的指定点，不创建线条closePath() 创建从当前点回到起始点...
阅读全文
摘要：线条样式属性lineCap 设置或返回线条的结束端点样式butt 默认。向线条的每个末端添加平直的边缘。round 向线条的每个末端添加圆形线帽。square 向线条的每个末端添加正方形线帽。lineJoin 设置或返回两条线相交时，所创建的拐角类型bevel 创...
阅读全文
摘要：颜色、样式和阴影的属性与方法fillStyle 设置或返回用于填充绘画的颜色、渐变或模式strokeStyle 设置或返回用于笔触的颜色、渐变或模式shadowColor 设置或返回用于阴影的颜色shadowBlur 设置或返回用于阴影的模糊级别shadowOffsetX 设置或...
阅读全文
摘要：XXX(x,y,width,height) x矩形左上角x坐标 y矩形左上角y坐标 width 矩形宽度 height 矩形高度rect() 创建矩形 和s...
阅读全文
摘要：HTML5画布1.创建一个画布 2. 使用 JavaScript 来绘制图像 1.绘制一个矩形 var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); // getCo...
阅读全文
摘要：前几天，在网上看到视差滚动的网站，感觉特别帅，就尝试着自己仿照写了一部分，前几天已经发表过一篇关于滚动的文章，今天有简单的整理了一下效果： HTML代码 大家好久好久放贷款将快速返回结果决定飞机快睡觉时方可恢复就会对房价开始 JS代码(fun...
阅读全文
摘要：1.闭包的定义、用途及目的 1.1 定义 1.能够读取其它函数内部变量的函数 2.在本质上，闭包就是将函数内部与函数外部连接起来的一座桥梁 3.在构造函数体内定义另外的函数作为目标对象的方法函数，而这个对象的方法函数反过来引用外层函数体中的临时变量。这...
阅读全文
摘要：1.说到ajax就会遇到的两个问题 1.1AJAX以何种格式来交换数据 1.自定义字符串 2.XML描述 3.JSON描述（建议使用） 1.2如何解决跨域 1.使用jQuery的ajax解决跨域问题——JSONP解决（建议使用） 2.表单POST方式 3.服务器代理 4.HTML5中的postMes...
阅读全文
摘要：json与jsonp的区别1.JSON是数据格式，用在同源异步请求的返回结果。 {"name":"sm","sex":"women","ss":[{"age":22},{"age":34}]}2.JSONP是一种跨域请求方式，其原理就是动态生成Script标签，设置src为远端地址，内容为一个...
阅读全文
摘要：针对AJAX与JSONP的异同 1、ajax和jsonp这两种技术在调用方式上“看起来”很像，目的也一样，都是请求一个url，然后把服务器返回的数据进行处理，因此jquery和ext等框架都把jsonp作为ajax的一种形式进行了封装； 2、但ajax和jsonp其实本质上是不同的东西。ajax...
阅读全文
摘要：1.使用$.getJSON()$.getJSON(" http://跨域的dns/document!searchJSONResult.action?name1="+value1+"&jsoncallback=?", function(json){ if(json.属性名==值){ ...
阅读全文
摘要：JSONP的客户端的具体实现1.远程调用一个js,代码如下： remote.js文件代码如下： localHandler({"result":"我是远程js带来的数据"});2.动态生成脚本 flightHandler({ "code": "C...
阅读全文
摘要：JSONP的优缺点 1.优点 1.1它不像XMLHttpRequest对象实现的Ajax请求那样受到同源策略的限制，JSONP可以跨越同源策略； 1.2它的兼容性更好，在更加古老的浏览器中都可以运行，不需要XMLHttpRequest或ActiveX的支持 ...
阅读全文
摘要：JSONP的原理JSONP的最基本的原理是：动态添加一个其中 jsonCallback 是客户端注册的，获取跨域服务器上的json数据后，回调的函数。 http://crossdomain.com/jsonServerResponse?jsonp=jsonpCallback这个 url 是跨域...
阅读全文
摘要：1.解决跨域访问数据 由于同源策略的限制，XmlHttpRequest只允许请求当前源（域名、协议、端口）的资源，为了实现跨域请求，可以通过script标签实现跨域请求，然后在服务端输出JSON数据并执行回调函数，从而解决了跨域的数据请求。
阅读全文
摘要：什么是JSONP以及它是怎么产生的 1.什么是jsonp JSONP(JSON with Padding)是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）。...
阅读全文
摘要：用css实现一个空心圆，并始终放置在浏览器窗口左下角 div{ position:fixed; bottom:0; left:0; width:100px; height:100px; border:2px s...
阅读全文
摘要：1.:after消除浮动,父元素需加zoom:1,建议使用，2.在父元素的末尾加一个孩子，3.在父元素中增加overflow:hidden; 不能和position配合使用，因为超出的尺寸的会被隐藏4.在父元素中增加overflow:auto;前提是必须定义width 或 zoom:1,并且不能定义...
阅读全文
摘要：==与===== 和 != 比较若类型不同，先偿试转换类型，再作值比较，最后返回值比较结果 。===和 !== 只有在相同类型下,才会比较其值。var num = 1; var str = '1'; var test = 1; test == num//true相同类型相同值 test === nu...
阅读全文
摘要：trim()方法去除字符串首尾空格 1.原生js Function trimStr(str){ Return str.replace(/(^\s*)|(\s*$)/g,""); } 调用：var 变量=trimStr(要去除空格的...
阅读全文
摘要：在js中使用jsonvar obj = { "1" : "value1", "2" : "value2", "count" : 3, "person" : [ //数组结构JSON对象，可以嵌套使用 { "id" : 1, "name" : "张三" },...
阅读全文
摘要：JSON对象与JSON数组的长度和遍历方法 1.json对象的长度与遍历 结构：var json={“name”:”sm”,”sex”:”woman”} 遍历的方法：for(var js2 in json){ alert...
阅读全文
摘要：json对象转换为json字符串 可以使用toJSONString()或者全局方法JSON.stringify()将JSON对象转化为JSON字符串。 1. toJSONString()方法 var last=obj.toJSONString(); //将JSON对象转化为...
阅读全文
摘要：json字符串转换为json对象 var str = '{ "name": "cxh", "sex": "man" }'; 1.使用eval()方法 eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。必...
阅读全文
摘要：1.什么是json• JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）• JSON 是轻量级的文本数据交换格式• JSON 独立于语言 *• JSON 具有自我描述性，更易理解2.json与XML的异同点 相同点...
阅读全文
摘要：CSS3弹性盒模型CSS3 属性集合box-orient设置或检索弹性盒模型对象的子元素的排列方式。box-pack设置或检索弹性盒模型对象的子元素的对齐方式。box-align设置或检索弹性盒模型对象的子元素的对齐方式。box-flex设置或检索弹性盒模型对象的子元素如何分配其剩余空间。box-d...
阅读全文
摘要：1.为什么网站在各个浏览器中的显示各不相同？ 浏览器对盒模型的解析不一致。 尽量写兼容代码，对于IE6/7可以使用CSS Hack 在代码开头加入这行代码，作用是让IE8以下对盒模型的解析，没有加上 doctype 声明，在 ie 浏览器中显示“ie盒子模型”，在 ff 浏览器中显示“标准 w3c ...
阅读全文
摘要：效果如图核心代码 function mouseOver(e){ //中图和winSelector的移入与移动事件 if($(".winSelector").css("display") == "none"){ $(".wi...
阅读全文
摘要：插件的理解。$.extend()与$.fn.extend() 插件开发包括两种：1.类级别的插件开发，即$.extend()扩展jquery对象本身；2.对象级别的插件开发，即$.fn.extend()扩展jquery元素集来提供新的方法。 1.类级别的插件开发 1.(function($){ ...
阅读全文
摘要：视差滚动（Parallax Scrolling）效果的原理与实现1.视差滚动效果的主要特点： 1)直观的设计，快速的响应速度，更合适运用于单页面 2)差异滚动 分层视差 页面上很多的元素在相互独立地滚动着，如果我们来对其它分层的话，可以有两到三层 ：背景层，内容层，贴图层。 2.原理 1)差异滚动的...
阅读全文
摘要：CSS3 基础知识1.边框 1.1 圆角 border-radius:5px 0 0 5px; 1.2 阴影 box-shadow:2px 3px 4px 5px rgba(0,0,0,0.5);(水平、垂直、模糊、扩展) box-shadow:inset 1px 2px 3px 4px #f...
阅读全文
摘要：效果图：$(function(){ $("#roll-img2").html($("#roll-img").html()); function rollPlay(){ if($(".ro-main").scrollLeft() > $(".roll-img").width()) { $("....
阅读全文
摘要：1.小三角样式.tip{ position:relative; display:inline-block; width:100px; margin:100px; padding:30px 20px; color:#fff; border:1px solid #666; border-radius:5...
阅读全文
摘要：1.setInterval()按照一定的周期调用函数2.clearInterval()取消setInterval()的周期调用例如：图片轮播中的clearInterval()与setInterval()http://www.cnblogs.com/ricesm/p/5033980.html 图片...
阅读全文
摘要：验证数字：/^[0-9]*$/ /^\d*$/验证n位的数字：/^[0-9]{n}$/ /^\d{n}$/验证至少n位的数字：/^[0-9]{n,}$/ /^\d{n,}$/验证m-n位数字：/^[0-9]{m,n}$/ /^\d{m,n}$/验证0和非0开头的数字：/^0|([1-9])[1-...
阅读全文
摘要：. 代表除换行符"\n"之外的任意一个字符，包括数字、字母、汉字、空格等， .* 匹配除换行符以外的任意字符，\bhi\b.*\bsongmin\b* 匹配前面的子表达式零次或多次，如："so*"代表s或soo，等价于{0,} + 匹配前面的子表达式一次或多次，如："so+"代表so或sooo，等...
阅读全文
摘要：HTML 业内知道，当赵科林“过档”联想之初，恰逢联想公布新的财报，据财报披露，当时期内联想智能手机销量为5000万台，同比增长72.3%，在全球市场中占有率为4.6%。其中，中国区手机销量为4450万台，销售占比超过90%。而当其在今年7月离任之时在上半财年，联想手机海外市场在总体销量中的占比从一...
阅读全文
摘要：HTML > CSS*{ margin:0; padding:0; border:0; box-sizing:border-box;}li{ list-style:none;}.carousel{ position:relative; width:100%;...
阅读全文
摘要：AJAX1.ajax请求 1.1 $.ajax(url,[settings]) 用于通过后台HTTP请求加载远程数据。通过该函数，我们无需刷新当前页面即可获取远程服务器上的数据。 jQuery.ajax()函数是jQuery的底层AJAX实现。jQuery.get()、 jQuery.post()...
阅读全文
摘要：效果1.基本效果 1.1 show([speed,[easing],[fn]]) 如果元素本身是可见的，则不对其作任何改变。如果元素是隐藏的，则使其可见。 $("p").show("slow","linear",function(){alert("显示完全")}); $("p").show(100...
阅读全文
摘要：setTimeout与setInterval方法的区别setTimeout()用于设定在指定的时间之后执行对应的函数或代码.，在全局作用域下执行setTimeout(code,time[,args…]) code: 需要执行的函数或js代码,等待的时间，args:参数如：function sayHe...
阅读全文
摘要：事件1.页面载入 1.1 ready(fn) $(document).ready(function(){}) $(function(){})2.事件处理 2.1 on(events,[selector],[data],fn) 在选择元素上绑定一个或多个事件的事件处理函数。 var data={i...
阅读全文
摘要：筛选1.过滤 1.1 eq(index|-index) 获取第N个元素 index 从0开始算 -index 从最后一个元素算，从1开始 $("li").eq(2); $("li").eq(-2); 1.2 first() 获取第一个元素 $("li").first(); 1.3 last() ...
阅读全文
摘要：文档处理1.内部插入 1.1 append(content|fn) 向每个匹配的元素内部追加内容 $("p").append("appent") $("p").append(function(index,html){ return index+"这个集合中的索引值"+html+"这个对象原先的h...
阅读全文
摘要：选择器1.基本选择器 1.1 #id $("#one") $("#two\\:id") 1.2 element $("div") 1.3 .class $(".class") 1.4 * //匹配所有元素 $("*") 1.5 selector1,selector2,selectorN...
阅读全文
摘要：属性1.属性 1.1 attr(name|properties|key,value|key,fn) 1) 获取属性值 $("img").attr("src"); 2) 设置属性值 $("img").attr("title","你好");$("img").attr({src:"img1.png",a...
阅读全文
摘要：1.jquery核心函数 1.1 jQuery([selector,[context]]); $("#id"),$(document.body),$("input",document.forms[0])//在第一个表单中查找input元素 1.2 jQuery(html,[ownerDocumen...
阅读全文