API链接收录

发表于 API 分类,标签:
http://codepen.io/xueyan/pen/bgtyu/Snap.svg.js中文api http://www.zhangxinxu.com/GitHub/demo-Snap.svg/demo/basic/Element.add.phpraphaeljs.jsapi http://raphaeljs.com/reference.html#Animation.delay http://dmitrybaranovskiy.github.io/raphael/reference.html  pixi.js apihttp://pixijs.github.io/examples/index.html svg 属性apihttps://developer.mozilla.org/en-US...

正则表达式记忆技巧

发表于 JS 分类,标签:
8速记理解技巧编辑.[]^$四个字符是所有语言都支持的正则表达式,所以这个四个是基础的正则表达式。正则难理解因为里面有一个等价的概念,这个概念大大增加了理解难度,让很多初学者看起来会蒙,如果把等价都恢复成原始写法,自己书写正则就超级简单了,就像说话一样去写你的正则了:  等价:  ?,*,+,\d,\w都是等价字符  ?等价于匹配长度{0,1}  *等价于匹配长度{0,}   +等价于匹配长度{1,}  \d等价于[0-9]  \w等价于[A-Za-z_0-9]。常用运算符与表达式:  ^开始  ()域段  []包含,默认是一个字符长度  [^]不包含,默认是一个字符长度  {n,m}匹配长度   .任何单个字符(\.字符点)  |或  \转义  $结尾  [A-Z]26个大写字母  [a-z]26个小写字母  [0-9]0至9数字[A-Z...

Snap.svg-SVG实战学习必修课-实例与文档讲解

发表于 JS 分类,标签:
(本文转自:http://www.zhangxinxu.com/GitHub/demo-Snap.svg/demo/basic/Element.add.php)一、关于Snap.svg2013年10月23日,第3届(如果我没记错的话)HTML5全球开发者大会在旧金山举办。Adobe在此次大会上宣布了一件事情:建立了一个名叫Snap.svg的开源项目。其目的在于摒弃Flash插件,将Flash的特性带到web上。Adobe表示,”Snap.svg是一个强大且直观的SVG动画内容操纵API,支持屏蔽、裁剪、全梯度和组别等使得内容更具吸引力和交互性的功能”。Adobe支持的项目,自然其产品中会有体现,例如DreamWeaver中的PhoneGap,这里的Snap.svg应该也会集成在其Web开发工具中,例如Edge.我早在半年前的文章中就说过,SVG貌似要兴起,其判断来自国外最新的技术文章中S...

使用javascript动态创建SVG对象的问题

发表于 JS 分类,标签:
使用javascript动态创建SVG对象的问题,平时的一些研究,有时也会颇费功夫.<!DOCTYPE HTML><html><head><meta charset="UTF-8"><title></title></head><body><svg id="s" xmlns="http://www.w3.org/2000/svg"/><script type="text/javascript" src="scripts/jQuery.v1.11.1.min.js">&l...

Javascript 的addEventListener()及attachEvent()区别分析

发表于 JS 分类,标签:
Mozilla中:addEventListener的使用方式:target.addEventListener(type,listener,useCapture); target:文档节点、document、window或XMLHttpRequest。type:字符串,事件名称,不含“on”,比如“click”、“mouseover”、“keydown”等。listener:实现了EventListener接口或者是JavaScript中的函数。useCapture:是否使用捕捉,一般用false。例如:document.getElementById("testText").addEventListener("keydown",function(event){alert(event.k...

canvas学习笔记

发表于 JS 分类,标签:
很多知识不用就会忘记,现在因为有了个人网站,所以都可以记录在这里。现在又的重新温习一下canvas知识了。//加载onload函数functionaddEvent(func){if(typeofwindow.onload==="function"){varorigin=window.onload;window.onload=function(){alert("zhixing")origin();func();}}else{window.onload=function(){func();}}}//画画当然需要画布,所以首先应该获得画布getContext()方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属性。//参数2d或者3d具体用法:var ctx=document.getE...

css3详细讲解​radial-gradient和repeating-radial-gradient

发表于 css3 分类,标签:
radial-gradient()<radial-gradient>:repeating-radial-gradient([<position>,]?[[<shape>||<size>]|<shape-size>{2},]?<color-stop>[,<color-stop>]+);参数详细解释<position>:(圆心坐标)x轴:[<length>①|<percentage>①|left|center①|right]?     y轴:[<length>②|<percentage>②|top|center②|bottom]?&nb...

css3实现一个div设置多张背景图片及background-image属性

发表于 css3 分类,标签:
引子以前做网页布局的时候,一个div只能设置一张背景图片,设置多个背景的话,要用多个div嵌套才能实现,这样兼容性比较好。若您的网站要求兼容浏览器低版本,建议用这种方法。css3的出现,解决了一个div只能设置一个背景的问题,使一个div可以设置多个背景图片。background-image还可以设置线性渐变,等效果。题外话关于css3的background,功能很强大,有很多属性,像background-size等等,这些属性都可以写一篇博客来讲述。关于css3background的其他属性,后面会出博客来单独讲述!CSS3/CSS1background-image属性语法:background-image:<bg-image> [ , <bg-image> ]*<bg-image> =&n...

PHP学习笔记(一)

发表于 php 分类,标签:
// php的标签<?php   ?>//php的输出echo"wuwg";//PHP语句以分号结尾(;)。// php的注释#///****///php的关键字对大小写不敏感,但是变量对大小写敏感if If IF 是一样的// 变量声明$开头名称必须是字母或者下划线开头,$name="wuwg";$_color="red"; //Local和Global作用域函数之外声明的变量拥有Global作用域,只能在函数以外进行访问。函数内部声明的变量拥有LOCAL作用域,只能在函数内部进行访问。PHPglobal关键词global关键词用于访问函数内的全局变量。要做到这一点,请在(函...

js中apply方法的使用

发表于 JS 分类,标签:
1、对象的继承,一般的做法是复制:Object.extendprototype.js的实现方式是: Object.extend=function(destination,source){    for(propertyinsource){        destination[property]=source[property];    }    returndestination; }除此之外,还有种方法,就是:Function.apply(当然使用Function.call也是可以的)apply方法能劫持另外一个对象的方法,继承另外...