web前端
文章平均质量分 77
T9Team
专注互联网技术
展开
-
Canvas文字碎片动画
Canvas标签应该很多人都有用过,它表示一个 HTML画布元素 -。它没有自己的行为,但是定义了一个 API支持脚本化客户端绘图操作。你可以直接在该对象上指定宽度和高度,但是,其大多数功能都可以通过CanvasRenderingContext2D对象获得。这是通过 Canvas对象的getContext()方法并且把直接量字符串 "2d"作为唯一的参数传递给它而获得的原创 2013-06-07 18:59:51 · 1887 阅读 · 0 评论 -
IE、FF、Chrome中的JS
因为浏览器公司各自为利益考虑,到目前为止各浏览器的HTML标准或是JS标准都还未统一。在平常的开发中,我们常使用的JS框架基本已经帮我们处理好了JS在各浏览器中的差异,但作为一个开发人员,还是有需要了解JS在浏览器中的差异。 FF、Chrome:没有window.event对象FF、Chrome:没有window.event对象,只有event对象,IE里只支持window.event原创 2013-08-12 21:43:44 · 1463 阅读 · 0 评论 -
静态页面调试JS出现跨域问题
在chrome浏览器或者firefox浏览器里,由于安全限制的原因,本地调试JS,如果不配服务器环境而直接打开页面,那所有的AJAX操作会抛出下面错误: XMLHttpRequest cannot load file:///D:/file.html. Origin null is not allowed by Access-Control-Allow-Origin. Origin原创 2013-07-29 22:09:37 · 5161 阅读 · 0 评论 -
重复提交控制
在项目的开发过程中,经常会遇到重复提交的问题,特别是网速不好的时候,用户经常会认为没有点击到,然后重复点击,这样很容易造成保存数据重复等,严重的时候,比如支付则可能造成重复支付,严重影响用户体验,如何解决这类问题呢?要解决这个问题,根据web的原理,可以分为从客户段控制,服务器端控制,客户端服务器端联合控制三种情况。客户端控制,最简单的实现就是点击按钮后,将按钮变灰,这时按钮已经不可以再次原创 2013-07-15 10:51:34 · 1236 阅读 · 0 评论 -
Canvas物体碰撞
Canvas标签可以很方便的画出图形,再加上物理公式可以很简单的模拟出物体跑碰撞效果: game var CANVAS_WIDTH = 800;var CANVAS_HEIGHT = 600; var canvasElement = $("<canv原创 2013-07-15 10:50:32 · 1615 阅读 · 0 评论 -
音频播放器
HTML+JS的音频播放器Web上的音频直到现在,仍然不存在一项旨在网页上播放音频的标准。今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。HTML5规定了一种通过 audio元素来包含音频的标准方法。audio元素能够播放声音文件或者音频流。试着用audio与 windows media编写一个多浏览器支原创 2013-06-28 12:41:49 · 1909 阅读 · 0 评论 -
教你如何制作漂亮的马赛克效果
[PhotoShop]【教程】教你如何制作漂亮的马赛克效果通常我们会在电视上,网页上,看见各种各样的带有马赛克的图片,是不是很想知道它是怎么做的呢?今天你就能做出漂亮的马赛克图片,其实操作步骤非常的简单,而且很容易学习,如果你也喜欢,不妨自己动手来做一个吧!看下面的教程!如有什么不清楚的,请给我留言!首先我们来看看完成的效果: 1. 新建一个空的位图图层然后转成原创 2013-06-28 13:05:27 · 4087 阅读 · 0 评论 -
界面设计规范
这真的一个好文章啊,相信大家看完之后一定会有很大的收获,但是一定不能吝啬你的手,记得写评语,无论是什么建议我都会虚心接受,大家一起学习,共同进步吗。其实这些规范,有很多人都总结过,结果都是大同小异的。可能很多很细腻,或是很多细节平时工作中,没有在意,只要在平时工作中注意下,做的东西真一样。不仅好看,而且还很专业。下面就是综合整理,共大家学习参考了!重点部分加粗。 一:遵循一致的准则,确立标原创 2013-06-23 12:21:29 · 1657 阅读 · 0 评论 -
DOM事件模型
在浏览器解析事件的时候,有两种触发方式,一种叫做Bubbling(冒泡),另外一种叫做Capturing(捕获)。由上图可以看出来,冒泡的方式效果就是当一个DOM元素的某事件例如click事件被触发时,依次它的父元素的click事件也被触发,一直传递到最顶层的body元素为止。而捕获的触发方式正好相反,当某个元素的click事件被触发时,先从最顶层的body元素click事件被触发开始,一直传递到原创 2013-06-23 11:53:17 · 1465 阅读 · 0 评论 -
CSS 注意事项
使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。 明确定义单位,除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100",但是在CSS中,你必须给一 个准确的单位,比如:width:100px width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以 外,其他值都必须紧跟单位,注意,不要在数值和单位原创 2013-08-26 15:21:20 · 1337 阅读 · 0 评论