- 博客(17)
- 收藏
- 关注
原创 String 属性
/*String 属性*/ /*constructor 对创建该对象的函数的引用*/ var obj1 = new String(); if(obj1.constructor == Array){ console.log("This is an Array"); } if(obj1.constructor == String){
2016-06-30 16:53:03 233
原创 JavaScript事件
事件处理1. HTML事件处理:直接添加到HTML结构中2. DOM0级事件处理 把一个函数赋值给一个时间处理程序属性3. DOM2级时间处理 addEventListener("事件名",“事件处理函数”,“布尔值”); true:事件捕获 false:事件冒泡 removeEventListener()4. IE事件处理程序
2016-06-29 15:12:43 194
转载 向量在HTML5游戏开发中的应用
**CSS/位图的屏幕坐标系统,即左上角为原点、x轴沿右侧增加、y轴沿下方增加(亦称做笛卡尔坐标系)向量运算 把一些有用的运算应用于向量加法和减法通过加减向量的x、y坐标来实现向量的相加或相减。一个向量和自己相加可以使它的长度扩大两倍,一个向量减掉它自己会得到零向量。 如:1.给飞行的皮球加一个重力向量,让它真实地下落 2.把两个碰撞物体的向量加在一起,
2016-06-28 20:09:22 346
转载 canvas animation
动画的基本步骤:1. 清空canvas(clearRect方法)2. 保存canvas状态3. animated shapes(绘制动画图形)4. 恢复canvas状态Controlling an animationShapes are drawn to the canvas by using the canvas methods directly or calli
2016-06-28 14:40:32 549
转载 JavaScript DOM
1、通过HTML DOM,可访问JavaScript HTML文档的所有元素当页面被加载时,浏览器会创建页面的文档对象模型(Document Object Model)HTML DOM 树*JavaScript能够改变页面中的所有HTML元素*JavaScript能够改变页面中的所有HTML属性*JavaScript能够改变页面中的所有CSS样式*JavaScrip
2016-06-24 15:39:46 150
原创 JavaScript 异常捕获
1、异常: 当JavaScript引擎执行JavaScript代码时,发生了错误,导致程序停止运行2、异常抛出: 但异常发生,并且将这个异常生成一个错误信息3、异常捕获 try{ 发生异常的代码块; }catch(err){ 错误信息处理; }4、Throw语句 通过throw语句创建一
2016-06-22 16:11:20 299
原创 JavaScript 函数
1、函数: 函数是由事件驱动的或者但它被调用时执行的可重复使用的代码块function demo(a,b){ var sum = a + b; return sum; } var v1 = demo(10,20); alert(v1);2、定义函数 function 函数名(){ 函数体;(代码块)
2016-06-22 15:37:19 208
原创 JavaScript语法
1、算数运算符: +、-、*、%、/、++、--2、赋值运算符:=、+=、-=、*=、/=、%=3、字符串运算符4、比较运算符:==、===、!=、!===、>、>、>=、5、逻辑运算符:&&、||、!6、条件运算符:例:x *任何类型与字符串想加都会转换成字符串类型function btn() { var i = 10; var j =
2016-06-22 09:11:13 219
原创 C# note
C#概述: Hello,World:编译和运行、托管执行C#语法接触:关键字、Main、语句、空白使用变量:声明、赋值、使用控制台输入和输出注释:单行、带分隔符的CIL和ILDASM*C# 区分大小写的语言;大小写不正确,会使代码无法成功编译class HelloWorld{ static void Main() { System.Co
2016-06-21 08:51:10 206
原创 响应式布局
1、CSS中的Media Query(媒介查询) 设备宽高:device-width, device-height 渲染窗口的宽和高: width, height 设备的手持方向:orientation 设备分辨率:resolution2、使用方式: 外联、内联 @media screen an
2016-06-15 21:54:42 184
转载 HTML5 应用缓存与Web Workers
1、什么是应用缓存: HTML5引入了应用程序缓存,这意味着web应用可进行缓存,并可在么有因特网链接时进行访问2、应用缓存的又是: · 连线浏览 - 用户可在应用离线时使用它们 · 速度 - 已缓存资源加载得更快 · 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源3、实现缓存: 如果启用应用程序
2016-06-15 14:39:06 195
转载 Web储存
1、两种方法localStorage-存储的数据没有时间限制。两天、两周或者两年数据依然可以使用sectionStorage-针对一个session的数据存储(当浏览器关闭,数据会被清除)2、与cookie作对比 cookie不适合大量数据的存储,因为它们由每个服务器的请求来传递,这使得cookie速度很慢而且效率也不高
2016-06-14 10:55:34 383
转载 HTML5 SVG
1、什么事SVGSVG是指可伸缩矢量图形(Scalable Vector Graphics)SVG用来定义用于网络的基于矢量的图形SVG使用XML格式定义图形SVG图像在放大或改变尺寸的情况下其图形质量不会有损失SVG是万维网联盟的标准2、SVG的优势SVG图像可通过文本编译器来创建和修改SVG图像可被搜索、索引、脚本化或压缩SVG是可伸缩的SVG图像在任何分辨率下
2016-06-13 21:23:15 305
原创 Canvas Transformation
Saving and restoring statecanvas的状态就是当前画面应用的所有样式和形变的一个快照。save and restore方法是用来保存和回复canvas状态的,都没有参数。Canvas states are stored on a stack,Every time the save method is called,the current drawing stat
2016-06-13 05:35:11 205
原创 CanvasImageSource
CanvasImageSource是一个辅助类型,它不是一个接口,也没有对象实现它,描述下面类型的任何一个对象HTMLImageElement,HTMLVideoElement,HTMLCanvasElement,CanvasRenderingContext2D或ImageBitmapCanvas 可以用于动态的图片合成或者作为图形的背景,以及游戏界面(Sprites)等等。一如图像到
2016-06-12 14:33:57 920
原创 canvas text
阴影 shadowsshadowOffsetX = float 用于设定阴影在X和Y轴的延伸距离,负值表示阴影会向上或左延伸,正值则表示会向下或右延伸,默认值为0shadowOffsetY = float 同上shadowBlur = float 用于设定阴影的模糊成都,其数值并不跟像素数量挂钩,也不受矩阵影响,默认值为0shadowColor = color 标准值是CSS颜色
2016-06-07 20:41:06 600
原创 HTML5 canvas Color,Text,setLineDash,lineDashOffset
fillStyle = color 设置图形的填充颜色for( var i = 0 ; i <=7; i++){ for ( var j=0; j<=7; j++){ ctx.fillStyle='rgba(' + Math.floor(255-15.5*i) + ',0,0,0.5)';
2016-06-03 14:01:34 4004 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人