-
js调试工具Console控制台命令
JS原生中默认是没有console对象,这是宿主对象(也就是游览器)提供的内置对象。用于访问调试控制台, 在不同的浏览器里效果可能不同console.log('用于输出普通信息')console.info('用于输出提示性信息')console.error('用于输出错误信息')console.warn('用于输出警示信息')console.debug('用于输出调试信息')console对象的上面5种方法，都可以使用printf风格的占位符。不过，占位符的种类比较少，支持字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o或者%O)四种。console.log('%d...
2017-08-23 -
HTML5的WebSocket
WebSocket提供了一个受欢迎的技术，是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术，以替代我们过去几年一直在用的Ajax技术。一、什么是WebSocket API?WebSocket API是下一代客户端-服务器的异步通信方法。该通信取代了单个的TCP套接字，是基于TCP协议上的独立的通信协议，使用ws或wss协议，可用于任意的客户端和服务器程序。WebSocket定义了两种URI格式, “ws://“和“wss://”，类似于HTTP和HTTPS, “ws://“使用明文传输，默认端口为80，”wss://“使用TLS加密传输，默认端口为443。在建立WebS...
2017-08-21 -
HTML5 服务器发送事件
HTML5 服务器发送事件(server-sent event)是单向消息传递，它允许网页获得来自服务器的更新，以前也可能做到这一点，前提是网页不得不询问是否有可用的更新。创建EventSource 对象用于接收服务器发送事件通知var source=new EventSource("demo_sse.php");事件open当成功与服务器建立连接时产生事件message当收到服务器发送的事件时产生source.onmessage=function(event){alert(event.data);}事件onerror当出现错误时产生另外，还需要能够发送数据更新的服务器。服务器端事件流的...
2017-08-21 -
HTML5 Web Workers使用介绍
web worker的作用浏览器端JavaScript是以单线程的方式执行的，也就是说javascript和UI渲染占用同一个主线程，那就意味着，如果JavaScript进行高负载的数据处理，UI渲染就很有可能被阻断，从而造成用户体验的大打折扣。Web Workers作为HTML5新特性之一，为浏览器端JavaScript开创了一种新的运行模式，让web应用程序具备多线程处理能力，在另外的线程中创建新的运行环境，以便使JavaScript能够在后台做一些费时的处理。Web Worker不能跨域加载，importScripts()方法也同样不能跨域加载。worker内代码不能访问windo...
2017-08-21 -
html5中的canvas绘图方法
CanvasRenderingContext2D对象的方法： 方法 参数 描述 arc(x, y, radius, startAngle, endAngle, counterclockwise) x, y 描述弧的圆形的圆心的坐标。 radius 描述弧的圆形的半径。 startAngle, endAngle 沿着圆指定弧的开始点和结束点的一个角度。这个角度用弧度来衡量。沿着 X 轴正半轴的三点钟方向的角度为 0 counterclockwise 弧沿着圆周的逆时针方向（TRUE）还是顺时针方向（FALSE）遍历。 使用一个中心点和半径，为一个画布的当前子路径添加一条弧。这个方法...
2017-08-21