轻量高效的拓扑图组件
zh

HTML5之图形绘制技术(Canvas Vs SVG)

2013-12-16

HTML5中的2D图形绘制技术 Canvas和SVG是HTML5中主要的2D图形技术,前者提供画布标签和绘制API,后者是一整套独立的矢量图形语言,成为W3C标准已经有十多年(2003.1至今),总的来说,Canvas技术较新,从很小众发展到广泛接受,注重栅格图像处理,SVG则历史悠久,很早就成为国际标准,复杂,发展缓慢(Adobe SVG Viewer近十年没有大的更新) Canvas vs SVG 和都是HTML5推荐使用的图形技术,Canvas基于像素,提供2D绘制函数,是一种HTML元素类型,依赖于HTML,只能通过脚本绘制图形;SVG为矢量,提供一系列图形元素(Rect, Path, Circle, Line …

阅读更多

HTML5的当下与未来?

2013-12-11

HTML5技术而今已不再陌生,不管是趋之若鹜,热情拥抱,还是远远张望,保持距离,HTML5都是技术论坛热门的话题,给人的感觉就是酷、新、看上去很美 任何技术都有他的适用范围,HTML5技术是一种被夸大了的万金油,在目前浏览器支持不一,开发工具,第三方类库缺乏的情况下,HTML5无法解决一切问题,但如果限定它的使用范围,HTML5确实可以优雅的解决很多问题 HTML5是什么? 侠义的HTML5 侠义的HTML5指HTML下一个主要的修订版本,是W3C制定的标准,目前还在发展中,在HTML 4.01和XHTML1.0标准基础上,HTML5标准增加和修改了一些标签元素,其中多媒体相关的有, , ,同时集成了SVG内容,数据内容的元素有, …

阅读更多

Safari Mobile中的事件处理 - touch, gesture, mouse events

2013-07-22

Safari for Mobile中使用触控操作,传统的鼠标事件无法完全支持,比如没有mousemove, dblclick事件,要想灵活处理交互,可以通过监听TouchEvent和GestureEvent,下面是各个事件调用顺序的介绍: 保留的mouse事件 safari mobile中也保留有部分鼠标事件,如:mousedown/mouseup/mouseover/moouseout/mouseclick, 当然这些事件本身还是由touch事件开始触发的,准确的说只在单点触摸时触发,且在touch事件之后。 四种touch事件 touchstart, touchmove, touchend, touchcancel,分别表示触 …

阅读更多

JavaScript中的等价操作符

2013-06-20 2022-04-26 最后修改

JavaScript中存在两种等价操作符:相等"==“和全等”===",前者对不同类型(比如String与Object)也可作等价判断,后者则必须要求类型相同,此外JavaScript中的任何对象都可以判断是非,也就是转换成boolean基本类型,这些都是ECMAScript语言(包括JavaScript)的基础 JavaScript中的四种基本类型 number, string, boolean, object 等价判断首先会判断对象类型,对于全等操作符,类型不一时,直接返回false,而对于相等"==“操作符则会按特定的规则,转换成number, string, …

阅读更多

推荐一个数学工具网站

2013-06-18

数学工具网站 推荐一个数学工具网站:数学工具(http://zh.numberempire.com) 导数,不定积分,方程求解,以前只能通过纸和笔,手工去运算,费劲费纸,结果还容易出错,后来发现这个网站,帮了我大忙,虽然有些高次的积分无法分解,反函数求解似乎也存在些问题,但基本的运算还是良好的 下面是一个方程求解的例子 示例:直线与贝塞尔曲线交点 直线公式 ax + b = cy 二次贝塞尔曲线公式 (1-t)^2*P0+2*t*(1-t)*P1+t^2*P2 分解到x,y,并将P0,P1,P2分别用A,B,C和D,E,F来表示 x = (1-t)^2*A+2*t*(1-t)*B+t^2*C y = …

阅读更多

JavaScript类继承与属性定义

2013-05-20

Extjs的类继承——$.extend Extjs是比较早期的web企业组件,代表了面向对象编程思想在js中的实践,其中最基本的就是类的继承,通过对prototype和constructor的复制和设置实现,但实现代码并不是那么容易,看过extjs的extend代码就会明白其难度,没有相当js经验很难看懂,当年看这块儿费了不少精力,后来考虑到版权问题,以及代码简化的需要,自己实现相关功能,经历几番修改才得以稳定 下面是最简化的实现,以及测试例子,当然这个实现存在些问题,比如对于javascript 1.8中的get set不支持,需要自行改造 function extend(sb, sp) { var sbp = …

阅读更多

famo.us是什么?

2013-05-08

初次访问famo.us,被他的动画和交互效果所震撼,研究过其代码后,发现用到三种技术:matrix3d变换,requestAnimationFrame实现动画,以及物理运动引擎,单从技术上看三者都不难实现,但事物表面背后往往隐藏深意,famo.us的由来和目标却是野心勃勃。 创始人为web apps性能低下困扰已久,后受到Twitter Bootstrap的启发,试图提供一种用于开发本地级运行效率的web app框架,什么Sencha touch, jQuery Mobile等都是低效的代名词,这些为website而生的东西不适合复杂的web apps应用,应绕开浏览器固有的一些缺陷(document 渲染机制,CSS3导致的性能问 …

阅读更多

JavaScript模板

2013-05-06

原文:https://developer.mozilla.org/en-US/docs/JavaScript_templates 补充说明:原文列举了不少模板方案,但很多都已经不再维护或者久未更新,此外他所说的标准可能是mozilla自己的标准,而非w3c的标准,我简单试用了一些,感觉 PURE 方案还不错,此外大家还可以参阅这里的推荐:http://stackoverflow.com/questions/7788611/what-javascript-template-engines-you-recommend 除(Firefox)自带的XUL模板系统外,还可以使用JavaScript模板,这种方法也可以实现内容格式与结构的分 …

阅读更多