Welcome 微信登录

首页 / 脚本样式 / JavaScript

3款实用的在线JS代码工具(国外)

3款实用的在线JS代码工具(国外)

1. 压缩工具 用于在线压缩你的JS代码,它有一个选项“Include latest jquery.min.js”,这对于提升速度非常有用。 推荐理由:缩小代码 = 更小的文件大小 = 更快的网页加载速度 2. 美化工具 用于将压缩后的代码转换回正常状态,使代码再次可读。该工具也可用于混淆的代码。 推荐理由:漂亮的代码 = 易读 = 更快地开发 3. 混淆工具 用于保护(混淆)你的代码,使代码不可读。很显然,一些模仿者可以使用...
灵活应用js调试技巧解决样式问题的步骤分享

灵活应用js调试技巧解决样式问题的步骤分享

由于种种原因,例如:代码逻辑复杂、时间久了遗忘处理细节、或者根本就是接手修改别人遗留的bug,在这种情况下,debug就会变成一件头疼的事情。 在此分享一些JS调试方面的技巧,针对各种疑难杂症,往往能起到较好的效果。 Step 1:检查服务器直接render出来的内容 使用查看源文件的方式,这一步首先明确,页面HTML片段是否在服务器端就已经不正常了。 Step 2:比较实际的HTML内容和服务器render出来的原始内容之间的差异 可以使...
让人期待的2011年度最佳 jQuery 插件分享

让人期待的2011年度最佳 jQuery 插件分享

jQuery的易扩展性吸引了来自全球的开发者来共同编写 jQuery 插件,jQuery 插件不仅能够增强网站的可用性,有效的改善用户体验,还可以大大减少开发时间。IsotopeIsotype 是一款非常优秀的 jQuery 插件,用于创建动态的,智能的布局。使用这款插件能够对一组页面项目进行过滤、排序等很多操作,而且带有非常酷的动画效果。FitTextFitText 是一款文本大小自动调整插件 ,使用这款插件能够让你的Web项目在屏幕宽度不同的设备上自动...
Jquery命名冲突解决的五种方案分享

Jquery命名冲突解决的五种方案分享

因为许多 JavaScript 库使用 $ 作为函数或变量名,jquery也一样。其实$只是jquery的一个别名而已,假如我们需要使用 jquery 之外的另一 js 库,我们可以通过调用 $.noConflict() 向该库返回控制权。下面是收集到解决这一问题的五种方案,总有一种你会用得上的。 例一: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"...
js性能优化 如何更快速加载你的JavaScript页面

js性能优化 如何更快速加载你的JavaScript页面

确保代码尽量简洁 不要什么都依赖JavaScript。不要编写重复性的脚本。要把JavaScript当作糖果工具,只是起到美化作用。别给你的网站添加大量的JavaScript代码。只有必要的时候用一下。只有确实能改善用户体验的时候用一下。 尽量减少DOM访问 使用JavaScript访问DOM元素很容易,代码更容易阅读,但是速度很慢。下面介绍几个要点:限制使用JavaScript来修饰网页布局,把针对访问元素的引用缓存起来。有时,当你的网站依赖大量...
jQuery控制图片的hover效果(smartRollover.js)

jQuery控制图片的hover效果(smartRollover.js)

用js实现的好处是:如果一个网站中图片的hover效果比较多,可能每一个都要有css控制,那样代码有的冗余。但是有了js控制,不管有多少图片,hover效果都可以用同样的js,但是必须保证图片的out/off效果和over/on效果命名有规律性,比如: navi01_out.jpg/navi01_off.jpg navi01_over.jpg/nvai02_on.jpg 这样js控制起来非常方便。找到匹配的名称,hover时替换成另一个名称。 今天我想用j...
文本框获得焦点和失去焦点的判断代码

文本框获得焦点和失去焦点的判断代码

文本框失去焦点事件、获得焦点事件 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后,产生该文件 onpropertychange 当属性改变发生该事件 无论粘贴 keyup onchange等,最为敏感 先来看javascript的直接写在了input上复制代码 代码如下:<input name="pwuser" type="text"...
Javascript面向对象编程

Javascript面向对象编程

Javascript的重要性 使用率 1、在web应用中,涉及到前端界面编程基本上都要用到javascript语言; 2、Web2.0及Ajax推动了javascript语言。 3、随着大量的c/s应用转向b/s,富客户端技术的不断推广,javascript语言的应用范围还将不断加大; javascript的特点 简单 动态 基于对象(面向对象) Javascript面向对象概述 Javascript是一种面向(基于)对象的动态脚本语言,是一种基于对象(O...
Javascript 面向对象编程(coolshell)

Javascript 面向对象编程(coolshell)

这两天有个前同事总在问我Javascript面向对象的东西,所以,索性写篇文章让他看去吧,这里这篇文章主要想从一个整体的角度来说明一下Javascript的面向对象的编程。(成文比较仓促,应该有不准确或是有误的地方,请大家批评指正) 另,这篇文章主要基于 ECMAScript 5, 旨在介绍新技术。关于兼容性的东西,请看最后一节。 初探 我们知道Javascript中的变量定义基本如下: 复制代码 代码如下: var name = "Chen Hao";;...
再谈javascript面向对象编程

再谈javascript面向对象编程

另外这篇文章是一篇入门文章,我也是才开始学习Javascript,有一点心得,才想写一篇这样文章,文章中难免有错误的地方,还请各位不吝吐槽指正 吐槽Javascript 初次接触Javascript,这门语言的确会让很多正规军感到诸多的不适,这种不适来自于Javascript的语法的简练和不严谨,这种不适也来自Javascript这个悲催的名称,我在想网景公司的Javascript设计者在给他起名称那天一定是脑壳进水了,让Javascript这么多年来受了...
<< 551 552 553 554 555 556 557 558 559 560 >>