javascript
shandian84
这个作者很懒,什么都没留下…
展开
-
从头开始构建一个web即时通讯系统 - 客户端 - flash socket
摘要在上一篇"基础-web即时通讯系统的四种实现"中,我们讨论了socket/tcp相对于其他基于http的通讯方式的优越。本文则详细描述如何使用flash/actionscript,来实现socket/tcp,并使用开源的haxe来编译它。flash中的socketsocket的构造实例化一个socket对象,只需要一行代码:static var socket = new f转载 2012-08-24 23:40:01 · 756 阅读 · 0 评论 -
console控制台命令不得不说的事情
说道如何测试某段js代码是否运行或者赋值是否正确,大家一致都会说alert()、document.write。的确,alert和document.write是我们日常最常用的输出命令,后来随着firebug的出现以及js文档越来越大型后,alert和document.write已经完全不能胜任js的调试工作,于是在firebug中就配套出了一个console属性,最后所有浏览器为了争夺市场,同时开转载 2014-09-16 12:13:35 · 619 阅读 · 0 评论 -
原生态纯JavaScript 100大技巧大收集---你值得拥有
1、原生JavaScript实现字符串长度截取[javascript] view plaincopyprint?function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = "";转载 2014-07-25 15:46:59 · 642 阅读 · 0 评论 -
javascript转盘和砸蛋demo
个星期写了个蛋碎和转盘的demo,砸蛋的demo把所有的图片合并成一张,然后通过js定时跑从而改变background-position的值即可;而转盘是通过定位好的标签,然后动态跑的时候修改对应的class,在第一圈和最后一圈的时候添加了一点加速和减速的效果,详见demo源码。蛋碎Demo转盘Demo相关日志读《基于MVC的JavaScript Web富应用开发》 (0)ja转载 2013-07-02 16:53:17 · 1431 阅读 · 0 评论 -
淘宝SKU组合查询算法实现
前端有多少事情可以做,能做到多好。一直在关注各大公司UED方面的知识,他们也代表了前端的力量,而且也很乐意和大家分享,把应用到项目的知识归类整理,再写成博客搬到网上来,充实这前端的内容,也是为想追寻和学习的人提供了场所,为想接触到一些前沿的知识提供了去处,感谢有这么一群人。大的科技公司基本都有自己的前端部门或团队,在网上也能看到他们的动态,像淘宝、阿里巴巴、腾讯、百度等等。前段时间在淘宝UED转载 2013-05-21 14:01:58 · 1383 阅读 · 0 评论 -
js如何判断客户端是iOS还是Android等移动终端
判断原理:JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的userAgent属性来判断的。在许多情况下,值判断出浏览器类型之后,还需判断浏览器版本才能处理兼容性问题,而判断浏览器的版本一般只能通过分析浏览器的userAgen转载 2013-05-03 11:34:53 · 1879 阅读 · 0 评论 -
再谈IE6之Fixed定位
众所周产于公元2002年、且当前为我国主流的IE6浏览器是不支持CSS2的静止定位属性fixed,蛋疼的前端工程师们为此发明了各种形式的解决方案:一、常规js解决之道这个方案最为古老,比IE6还老,且应用十分广泛:比如很多跟着滚动条走的对联广告就是使用此方案。缺点就是拖动滚动条元素抖动很厉害,虽然通过平滑处理可以改善下,效果仍然不理想。不过要说的是此方案虽然视觉效果差了那么一点,稳定性与可转载 2013-01-10 17:06:18 · 237 阅读 · 0 评论 -
AlertBox 弹出层(信息提示框)效果
弹出层就是相对文档或窗口定位的一个层,一般用来显示提示信息、广告等内容,还可以配合覆盖层来锁定页面。在仿Lightbox效果中,已经基本实现了这个效果,这次主要改进了ie6在fixed时的抖动问题。此外,还增加了一个用来兼容ie6的fixed的方法,覆盖层也重新“包装”,程序也改成组件的结构。兼容:ie6/7/8, firefox 3.6.8, opera 10.6, safari 5转载 2013-01-10 17:01:10 · 336 阅读 · 0 评论 -
javascript图片预加载技术
比onload更快获取图片尺寸文章更新:2011-05-31lightbox类效果为了让图片居中显示而使用预加载,需要等待完全加载完毕才能显示,体验不佳(如filick相册的全屏效果)。javascript无法获取img文件头数据,真的是这样吗?本文通过一个巧妙的方法让javascript获取它。这是大部分人使用预加载获取图片大小的例子:view sourcepri转载 2013-01-10 16:52:49 · 267 阅读 · 0 评论 -
javascript图片预加载技术
图片预加载技术的典型应用:如lightbox方式展现照片,无疑需要提前获得大图的尺寸,这样才能居中定位,由于javascript无法获取img文件头数据,必须等待其加载完毕后才能获取真实的大小然后展示出来,所以lightbox显示的图片的速度体验要比直接输出的差很多,而本文说提到的预加载技术主要针对获取图片尺寸。一段典型的使用预加载获取图片大小的例子:var imgLoad = f转载 2013-01-10 16:49:17 · 276 阅读 · 0 评论 -
JavaScript replace(rgExp,fn)正则替换的用法
var rxhtmlTag = /(]*?)\/>/g, rselfClosing = /^(?:area|br|col|embed|hr|img|input|link|meta|param)$/i, fcloseTag = function(all, front, tag) { return rselfClosing.test(tag) ? all :转载 2012-09-17 15:06:34 · 337 阅读 · 0 评论 -
jquery正则判断只能输入数字小数点
$.fn.numeral = function () { this.bind("keypress", function (event) { var evt = (event) ? event : ((window.event) ? window.event : ""); var ke原创 2012-09-11 16:10:15 · 1331 阅读 · 0 评论 -
JavaScript世界的一等公民 - 函数
简介在很多传统语言(C/C++/Java/C#等)中,函数都是作为一个二等公民存在,你只能用语言的关键字声明一个函数然后调用它,如果需要把函数作为参数传给另一个函数,或是赋值给一个本地变量,又或是作为返回值,就需要通过函数指针(function pointer)、代理(delegate)等特殊的方式周折一番。而在JavaScript世界中函数却是一等公民,它不仅拥有一切传统函数的使用方转载 2012-08-28 13:50:09 · 228 阅读 · 0 评论 -
从头开始构建一个web即时通讯系统 - 客户端 - javascript和flash互操作
简介在上一篇"基础-web即时通讯系统的四种实现"中,我们讨论了如何使用flash/actionscript,来实现socket/tcp,并使用开源的haxe来编译。而本文将介绍如何使用javascript调用编译出的flash来进行通讯。加载flash我使用swfobject.js来加载我们编译出的flash文件——socket_bridge.swf。swfobjec转载 2012-08-24 23:41:09 · 420 阅读 · 0 评论