译序 Three.js是一个伟大的开源WebGL库，WebGL允许JavaScript操作GPU，在浏览器端实现真正意义的3D。但是目前这项技术还处在发展阶段，资料极为匮乏，爱好者学习基本要通过Demo源码和Three.js本身的源码来学习。 0.简介 之前我已经给出了一篇《开始使用Three.js》。如果你还没有读过，你可能需要去读一下，本文的基础是在那一篇教程的基础上完成的。 我想讨论一下着色器。在Three.js帮助你免去了很多麻烦之前，原生WebGL就很优秀了...
Three.js是一个伟大的开源WebGL库，WebGL允许JavaScript操作GPU，在浏览器端实现真正意义的3D。但是目前这项技术还处在发展阶段，资料极为匮乏，爱好者学习基本要通过Demo源码和Three.js本身的源码来学习。 国外网站 aerotwist.com 有六篇较为简单的入门教程，我尝试着将其翻译过来，与大家分享。 我在一些实验项目中使用了Three.js，我发现它对快速上手浏览器3D编程确实很有帮助。通过Three.js，你不仅可以创建相机、物体、光线、...
译序 Three.js是一个伟大的开源WebGL库，WebGL允许JavaScript操作GPU，在浏览器端实现真正意义的3D。但是目前这项技术还处在发展阶段，资料极为匮乏，爱好者学习基本要通过Demo源码和Three.js本身的源码来学习。 0.简介 全景图非常酷。使用Three.js做一个属于自己的全景图并不是那么困难。 要做一个全景图，你需要一个软件用来做一张全景图片（译者注：如果你没有那些特殊的设备）。我使用了iPhone上的Microsoft Photosynth软件来制...
1、bind()功能是为每个选择元素的事件绑定处理函数，其语法如下：bind(type, [data], fn) 其中type为一个或多个类型的字符串，如click或change，也可以自定义；可以被type调用的类型包括blur、focus、load、resize、scroll、unload、click、dbclick、mousedown等事件。参数data是作为event.data属性值传递对象的额外数据对象。参数fn是绑定到每个选择元素的事件中的处理函数。 2、示例代码： 代码如下: bind方法绑定事件 $(fu...
1、one()方法功能是为所选的元素绑定一个仅触发一次的处理函数，其调用的语法格式为：one(type, [data], fn) 其中参数type为事件类型，即需要触发什么类型的事件；参数data为可选参数，表示作为event.data属性值传递给事件对象的额外数据对象；fn为绑定事件时所要触发的函数。 2、示例代码： 代码如下: 其他事件 $(function(){ $("#button").bind("click",function(){ $("#button").attr("value","14797710665"); }); }) ...
1、通过映射的方式，给对象绑定多个事件。 2、示例代码： 代码如下: 映射方式绑定不同事件 $(function(){ $(".txt").bind({focus:function(){ $("#divTip").show().html("执行的是focus事件"); }, change:function(){ $("#divTip").show().html("执行的是change事件"); } }) }) 姓名： 3、效果图预览： 将光标置于文本框中点击显示效果如下：在文本框中输入内容然后将光标单击其他空白页面效果如下：JavaScript教程/参考...
1、在JQuery中，有两个方法用于事件的切换，一个方法是hover()，另一个是toggle()。所谓切换事件，即有两个以上的事件绑定于一个元素，在元素的行为动作间进行切换。如一个超级链接标记若想实现当鼠标悬停时触发一个事件，鼠标移出时又触发一个事件，可以用切换事件轻松实现。 2、示例代码： 代码如下: 切换事件hover $(function(){ $(".clsTitle").hover(function(){ $(".clsContent").show(); }, function(){ $(".clsConten...
1、在toggle()方法中，可以依次调用N个指定的函数，直到最后一个函数，然后重复对这个函数轮番调用，其语法如下：toggle(fn, fn2, [fn3, fn4,...])，其中fn、fn2、fn3、fn4等函数依次调用。 2、示例代码： 代码如下: toggle方法 body{font-size:13px} img{border:solid 1px #ccc;padding:3px} $(function(){ $("img").toggle(function(){ $("img").attr("src","Images/img05.jpg"); $("img").attr("title",this.src); },fun...
1、在DOM对象的实践操作中，既然存在用于绑定事件的bind方法，也相应存在用于移出绑定事件的方法，在JQuery中，可以通过unbind方法移除所有绑定的事件或某一个事件。 2、示例代码： 代码如下: unbind方法移除绑定事件 $(function(){ function oClick(){ //自定义事件 $("#divTip").append("这是按钮二绑定的事件"); }; $("input:eq(0)").bind("click",function(){ $("#divTip").append("这是按钮一绑定事件"); }); $("input:e...
split定义和用法 split() 方法用于把一个字符串分割成字符串数组。 语法 stringObject.split(separator,howmany) 参数 描述 separator 必需。字符串或正则表达式，从该参数指定的地方分割 stringObject。 howmany 可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。 返回值 一个字符串数组。该数组是通过在 separator...
1.Juqery是javascript的优秀框架。它是轻量级的js库，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代...
谈不上经验，都是一些教训。这个时候有人要说，“靠，你丫半桶水，凭啥教我们”。您先别急着骂，先听我说。你叫一个大学生去教小学数学，不见得比一个初中生教得好。因为大学生早已经过了那个阶段，都忘记自己怎么走过来的了。而对于初中生，刚好走过那个阶段，对自己怎么走过来的还记忆犹新，或者还有一些自己的总结。比如，很多高手觉得那本犀牛书入门很好，他们觉得太简单了，但以我的经验来看，它不是入门的最好选择。先说说学...
安装就不用说了，很简单，在FireFox上插件库里找到FireBug就Ok了。下图是FireBug Debug 窗口。FireBug美工用的非常普遍，公司美工妹妹用的非常熟练 呵呵，而对于我们开发人员，主要用它来Debug JS。看看官方对Debug功能的介绍。 Firebug includes a powerful JavaScript debugger that lets you pause execution at any time and see what each variable looked like at that moment. If your code is a little sluggish, use the ...
一个完整的例子上文说了那么多，知识点比较分散，所以最后我打算用一个完整的SeaJS例子把这些知识点串起来，方便朋友们归纳回顾。这个例子包含如下文件： 1.index.html——主页面。2.sea.js——SeaJS脚本。3.init.js——init模块，入口模块，依赖data、jquery、style三个模块。由主页面载入。4.data.js——data模块，纯json数据模块，由init载入。5.jquery.js——jquery模块，对 jQuery库的模块化封装，由init载入。6.style.css——...
下载及安装 要在项目中使用SeaJS，你所有需要做的准备工作就是下载sea.js然后放到你项目的某个位置。SeaJS项目目前托管在GitHub上，主页为 https://github.com/seajs/seajs/ 。可以到其git库的build目录下下载sea.js（已压缩）或sea-debug.js（未压缩）。下载完成后放到项目的相应位置，然后在页面中通过标签引入，你就可以使用SeaJS了。 SeaJS基本开发原则 在讨论SeaJS的具体使用前，先介绍一下SeaJS的模块化理念和开发原则。使用...