web前端
关注
分享
扫一扫
fins
这个作者很懒，什么都没留下…
展开
-
EXT的力量 ---- 浅谈EXT的影响
Ext现在在je里的人气越来越旺了, 我想任何了解ext的人 对这种人气的兴旺不会有丝毫的惊奇.它所爆发出的力量瞬间摧毁了ajax领域内所有的竞争对手,很多有多年历史的商业软件也没能幸免.但是正如 7thbyte 所说 "AJAX不应该只是EXT" [url]http://www.iteye.com/topic/184120[url]他的这个观点我也很认同, 对于大多数使...2008-04-19 01:18:32 · 98 阅读 · 0 评论 -
小议 判断"特殊js对象类型" 的方法
先声明一下 这算不上原创, 只是学习到的知识点的总结 .上一篇 blog [url="http://fins.iteye.com/blog/315643"]新学一招, 判断一个js对象是不是数组[/url] 中提到了一种 判断js对象是不是 数组的方法.后来我又从 [url]http://ajaxian.com/archives/isarray-why-is-it-so-b...2009-01-13 22:16:37 · 107 阅读 · 0 评论 -
讨论一个关于js,canvas,setTimeout的问题.
想和大家讨论一个关于js,canvas,setTimeout的问题.看一段伪代码:[code="javascript"]function mainLoop(){ updateLogic(); //该方法进行逻辑运算,处理要绘制的"图形"的坐标大小等. drawCanvas(); //该方法在一个canvas上绘制出"图形". setT...2010-04-06 18:24:21 · 380 阅读 · 0 评论 -
一句话知识点: 关于CSS3的animation中的"keyframes".
在animation的"keyframes"里, 每一帧不会默认继承前一帧的属性, 所以:[code="javascript"]@-webkit-keyframes test { 0% { left: 50px; top: 100px; } 100% { left: 200px; }}[/code]不等于 [code="javascript"...2010-04-07 18:02:54 · 107 阅读 · 0 评论 -
Tips: 关于HTML5 canvas中绘图方法的坐标参数.
HTML5 canvas 有很多绘图相关的方法,例如画线画矩形等等.其中绝大多数都接收"坐标"参数. 当你传入浮点数时, canvas内部会对他们进行 Math.round(四舍五入)操作,取整之后再进行绘制.注意: 这里和传统dom中定位坐标不一样,dom中是直接取整的.例如:dom中div.style.top="2.1px";div.style.to...2010-04-09 14:10:01 · 177 阅读 · 0 评论 -
再来谈谈HTML技术在手机开发中的应用.
原文发表于 : [url]http://tiny4cocoa.com[/url] 论坛@tinyfool 是一个大胖子 是我的一个推友, 是推友, 不是基友!!!========================================再来谈谈HTML技术在手机开发中的应用.作者twitter : @finscn(注:本文中的HTML是个泛指, 指代HTML+...原创 2010-12-13 17:00:13 · 223 阅读 · 0 评论 -
[发布]YESChart beta 1 --- 基于js和flash技术的纯客户端图表组件.
YESChart beta 1 --- 基于js和flash技术的纯客户端图表组件. Copyright: (c) 2010 by fins ( http://fins.iteye.com twitter:@finscn )License: BSD.=================================该组件基于 js 和 flash 技术, ...2010-05-27 16:55:39 · 107 阅读 · 0 评论 -
明天D2大会,重点推荐老赵的关于javascript异步编程的秀.
相关内容见:[url="http://blog.zhaojie.me/2010/12/animations-and-games-based-on-jscex-async.html"]基于Jscex.Async的JavaScript动画/游戏[/url][url="http://blog.zhaojie.me/2010/12/event-season-async-evolution-slid...原创 2010-12-17 13:07:12 · 144 阅读 · 0 评论 -
【更新】一个HTML5 Canvas 2D & Dom 动画的demo 兼 性能测试.
这个demo很简单:50个小人(10*5的方阵), 从场地(800*600)左边走到右边 然后折回, 循环反复.截图如下:[img]http://fins.iteye.com/upload/picture/pic/78386/8c2ed9e9-a342-332b-9524-de984c03782e.gif[/img]这只是一个简单的动画, 代码中实现了 animat...原创 2010-12-21 19:50:44 · 268 阅读 · 0 评论 -
新学一招, 判断一个js对象是不是数组
从[url]http://blog.360.yahoo.com/blog-TBPekxc1dLNy5DOloPfzVvFIVOWMB0li?p=916[/url] 学来一招, 判断一个js对象是不是数组[code="java"]function isArray(o) { return Object.prototype.toString.call(o) === '[ob...原创 2009-01-13 15:11:06 · 116 阅读 · 0 评论 -
JE 博客页面的"回复"函数quote_comment 修改版
在blog 页面 中, 每个回复旁边的那个"回复"按钮 对应的是 一个类似"引用" 功能的函数quote_comment:[code="javascript"] function quote_comment(link) { quote_user = $(link).previous(0).innerHTML; quote_body = $(link).up()...2009-01-11 21:29:07 · 177 阅读 · 0 评论 -
闲聊几句ExtJS吧
最近写了很多篇没什么技术含量的技术博客,今天继续吧这次闲聊几句关于ExtJS的话题.=====================================由于个人爱好以及工作关系 对ExtJS接触的比较多 自认为还算了解.参与过几个ExtJS开发的项目,也做过相关的咨询与培训(说来惭愧 做咨询和培训时,咨询我 以及 被我培训的人 有很多在某些方面比我还了解E...2010-03-26 00:15:04 · 107 阅读 · 0 评论 -
Ext 2.1 的 Full REST support 是不是就是一个噱头啊??
我看一下2.1的代码他所谓的对rest的支持只是对 form.action做了一些小小的改动大家可以自己和2.02的对比一下而且这个改动实际上可以理解为是对 2.02的一个缺陷的修复(2.02里form的ajax提交不能设定header信息)我是怎么的也没看出来2.1对Full REST support 做了哪些特别的工作有分析的更透彻的吗? 给大家讲一下 2.1到底是...2008-04-21 20:57:51 · 166 阅读 · 0 评论 -
关于 "XMLHttpRequest 的 readyState" 几个你可能不知道的细节.
请大家原谅这个俗气的标题吧如果这些你已经知道了 就算我火星好了 反正我早已经加入"火星常驻JE办事处"了.==============================XMLHttpRequest.onreadystatechange 按照定义 是 当 XMLHttpRequest 的 readyState 发生变化时 触发.[ 注: readyState ...2008-11-04 00:33:24 · 131 阅读 · 0 评论 -
让我失望至极的 opera dragonfly .
5月6号dragonfly 终于出来见人了http://www.opera.com/products/dragonfly/果然和之前大家预测的一样这就是一个类似firebug的东西,但是功能又比firebug少了太多.易用性也不够好蜻蜓除了"for opera"之外 毫无特色.其实非要找特色的话也是有的:1 使用它 必须要联网. 是的 这个东西不是一个软件 不是...2008-05-08 14:59:22 · 297 阅读 · 0 评论 -
纠结于ajax开发中 response的contentType 问题
ajax开发中, 常遇到下面的几种情况:1 服务端需要返回一段[color=blue]普通文本[/color]给客户端2 服务端需要返回一段[color=blue]HTML代码[/color]给客户端3 服务端需要返回一段[color=blue]XML代码[/color]给客户端4 服务端需要返回一段[color=blue]javascript代码[/color]给客户端5...2008-12-10 10:06:59 · 195 阅读 · 0 评论 -
建议:浏览器性能测试 请使用肉眼观察+人工计时.
那些所谓的测试 都是浮云...对开发出的"准RIA页面"(就是相对华丽和复杂 大量使用了ajax和js技术的页面)进行测试是不是会想当然的认为IE的表现最垃圾?试一试吧 不总是这样的.其实 Firefox的表现通常和IE不相上下,有时甚至比IE更糟(不要怪插件 我测试时通常是用 纯净的ff)火狐也许真的是跑分利器....2010-03-22 15:02:52 · 114 阅读 · 0 评论 -
对各个浏览器做了一个测试,发现了一有趣的现象
测试内容:开发一个页面, 页面中一个按钮,点击该按钮后,自动创建10个ExtJS的window组件,并打开该window.测试结果:IE chrome safari 是一次性显示出这10个窗口而 ff和opera 则是一个一个的显示.推论:看了一下ext的代码 在创建window并显示的代码中 并没有对不同浏览器做不同的处理.而却出现这种结果,显然是 各个浏...2010-03-22 17:53:37 · 124 阅读 · 0 评论 -
使用HTML5中的canvas进行图形图像.游戏.动画开发时,不需要双缓冲机制.
在开发 图像 动画 游戏 相关的程序时, 双缓冲( double-buffer )一直是程序员常用(必用)的技巧.当然 随着各种引擎 框架的发展,以及计算机语言本身的进步 开发人员已经不需要在亲自去实现了(其实 这个实现起来也不复杂)HTML5中的canvas 为我们使用js在浏览器中进行图形图像以及动画游戏的开发提供了基础保障, 但是它并没有高级到会自动的实现双缓冲, 不过不用担...2010-03-23 18:22:32 · 380 阅读 · 0 评论 -
CSS3 实现的一个简单的"动态主菜单" 示例
其实这个示例蛮无聊的 很简单 也没什么实际的用处.主要是展示了 CSS3 如何实现动画效果.写这个主要是想看一看 完成这样的效果 我到底要写多少代码.同时和我熟悉的java做个比较.比较结果不用我说大家也知道.用java来实现示例中的效果 如果不借助第三方的框架 编码量将是相当大的.就算用flash 来做 编码量也不小. 也许有人会说用flash开发...2010-03-24 12:22:37 · 91 阅读 · 0 评论 -
简单聊一聊百度的开源JS库:Tangram
简单聊一聊百度的开源JS库:Tangram最近百度开源了他们的"js框架"Tangram , 之前听说这件事时,还是很期待的, 但是当真正看到Tangram时 还是有些失望.打算在这里简单谈一谈我对它一些看法.这里所说的"看法"几乎没有技术相关的东西,详细的技术分析 稍后再写, 毕竟还没有把代码通读一遍,不好妄下结论.首先声明一点, 虽然百度公司的名声似乎不好,...2010-12-24 12:20:36 · 393 阅读 · 0 评论 -
求助:用这样的方式写Kissy组件,可行吗?(Kissy推荐的方式是怎样的?)
看了Kissy自带组件的代码,又看了你在D2上的PPT , 看得有些晕(现有组件和D2演讲说说的组件编写方式貌似不同啊).不清楚Kissy推荐的组件编写风格应该是什么样子的.希望Kissy能够写一个简单的组件, 作为参考实现(或模版). 并加以说明.希望达到的效果是:无论谁来编写Kissy的组件, 大家的代码结构 风格都做到统一, 就好像一个团队开发的一样.避免当初JQ...原创 2010-12-29 09:43:03 · 152 阅读 · 0 评论 -
为什么我喜欢safari 胜过chrome和ff？
抛下IE不谈，目前在浏览器市场里 最受欢迎的莫过于chrome和firefox了。chrome基于webkit内核，除了速度一流之外，对浏览器领域内诸多新技术也是支持的最积极的一个。同时google也为它带来了很多自己的独有特性，例如 nativeClient，webAudioAPI（注意，不是html5 audio）。firefox则凭借出色的插件机制（虽然chrome safa...2011-07-04 00:35:54 · 247 阅读 · 0 评论 -
3月26号,北京,我将做一期HTML5游戏开发的技术讲座,欢迎参加.
3月26号,我将去北京做一次"html5游戏开发入门"的技术讲座.这次和上次的技术分享不同,将侧重代码和实践.会让参加的同学动手.现场和我一起开发一个纯HTML5版本的 类似 Jumping bird ( http://sinaurl.cn/htozL1 ) 的游戏.希望有一定js基础,对开发游戏充满兴趣,但是不知道如何下手的同学踊跃报名. 有游戏开发基础/已经开发过小游戏...2011-03-11 11:57:23 · 117 阅读 · 0 评论 -
移动互联网 与 Web标准化技术
移动互联网 与 Web标准化技术 前言如今,当人们谈论起移动互联网时,更多是去考虑到新的产品形态，新的运营方式，新的创意，新的盈利模式，新的热点， 新的平台，新的硬件设备，而新的互联网技术往往就显得不那么重要了。其实这种情况的发生很正常，虽然我是一个技术人员，但我承认...2011-07-14 19:54:07 · 141 阅读 · 0 评论 -
HTML5游戏开发入门实例<脆弱的马里奥>
HTML5游戏开发入门实例: [url]http://sinaurl.cn/hGvrct[/url] .该实例为3月26日北京技术交流所要讲解的游戏. 也是给csdn写的技术文章的实例. 欢迎感兴趣的朋友查看. 由于技术要控制在3小时以内, 文章要控制在5000字左右.所以这个实例很简单,不过适合入门.代码的 framework 目录下 是一个入门级的弱小的游戏...2011-03-14 20:10:33 · 254 阅读 · 0 评论 -
尝试挑战 running panda ， HTML5的跑酷类游戏（开发中）
我业余时间一直在尝试用HTML5 在ios平台上开发webgame （ios是所有移动平台里对HTML5支持最好的，同时又不支持浏览器中的flash，所以我相对偏重于HTML5在ios中的应用）如今 flash通过某种方式 也可以跑在了ios中， 也涌现出了一些不错的游戏。其中running panda是非常不错的一款。为了便于对比，我打算用HTML5技术在ios上开发一款类似ru...2011-08-01 00:02:53 · 162 阅读 · 0 评论 -
为什么在今天,我要选择HTML5 (上) 【此文标题党，还是别看了】
当初苹果禁止Flash登陆iOS设备时，曾经引起过一场“HTML5 vs Flash”的大论战。如今这场讨论的热浪已经渐渐消散，两大阵营也渐渐冷静下来。苹果的MacOS设备上依然可以很好的运行Flash，而Adobe也表现出了对HTML5应有的开放的态度。不过，HTML5背后依然暗潮涌动。各大浏览器都在迅速的发展着，对HTML5的支持也成为浏览器厂商宣传的噱头之一。而Android平台对F...2011-03-30 16:19:06 · 136 阅读 · 0 评论 -
欢迎参加 "移动平台HTML5动画性能大赛"
[b][size=x-large]移动平台HTML5动画性能大赛[/size][/b][size=large][color=red]注 : 此页面为临时页面 待网站改版结束后, 会发至 [url]http://www.mhtml5.com[/url].比赛的官方消息 也将通过 http://www.mhtml5.com 发布.[/color][/size]活动 官方页面 : ...2011-03-31 11:38:53 · 130 阅读 · 0 评论 -
HTML5 与 ”性工能“障碍
[size=large]HTML5 与 ”性工能“障碍[/size][size=medium]最近看了@王淮Harry 的文章《HTML5的明天--局部有小雨》[url]http://www.nonoidea.com/2012/12/12/html5%E7%9A%84%E6%98%8E%E5%A4%A9-%E5%B1%80%E9%83%A8%E6%9C%89%E5%B0%8F%...原创 2012-12-13 18:08:14 · 465 阅读 · 0 评论 -
w3ctech 2011 - 拥抱HTML5 技术大会即将召开,欢迎报名
w3ctech 2011 - 拥抱HTML5 技术会议将于4月16日在上海海神诺富特大酒店举行，现在正式开始启动报名，报名地址： [url]http://sinaurl.cn/h502X5[/url] ， 欢迎大家报名参加！我也将在本次会议上做一个HTML5技术的分享,敬请期待. :D ...2011-03-03 23:46:48 · 164 阅读 · 0 评论 -
[新增视频]我在<当HTML5来敲门>技术沙龙上做的一个关于HTML5游戏开发的分享
我在2月26号的技术沙龙上做的一个分享ppt."聊聊HTML5 2D游戏开发" 已经上传到在线silde分享网站, 地址: [url]http://www.slideshare.net/finscn/all-about-html5-canvas-2d-game-part1[/url]欢迎阅读.===================这里还有视频 : [url]http:...2011-02-27 11:03:54 · 226 阅读 · 0 评论 -
说说 iOS safari在retina屏下显示图像的原理
我在 [url="http://fins.iteye.com/blog/903268"]简析 HTML5 canvas在retina屏(视网膜屏幕,如iphone4)设备上的优化[/url] 一文中提到了一点关于 safari和retina屏的问题.不过那篇文章说的比较乱 ,而且举的例子有点复杂.今天梳理了一下思路, 重新来聊聊这个话题.还是先引用前文的一段话:[quo...2011-02-24 17:05:14 · 163 阅读 · 0 评论 -
关于"GPU加速"的简单问答.
如今使用GPU来代替CPU进行大规模计算越来越流行,而随着HTML5和浏览器的发展, "GPU加速"这个词也越来越多的出现在大家眼前.但是对于 GPU加速我一直有些疑问:[code]目前家用市场上 , 是不是所有的GPU---包括集成显卡(非独立显卡)---都比CPU快?如果我配置一个 i7旗舰版的cpu, 然后弄一个最烂的集成显卡, 会不会出现"开启GPU加速"后...2011-01-05 22:34:00 · 287 阅读 · 0 评论 -
我也来重复造个轮子吧 ,发布一个利用原型,在Javascript中实现类机制的简单框架: GT-Class...
我也来重复造个轮子吧 ,发布一个利用prototype(原型,不是指那个叫做prototype.js的框架),在Javascript中实现类机制的简单框架: GT-Class .源码&示例: [url]https://github.com/finscn/GT-Class[/url] =========================这是一个利用prototype(...2011-01-07 11:23:14 · 113 阅读 · 0 评论 -
[更新,bug修复了]chrome开启canvas 2D GPU加速后, clearRect的一个严重bug.
最新版的 chromium. 已经修复了这个bug[color=red]经过进一步测试 出现此问题的绝大多数是A卡[/color]=======================================新版chrome 为我们带来了GPU加速.但是chrome的GPU加速一直问题多多.例如 开启之后速度反而变慢.最近我开发的一个HTML5游戏引擎 在c...2011-01-24 15:54:15 · 1140 阅读 · 0 评论 -
one Web one Dream ------ 新兴Web技术杂谈 之 WebSocket
发一篇前一阵在公司内部写的关于HTML5的文章.文章很水,没啥技术含量,主要是向同事普及一下HTML5的知识.=========================one Web one Dream ------ 新兴Web技术杂谈 之 WebSocket开篇 最近几年随着各大浏览器以及Web标准技术的蓬勃发展, 基于浏览器的B/S应用...原创 2010-09-29 16:48:49 · 162 阅读 · 0 评论 -
最近要做的一个关于JS (node.js)的技术交流,发一下提纲,欢迎大家帮忙完善
好久不管这个博客了 也不知道还有没有人来看 呵呵最近打算做一个关于JS (node.js)的技术交流,刚刚整理完一份提纲,发出来, 欢迎大家帮忙看看,有什么疏漏没. 谢谢了交流主要目的是开阔一下非js程序员的视野,让大家了解一下js技术目前的一个现状 以及未来可能的一种趋势.不牵涉具体的技术实现,主要以介绍和演示为主.下面是提纲, 如果图小 看一看点击能否看...2010-10-28 20:11:42 · 132 阅读 · 0 评论 -
简析 HTML5 canvas在retina屏(视网膜屏幕,如iphone4)设备上的优化(更新原理)
随着iphone4 的推出, retina(视网膜)屏在移动设备中被越来越广泛的应用.不过,虽然retina屏给画面的展现带来了前所未有的清晰平滑的效果,却给开发人员带来了一些小小的麻烦.网上针对如何在 retina屏下设计软件的UI 有很多文章,在这里我不想重复这些内容, 而是想针对HTML5 canvas在retina屏上的应用说一说我的一点心得.最近业余时间一直在...2011-02-11 04:01:05 · 415 阅读 · 0 评论 -
试用了一下 HP touchPad ,有点小失望.
我手里的这台机器是 工程样机. 从样机来看, 这台平板并不出色.性能不高,重量>ipad, 操作延迟明显,没有什么吸引人的亮点和王牌应用.我比较关注浏览器很让我失望.WebOS虽然基于webkit内核构建,但是内置的webkit很不给力,性能不是很高,HTML5得分也不高(使用的safari内核版本为532.2) ,window.devicePixelRatio为1(这个正常,...2011-02-16 12:57:53 · 197 阅读 · 0 评论