javascript
huadonggmail
这个作者很懒,什么都没留下…
展开
-
一个分号引发的错误!——undefined is not a function
JS真是太奇怪了,一个莫名其妙错误的例子!var callback= function(){ alert(1); } //自执行函数 (function(){ alert(2); })();这一段简单的代码的执行结果,你一定以为是alert(2),那你就错了。这段代码居然出现alert(1),然后在chrome中,引发一个错误“undefined is not a functi原创 2012-08-15 22:56:30 · 40313 阅读 · 2 评论 -
JavaScript可否多线程? 深入理解JavaScript定时机制
JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如setTimeout( function(){ alert(’你好!’); } , 0);setInterval( callbackFunction , 100);认为setTimeout中的问候方法会立即转载 2012-12-13 09:39:34 · 585 阅读 · 0 评论 -
web前端的基本知识
DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。DOM操作——怎样添加、移除、移动、复制、创建和查找节点。事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。严格模式与混杂模式——如何触发这两种模式,区分它们有何意义。盒模型——外边距、内边距和边框之间的关系,IE 块级元素与行原创 2013-02-02 22:28:08 · 513 阅读 · 0 评论 -
javascript客户端检测浏览器
写在前面的话在以前,总是以为使用用户代理字符串检测浏览器是那种类型就行了,这样确实打错特错啊,下面就来说说吧。一、能力检测在编写代码之前先检测浏览器的能力。例如,脚本在调用某个函数之前,可能要先检测该函数是否存在。缺点就是能力检测无法精确地检测特定的浏览器和版本。例如:function getElement(id){ if(document.getEleme原创 2013-02-24 21:49:54 · 867 阅读 · 0 评论 -
JavaScript触摸与手势事件
iOS版Safari为了向开发人员传达一些特殊信息,新增了一些专有事件。因为iOS设备既没有鼠标也没有键盘,所以在为移动Safari开发交互网页时,常规的鼠标和键盘事件根本不够用。随着Android中的WebKit的加入,很多这样的专有事件变成了事实标准。1.触摸事件包含iOS2.0软件的iPhone 3G发布时,也包含了一个新版本的Safari浏览器。这款新的移动Safari提供了一些与转载 2013-04-09 09:13:11 · 1204 阅读 · 0 评论 -
原生javascript图片自动切换功能
一、效果图二、html代码 .container, .container *{margin:0; padding:0;}.container{width:408px; height:168px; overflow:hidden;position:relative;}.slider{position:absolute;}.slider li{ list-sty原创 2013-03-27 17:15:31 · 1564 阅读 · 0 评论 -
cocos2d-html5编程过程中运用的几大工具
最近在学习cocos2d-html5,个人觉得比较好用的工具,希望给大家分享。原创 2013-08-22 21:52:27 · 906 阅读 · 0 评论 -
前端UI,javascript,css框架集合
最近在网上看到一个整合了UI框架,javascript框架,css框架的网站,供大家分享分享。http://www.uiframe.com/原创 2013-08-15 22:53:01 · 902 阅读 · 0 评论 -
cocos2d html5学习网站
提供一个cocos2d html5学习的网站http://bbs.html5china.com/thread-4509-1-1.html原创 2013-08-15 22:56:59 · 778 阅读 · 0 评论 -
coco2d-html5制作弹弓射鸟第一部分---橡皮筋
coco2d-html5制作弹弓射鸟第一部分---橡皮筋原创 2013-09-03 23:01:03 · 3370 阅读 · 2 评论 -
Javascript各种框架
1、Headroom.jsHeadroom.js 是个轻量级,高性能的 JS 部件(完全独立,无需任何依赖),允许对用户滚动页面的行为做出反应,Headroom.js 的主页顶部就是一个演示示例,当向下滚动,头部就会慢慢退出隐藏起来;当向上滚动,头部又慢慢的显示出来。2、Hammer.jsHammer.js是一个轻量级的JavaScript库(压缩后仅有3kb),能让你的网站轻松实现触原创 2014-02-06 19:09:13 · 1613 阅读 · 0 评论 -
高性能WEB开发 - 图片篇
一、缩小图片大小 当图片很多的时候,减少图片大小是提高下载速度最直接的方法。1. 使用PNG8代替GIF(非动画图片),因为PNG8在效果一样的情况,图片大小比GIF要小。 2. 用fireworks处理PNG图片,在我们产品中很多PNG图片是美工直接用photoshop导出的, 后来让美工用fireworks处理PNG(大概的方式是选择保存为PNG8,删除背转载 2012-09-18 08:27:54 · 569 阅读 · 0 评论 -
GA的使用方法,及注意的地方
很多网站为了获取用户访问网站的统计信息,使用了google-analytics或其他分析网站(下面的讨论中只提google-analytics,简称ga)。注册ga后,ga就会生成一段js脚本,很多人直接把这段js复制到的最后面就完事。可是ga自动生成的这段JS真的就是最合理的吗?哪怎么样才算是合理,怎样才是不合理了?因ga只是1个分析工具,它的使用绝对不能影响到我们的程序,如果影响了,则转载 2012-09-08 20:34:42 · 6980 阅读 · 1 评论 -
seajs的spm使用摸索
seajs自带的spm打包工具相关文档略少,在粗读了一点源代码之后,我摸索出了spm使用上的一些要点,记录为此文压缩JS文件只需要执行这个命令即可spm build xxx.js这时候你将得到一个压缩过的__build/xxx.js文件合并JS文件如果希望将JS文件中require的其他模块都合并到这个文件中,我们可以加上--c转载 2012-09-08 20:25:02 · 2839 阅读 · 0 评论 -
Javascript获取页面、屏幕尺寸大小参数
Javascript获取获取屏幕、浏览器窗口 ,浏览器,网页高度、宽度的大小网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽转载 2012-08-16 10:28:58 · 585 阅读 · 0 评论 -
Javascript定义function的区别
今天看一本《悟透javascript精华》里面发现了一个非常好玩的东西让大家来分享一下!我们来看看下面的代码:1.var myfunc = function (){alert("hello");};myfunc(); myfunc = function (){alert("yeah");};myfunc(); 这段代码是不是很简单,原创 2012-08-16 11:49:42 · 465 阅读 · 0 评论 -
javascript加载与运行的时机
最近在看一本书《高性能javascript》,觉得很有感触,以前都没有注意这些,看了之后拿出来与大家分享一下 事实上,大多数浏览器使用单进程处理UI更新和javascript运行多个任务,而同时只能有一个任务被执行,这样javascript的加载和运行就被阻塞了。我们来看看下面一个简单的例子Script ExampleHello world!原创 2012-08-15 22:59:15 · 1436 阅读 · 0 评论 -
12种JavaScript MVC框架之比较
Gordon L. Hempton 是西雅图的一位黑客和设计师,他花费了几个月的时间研究和比较了 12 种流行的 JavaScript MVC 框架,并在博客中总结了每种框架的优缺点,最终的结果是,Ember.js 胜出。此次比较针对的特性标准有四种,分别是:UI 绑定(UI Bindings)复合视图(Composed Views)Web 表现层(Web Presentation转载 2012-08-16 10:33:02 · 927 阅读 · 0 评论 -
大型JavaScript应用程序架构模式
什么叫“JavaScript大型程序”?在我们开始之前,我们来定义一下什么叫大型JavaScript站点,很多有经验的JS开发高手也都被challenge住了,有人说超过10万行JavaScript代码才算大型,也有人说JavaScript代码要超过1MB大小才算,其实2者都不能算对,因为不能安装代码量的多少来衡量,很多琐碎的JS代码很容易超过10万行的。我对“大”的定义如下,虽然转载 2012-08-16 11:24:42 · 458 阅读 · 0 评论 -
jquery 事件机制
在介绍方法之前,我觉得有必要描述一下响应事件的两种策略,一种是事件捕获(Event capturing),一种是事件冒泡(Event bubble),这两种策略是相对立的,它们是在浏览器大战中分别由Netscape和微软提出的完全相反的两种事件传播模型。事件冒泡定义为在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定转载 2012-08-16 11:09:01 · 539 阅读 · 0 评论 -
javascript event详解
event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。event对象只在事件发生的过程中才有效。event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。例子下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转。转载 2012-08-28 15:51:26 · 497 阅读 · 0 评论 -
uploadify 请求错误的问题
今天在做uploadify上传时,发现只要一初始化就会发出一个请求,而这个请求是当前页面的地址,觉得很郁闷,然后找了很久才找到问题所在,应该也算是一个bug吧,给出解决方案将这个代码换成下面就可以了this.settings.upload_url = SWFUpload.completeURL(this.settings.upload_url);this.settings.b原创 2012-08-28 15:55:46 · 2099 阅读 · 0 评论 -
JavaScript对象与JSON字符串的相互转换
JSON(JavaScript Object Notation) 是JavaScript编程语言的一个子集。正因JSON是JavaScript的一个子集,所以它可清晰的运用于此语言中。eval函数 JSON文本转换为对象为了将JSON文本转换为对象,可以使用eval函数。eval函数调用JavaScript编辑器。由于JSON是JavaScript的子集,因此编译器将正确的解析文本并产生对转载 2012-08-28 16:01:47 · 9006 阅读 · 1 评论 -
CSS实现垂直居中的5中方法
利用 CSS 来实现对象的垂直居中有许多不同的方法,比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。方法一这个方法把一些 div 的显示方式设置为表格,因此我们可以使用表格的 vertical-align property 属性。 Content goes here#wrapper {display转载 2012-08-28 16:12:04 · 797 阅读 · 1 评论 -
jquery 完整的标记插件
前言最近在写一个项目,正好在做标记这一块,所以就把它记录下来,供大伙分享分享,如果有什么指教的地方,请发送邮件到huadong19890803@qq.com一、现在对于静态的展示图片,而不对图片进行任何的操作,没有任何的交互已很少见了,对图片进行标记,现在很流行了,今天就给大家分享一下小弟的成果。对于标记图片必须要完成几个动作,即添加标记、展示标记、删除标记、编辑标记首原创 2012-09-25 23:46:14 · 1674 阅读 · 1 评论