JS代码优化技巧之通俗版（减少js体积）

2017年02月06日 21 阅读

细读完这篇文章，够你优化大半天的了，关于JS优化方法大都脱离不了这三种方法。 （网页总大小为155.k，而JS就占了100.3K）是时候优化下JS了关于JS优化的文章已经很多了，大多技术性很强，像什么变量、字符串、类型，就不做介绍了，也不需要介绍，我也不懂，你知道了也没用。大多数站长都是“拿来主义”，我只需要告诉JS怎么放，删那里就可以了。现在的网站都加的有统计代码、分享工具、评论列表、相关文章插件等工具，而要实现强大的功能，必须使用JS文件，正是这些JS...

非常有用的40款jQuery 插件推荐（系列二）

2017年02月06日 24 阅读

今天开始将发布系列文章向大家分享40款非常有用的 jQuery 插件。HTML5 File Uploads with jQuery（演示|下载）这是一款用于帮助你实现 HTML5 文件拖放上传功能的 jQuery 插件。Shuffle Letters Effect: a jQuery Plugin（演示|下载）这款插件能够帮助实现非常酷的文字显示效果，可用于标题、LOGO和幻灯片。Skitter（演示|下载）Skitter 是一款非常精美的幻灯片插件，可以...

初学Jquery插件制作 在SageCRM的查询屏幕隐藏部分行的功能

2017年02月06日 21 阅读

解决思路：1、 在标题处增加一个【—】【+】号，供用户点击。 2、 用户收缩和展开屏幕的行为保存在Cookie里面。页面重新加载或者用户重新登录系统，仍然能记住用户的行为。 优点：1、使用Jquery插件的形式来做，容易扩展。容易实现。 2、 保存在Cookie的行为，容易实现，减少工作量，用户也能接收。如保存在数据库，则增加页面的负载。 缺点：不能每个页面使用单独行为，既是：每次用户的收缩和扩展在系统都是全局的。并且到其他计算机登录、或者清...

查看源码的工具 学习jQuery源码不错的工具

2017年02月06日 18 阅读

使用jQuery还可以让我们从各大浏览器不兼容的噩梦中解脱出来，最新版的jQuery还增强的对HTML5的支持，使得我们更加应该使用它。但是jQuery的源码很长，有些地方的实现还很巧妙，使得我们仅仅会javascript也未必能很好的理解每个函数是怎么运行的。下面就让我分享我学习jQuery源码的时候使用的几个工具和应该了解的问题。 这个jquery源代码查看器，还不是很强大，只是能够简单的查看函数引用，但是不能返回。 我上这个网上下载下来了，准备改进一...

jquery事件机制扩展插件 jquery鼠标右键事件。

2017年02月06日 18 阅读

jquery其实本身的事件机制就很完善了，包括了单击，双击，鼠标移入，鼠标移出等。但是却少了一个做事件。就是鼠标右击事件。当然大家也是直接用侦听鼠标按下事件，然后通过if来判断执行相应的函数。造成鼠标右击事件的效果。 但是这不是我想要的，我想要的似乎这个事件可以跟其它事件比如单击事件一样。可以被方便的使用，而不需要每次都去判断。这里通过编写jquery插件的形式扩展，让这个方法可以直接使用$（）.rightClick（）;来使用。 jQuery的插件主要分...

JavaScript 原型继承

2017年02月06日 21 阅读

Object.prototype JavaScript是基于原型继承的，任何对象都有一个prototype属性。Object.prototype是所有对象的根，并且不可改变。 复制代码 代码如下: Object.prototype=null; alert（Object.prototype）;//[object Object] Object与Object.prototype Object继承于Object.prototype,增加一个属性给Object.p...

js 函数调用模式小结

2017年02月06日 19 阅读

方法调用模式 当一个函数被保存为对象的一个属性时，我们称之它为该对象的一个方法，那么this被绑定到该对象上。 复制代码 代码如下: var myObject={ name : "myObject" , value : 0 , increment : function（num）{ this.value += typeof（num） === "number" ？ num : 0; } , toString : function（）{ return "[Obj...

js bind 函数 使用闭包保存执行上下文

2017年02月06日 22 阅读

复制代码 代码如下: window.name = "the window object" function scopeTest（） { return this.name; } // calling the function in global scope: scopeTest（） // -> "the window object" var foo = { name: "the foo object！", otherScopeTest: functio...

JavaScript打字小游戏代码

2017年02月06日 20 阅读

功能模块： 程序设计： 1.可选择游戏时间，显示倒计时 1.定义全局变量 2.可选择英文字母出现个数 2.控制游戏时间函数 3.统计得分 3.动画效果 4.菜单选项 4.设定字母图片出现的时间 5.判断函数 6.游戏菜单 ...

JavaScript中的property和attribute介绍

2017年02月06日 21 阅读

首先看看这两个单词的英文释义（来自有道词典）。先是property： 复制代码 代码如下: property ["prɔpəti] n. 性质，性能；财产；所有权 英英释义： any area set aside for a particular purpose “the president was concerned about the property across from the White House” 同义词：place s...

js使用函数绑定技术改变事件处理程序的作用域

2017年02月06日 21 阅读

第一种，也是 最常见的，就是直接在html标签里面通过指定事件处理程序同名的HTML属性来注册事件，代码如下： 复制代码 代码如下: function eventHandler（） { alert（"当前作用域是 input 元素本身"）; } <input type="button" value="单击我" onclick="eventHandler（this）"/> 第二种方式就是将一个函数赋值给一个事件处理程序属性。这种方式首先的获取到...

javascript判断ie浏览器6/7版本加载不同样式表的实现代码

2017年02月06日 21 阅读

关键点：1、对浏览器版本的判断；2、修改样式表路径 其中第二点也常用在实时修改网页模板、论坛风格的场合，实际上就是修改样式表路径来加载不同的样式表。 代码： 复制代码 代码如下: <script type="text/javascript"> var browser=navigator.appName var b_version=navigator.appVersion var version=b_version.split（";"）; try...

Jquery异步请求数据实例代码

2017年02月06日 22 阅读

一、Jquery向aspx页面请求数据 前台页面JS代码： 复制代码 代码如下: $（"#Button1"）.bind（"click", function （） { $.ajax（{ type: "post", url: "default.aspx", data: "name=" + $（"#Text1"）.val（）, success: function （result） { alert（result.msg）; } }）; }）; 复制代码 代码如下...

javascript获得服务器端控件的ID的实现代码

2017年02月06日 20 阅读

复制代码 代码如下: <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %> <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition...

js字符编码函数区别分析

2017年02月06日 22 阅读

1、escape对ansi码0-255以外的字符进行编码输出%u****格式即unicode值，escape 方法返回一个包含了 charstring 内容的字符串值（ Unicode 格式）。所有空格、标点、重音符号以及其他非 ASCII 字符都用 %xx 编码代替，其中 xx 等于表示该字符的十六进制数。例如，空格返回的是 "%20" escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z 2、encodeURI类似esca...

javascript （用setTimeout而非setInterval）

2017年02月06日 21 阅读

复制代码 代码如下: var num = 0; var max = 10; function incrementNumber（） { num++; //if the max has not been reached, set another timeout if （num < max） { setTimeout（incrementNumber, 500）; } else { alert（“Done”）; } } setTimeout（incremen...

JavaScript中两个感叹号的作用说明

2017年02月06日 23 阅读

先用一个简单的例子说明： 复制代码 代码如下: var o={flag:true}; var test=！！o.flag;//等效于var test=o.flag||false; alert（test）; 由于对null与undefined用！操作符时都会产生true的结果，所以用两个感叹号的作用就在于，如果明确设置了o中flag的值（非null/undefined/0""/等值），自然test就会取跟o.flag一样的值；如果没有设置，test就会默认...

javascript写的简单的计算器，内容很多，方法实用，推荐

2017年02月06日 21 阅读

最近用javascript写了一个简单的计算器，自己测试感觉还好，先给大家观赏下界面：界面就是这样了，但是功能如何呢？现在只是个简单的标准计算器，能进行加减乘除连续运算，以及求余运算。如果发生被除数为零的错误，下面会给出提示，就像这样：自己不知道写的怎么样，但是对于新手来说，这肯定是一份大餐，里面可以接触到的东西不少，可以拿来学习。如果有高手看出里面的疏漏、错误等望不吝赐教，给予指点。下面贴上代码，希望里面的注释足够多了。js部分： 复制代码 代码如下: ...

js的表单操作 简单计算器

2017年02月06日 18 阅读

代码： 复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Con...

Jquery中删除元素的实现代码

2017年02月06日 20 阅读

语法： empty（） remove（expr）; empty用来删除指定元素的子元素，remove用来删除元素，或者设定细化条件执行删除，如： html 复制代码 代码如下: <div> <p id="emptyTest">此标签的使用empty方法删除</p> <p>以下的标签将被删除</p> <p class="emptyTest">准备使用remove方法删除</p>...