2017年02月06日 21 阅读

...

THREE.JS入门教程（6）创建自己的全景图实现步骤

2017年02月06日 18 阅读

译序 Three.js是一个伟大的开源WebGL库，WebGL允许JavaScript操作GPU，在浏览器端实现真正意义的3D。但是目前这项技术还处在发展阶段，资料极为匮乏，爱好者学习基本要通过Demo源码和Three.js本身的源码来学习。 0.简介 全景图非常酷。使用Three.js做一个属于自己的全景图并不是那么困难。 要做一个全景图，你需要一个软件用来做一张全景图片（译者注：如果你没有那些特殊的设备）。我使用了iPhone上的Microsoft P...

javascript表单验证 - Parsley.js使用和配置

2017年02月06日 18 阅读

在线演示 大家还记得我们曾经介绍过的表单验证jquery插件jquery.validationEngine吧，使用这个插件你不需要写任何一行js代码就可以生成一个功能强大的表单验证功能。是不是超棒？ 今天介绍的Parsley同样也可以帮助你只使用简单的配置即可实现表单验证功能，基于它的强大DOM-API。 主要特性 •基于超棒的用户体验 •超级方便配置 •超轻量级（压缩后12K），支持jQuery和Zepto ̶...

jquery移除button的inline onclick事件（已测试及兼容浏览器）

2017年02月06日 20 阅读

inline onclick代码如下： 复制代码 代码如下: <input type="button" id="btnOK" name="" value="确定" onclick="btnOKClick（）;" /> btnOKClick的代码： 复制代码 代码如下: function btnOKClick（） { alert（"btnOK Clicked"）; } 现在要在点击按钮以后，移除onclick事件，并为按钮绑定一个新的clic...

js隐藏与显示回到顶部按钮及window.onscroll事件应用

2017年02月06日 21 阅读

现在大多数网站都会添加这种功能：当滚动条滚动到页面的下方时，页面的右下角会显示出来一个“回到顶部”的按钮或连接，点击该按钮后页面会跳转到顶部，或某一个适合查看内容的位置。 那么，如何控制“回到顶部”按钮的显示或隐藏呢？其实我们只需要实现window.onscroll 事件即可，代码如下： 复制代码 代码如下: window.onscroll = function （） { if （document.documentElement.scrollTop + d...

如何让easyui gridview 宽度自适应窗口改变及fitColumns应用

2017年02月06日 21 阅读

在使用Easyui GridView时，如果要Gridview的宽度和窗口的宽度相同，只需要设置fitColumns: true即可 这样实现以后，如果窗口的大小调整后，gridview的宽度是不会改变的，这时就需要我们自己来我完成了。为window添加一个resize事件，在事件回调方法中让gridview改变宽度即可： 复制代码 代码如下: //在调整了窗口大小以后，设置easyui gridview也调整宽度 $（window）.resize（fun...

调试Javascript代码（浏览器F12及VS中debugger关键字）

2017年02月06日 21 阅读

目前，常用的浏览器IE、Chrome、Firefox都有相应的脚本调试功能。作为我们.NET 阵营，学会如何在IE中调试JS就足够了，在掌握了IE中的调试方法以后，Chrome和Firefox中的调试方法也变得相当简单了。在F12开发人员工具中进行调试 打开IE浏览器，按下F12键，就会打开开发人员工具，这是IE内置的开发人员开发工具，方便开发人员对HTML、CSS、Javascript等网页资源进行跟踪调试使用的。如果你打开的时候没有固定在网页底部，可以...

javascript里模拟sleep（两种实现方式）

2017年02月06日 17 阅读

有几种方式，但都不完美 其一，不断循环，直到达到指定时间 复制代码 代码如下: function sleep（numberMillis） { var now = new Date（）; var exitTime = now.getTime（） + numberMillis; while （true） { now = new Date（）; if （now.getTime（） > exitTime） return; } } 其实代码并没有让脚本sle...

Js 冒泡事件阻止实现代码

2017年02月06日 22 阅读

1. 事件目标 现在，事件处理程序中的变量event保存着事件对象。而event.target属性保存着发生事件的目标元素。这个属性是DOM API中规定的，但是没有被所有浏览器实现 。jQuery对这个事件对象进行了必要的扩展，从而在任何浏览器中都能够使用这个属性。通过.target，可以确定DOM中首先接收到事件的元素（即实际被单击的元素）。而且，我们知道this引用的是处理事件的DOM元素，所以可以编写下列代码：复制代码 代码如下:$（documen...

js中parseFloat（参数1,参数2）定义和用法及注意事项

2017年02月06日 23 阅读

今天在看jquery的时候里面用到了parseFloat（第一个参数，10），一直不懂第二个参数是什么意思，于是上网查了一下，怕以后忘记就记下来。 定义和用法：parseFloat（） 函数可解析一个字符串，并返回一个浮点数。 语法：parseFloat（string），参数string是必须的，表示要被解析的字符串 返回值：返回解析后的数字 注意事项： 1.开头和结尾的空格是允许的。 2.如果字符串的第一个字符不能被转换为数字，那么 parseFloat...

jQuery ajax serialize（）方法的使用以及常见问题解决

2017年02月06日 21 阅读

使用ajax时，常常需要拼装input数据为"name=abc&sex=1"这种形式，用JQuery的serialize方法可以轻松的完成这个工作！ jQuery ajax - serialize（） 方法定义和用法 serialize（） 方法通过序列化表单值，创建 URL 编码文本字符串。 您可以选择一个或多个表单元素（比如 input 及/或 文本框），或者 form 元素本身。 序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。 jQ...

Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法

2017年02月06日 21 阅读

在Extjs中的GridPanel会有这样的情况，隐藏列会显示在menuDisabled中 如下图：但是这个一般没有什么用处，只是用于后台取值的作用。so加一个属性：hideable:false就可以搞定了复制代码 代码如下:{ header: "attendanceId", dataIndex: "attendanceId", hideable: false, hidden: true }, ...

Extjs中TabPane如何嵌套在其他网页中实现思路及代码

2017年02月06日 22 阅读

复制代码 代码如下: var tabPanel = new Ext.TabPanel（{ activeTab: 0, region:"center", layoutOnTabChange : false, deferredRender: true, items:[ { title: "百度", layout: "fit", height: 375, id: "training_grief_rep_tab_4", border: false, deferre...

JavaScript转换农历类实现及调用方法

2017年02月06日 18 阅读

复制代码 代码如下: var LunarDate = { madd: new Array（0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334）, HsString: "甲乙丙丁戊己庚辛壬癸", EbString: "子丑寅卯辰巳午未申酉戌亥", NumString: "一二三四五六七八九十", MonString: "正二三四五六七八九十冬腊", CalendarData: new Array（0xA...

一个页面元素appendchild追加到另一个页面元素的问题

2017年02月06日 22 阅读

一般都是自己创建元素然后append到页面的但是如果是页面本身有的元素append到另一个页面元素呢？貌似是：元素的确成为了另一个元素的子元素而元素本身没有了。也就是说，消失了。而不是复制这一点，的确是这样的，但我觉的这个机制很奇怪就不能是复制么，即1成为了2的子元素，然后1仍然在那里。不是说需求一般是这样。恰恰相反，需求的确一般都是要删除原来的，比如这个案例但是从逻辑上想想都是：先是append了，然后我们自己去删除掉原来的1元素现在倒好，append还...

JavaScript起点（严格模式深度了解）

2017年02月06日 20 阅读

严格模式（Strict Mode）是ECMAScript5新增的功能。ECMAScript5虽然可以向后兼容ECMAScript3，但如果使用严格模式，哪些ECMAScript5“不在建议使用”的ECMAScript3语法功能将会被全部进制，如果出现就会抛出一行。引入Strict Mode目的是允许开发人员能够选择“更好”的Javascript版本，这个版本能用不同的方式处理那些普遍而又臭名昭著的错误。目前所有的主流浏览器的最新版本——包括IE10与Ope...

js的压缩及jquery压缩探讨（提高页面加载性能/保护劳动成果）

2017年02月06日 20 阅读

问题缘由：负责公司的开发平台研发工作，考虑的知识产权的保护工作，必须要考虑java的加密技术和js脚本的加密技术。在目前java加密很容易破解的情况下，还是先搞定js的加密和压缩，一方面可以提高页面加载性能，另外一方面也希望辛苦研发出来的成果得到一定的保护。 研究过程： 1、先强烈鄙视一下哪些随便转载文章的家伙，给我制造了很大的麻烦！！网上很多帖子都不靠谱。。 2、首先想了解jquery使用什么压缩的， 网上找了半天，说法不一样，后来还是在jquery官网...

利用Javascript判断操作系统的类型实现不同操作系统下的兼容性

2017年02月06日 21 阅读

在通过Javascript实现客户端和服务端的交互时，有时候需要对操作系统进行判断，以便实现不同操作系统下的兼容性，比如：我们有一个网站， 在Windows XP下浏览效果良好，但是到了Ubuntu下，由于许多特性不同，会造成在浏览上的细微差异，甚至会影响到良好的用户体验。这个时候我们就需要利用 Javascript对操作系统的类型以及某些特性进行判断，分而治之，从而实现网站在跨平台浏览时候保持良好的用户体验。 下边的代码实现对Windows、Mac、Li...

编写针对IE的JS代码两种编写方法

2017年02月06日 21 阅读

有些时候我们需要针对某些IE下的兼容性写单独的JS处理代码。有多种做法： 1.通过检测navigation.userAgent来判断是否是IE，再编写IE分支的处理代码： 2.通过声明@cc_on 语句可以在脚本的注释内启用条件编译功能，这样对于非IE浏览器就会将识别为注释而忽略（实测，这种方式在IE6-9将适用！）： 复制代码 代码如下: /*@cc_on @if （@_jscript） alert（"hello world"）; @end @*/ ...

js判断样式className同时增加class或删除class

2017年02月06日 19 阅读

复制代码 代码如下: function MyClass （） {} MyClass.hasClassName = function（element, className） { if （！element） return; var elementClassName = element.className; if （elementClassName.length == 0） return false; //用正则表达式判断多个class之间是否存在真正的clas...