Uglifyjs（JS代码优化工具）入门 安装使用

2017年02月06日 17 阅读

你也可以尝试一下在线版的Uglifyjs： http://sweet.fengyin.name/ 需要先安装node，进入命令行，查看node，npm是否正确安装。接下来安装UglifyJS，命令如：npm install uglify-js -g最后别忘了把node和npm添加到环境变量中，我的分别是C:Program Files （x86） odejs;C:Users aozhouAppDataRoaming pm;现在就可以使用uglifyjs就行压...

使用UglifyJS合并/压缩JavaScript的方法

2017年02月06日 20 阅读

build.js中的代码会去调用UglifyJS的接口函数以执行压缩任务。 1，去github下载最新的UglifyJS。两种方式下载，如果安装了git，进入git控制台使用如下命令 git clone git://github.com/mishoo/UglifyJS.git 或者使用http方式下载，点击zip下载。解压后其目录结构如下 2，新建一个项目（文件夹）myApp，将uglify-js.js和lib目录拷贝到自己的项目中。如下3，在myApp中...

Node.js实战 建立简单的Web服务器

2017年02月06日 19 阅读

前面一章，我们介绍了Node.js这个面向互联网服务的JavaScript服务器平台，同时Node.js的运行环境已经搭建起来,并通过两段HelloWorld程序验证了Node.js的基本功能。本章我们同样通过实战的演练，利用Node.js建立一个简单的Web服务器。 如果你熟悉.NET或其他类似平台的Web开发，你可能会像，建立一个Web服务器有什么，在Visual Studio中建立一个Web工程，点击运行即可。事实的确是这样，但请不要忘记，这样的代...

解决3.01版的jquery.form.js中文乱码问题的解决方法

2017年02月06日 19 阅读

网上搜了很多方法，可能因为我用的这jquery.form.js是3.01版，也就是今年3月6日才发布的版本（汗。。。就是前天），所以普遍不太管用。至于低版本的是否管用，这个我没有去考证，但大部分还是不负责任的Copy Copy Copy 。还有一些方法是在提交前对所有的值先编码，我觉得这个太麻烦，额外增加了不少的前端代码量，也就没有采取。 好吧，那还是自己来处理吧。首先我们要找到切入点，也就是解决问题的入口。既然我们是要对JS传递的数据进行编码，那么首先肯...

Jquery弹出窗口插件 LeanModal的使用方法

2017年02月06日 17 阅读

开发网站少不了要经常用弹出窗口的形式，今天在网上搜了个小插件LeanModal，记录于此，方便自己，亦方便他人使用。 此插件是个老外写的，体积小是它最大的优点，压缩后1k不到。当然，此插件是寄生于JQuery上. 一. 效果图 二.使用步骤： 1.引用Jquery.js和leanModal.min.js 复制代码 代码如下: <script src="Javascript/jquery-1.4.1.min.js" type="text/javas...

ie8.0下显示本地图片的js实现代码 img.src

2017年02月06日 18 阅读

ie8.0 显示本地图片 img.src js图片上传预览 function PreviewImage（imgFile） { var filextension=imgFile.value.substring（imgFile.value.lastIndexOf（"."）,imgFile.value.length）; filextension=filextension.toLowerCase（）; if （（filextension！=".jpg"）&...

node.js chat程序如何实现Ajax long-polling长链接刷新模式

2017年02月06日 20 阅读

废话不多说，开始今天的主题。纵观这个程序，感觉它的最可贵之处，在于展示了，如何用nodejs实现长链接模式的刷新技术。 （这个程序不详细介绍，重点讲解这个功能） Client.js 首先看一段核心代码： 复制代码 代码如下: function longPoll （data） { //....此处省略＊＊行 $.ajax（{ cache: false , type: "GET" , url: "/recv" , dataType: "json" , ...

10款非常有用的 Ajax 插件分享

2017年02月06日 20 阅读

1. AJAX-ZOOM非常强大的一款插件，可用鼠标滚轮进行缩放，360° 旋转，全屏浏览等很多功能，在线演示 2. VerticalSlider用于显示长列表的很好的方式，以Ajax方式加载，在线演示3. More plugin一款实现更多功能的插件，可用于显示更多评论，也可用于显示后面多少篇博文等，在线演示 4. HTML5 drag & drop image file uploader这是一款实现HTML5拖放上传的插件，在线演示5. jpaging...

JQuery UI的拖拽功能实现方法小结

2017年02月06日 20 阅读

JQuery UI提供的API极大简化了拖拽功能的开发。只需要分别在拖拽源（source）和目标（target）上调用draggable和droppable两个函数即可。 拖拽原理 首先要明确几个概念。 ource：拖拽源，要拖动的元素。 taerget：拖放目标，能够放入source的容器。 拖拽的动作分解如下： 1. drag start：在拖拽源（source）上按下鼠标并开始移动 2. drag move: 移动过程中 3. d...

asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据（类似于腾讯微博）

2017年02月06日 23 阅读

自从腾讯微博上线以来，基本上就开始用了，一直到现在，作为一个开发人员，也看到了腾讯微博一直在不停的改变，也不知道大家有没有发现，腾讯微博提供两种加载数据的方式，一种是分页，一种是滚动浏览器滚动条加载数据，分页功能我想大家都做得太多了，今天我与大家分享一下我用滚动条滚动加载数据下面开讲： 首先说一下思路，我用的是Jquery，然后通过Jquery的ajax（）方法通过 HTTP 请求加载远程数据来实现的，用到Jquery，首先要应用jquery.min....

33个优秀的 jQuery 图片展示插件分享

2017年02月06日 20 阅读

jQuery 是一个非常优秀的 JavaScript 框架，使用简单灵活，同时还有许多成熟的插件可供选择，其中最令人印象深刻的应用之一就是对图片的处理，它可以让帮助你在你的项目中加入一些精美的效果，给访问者对网站留下非常好的印象1. Foxibox2. MobilySelect3. MobilySlider4. Diaporama5. Flipping Book Image6. Spherical Panorama Viewer7. Panel Galle...

JSON.stringify 语法实例讲解

2017年02月06日 19 阅读

认识javascript也不短的时间了，可是这个用法说实在的，我还是第一次见过，惭愧啊惭愧啊。于是乎，在网上找了写资料，写了些例子 希望能给园子们一些帮助。 作用：这个函数的作用主要是为了系列化对象的。 可能有些人对系列化这个词过敏，我的理解很简单。就是说把原来是对象的类型转换成字符串类型（或者更确切的说是json类型的）。就这么简单。打个比方说，你有一个类，那么你可以通过这个方法转换成相应的json类型的。很简单吧。 接着看。 语法： JSON.stri...

javascript 基础篇1 什么是js 建立第一个js程序

2017年02月06日 20 阅读

javascript是一个基于对象和事件驱动，并且具有安全性的脚本语言，应用很广泛，不仅仅是网页，不要被jsp给困住。 基于对象，就是不需要指定变量的类型，你给他一个3，它知道是整型，如果给赋值"3"，它就知道是char。 事件驱动，就是单击啊，之类的事件进行驱动。 javascript优点：网页互动性强，简单易用。js主要是基于客户端运行，很大程度上减少了服务器的负荷。 javascript是脚本编程语言：采用程序段方式实现，与HTML结合，java的编...

javascript 基础篇2 数据类型，语句，函数

2017年02月06日 21 阅读

写内容之前废话一句：因为旧版有些浏览器不支持javascript脚本，遇到script结点，当做普通内容输出了，所以有时候为了让版本兼容，会在script结点里的内容写上注释符号，这样的话在旧版里虽然程序会失效，但是不会出现我们的代码，类似于这样（请忽略括号以及括号里的东西）： 复制代码 代码如下: <script type="text/javascript"> <！-- （注意，这里必须换行） xxxxxx; --> （这一行也不...

javascript 基础篇3 类，回调函数，内置对象，事件处理

2017年02月06日 19 阅读

复制代码 代码如下: function 类名（参数表）{ this.属性; ...... this.函数; } 这样，函数和数据成员都是用“this.”来实现。 我们自己定义一个简单类student好了，然后再去构造它，并且实现一个输出函数。 复制代码 代码如下: <script LANGUAGE="JavaScript"> <！-- function student（a,b）{ this.name = a; this.age=b; t...

javascript 基础篇4 window对象，DOM

2017年02月06日 20 阅读

他的属性也很丰富，因为我很懒，我就直接复制手册里的东西了： closed获取引用窗口是否已关闭。defaultStatus设置或获取要在窗口底部的状态栏上显示的缺省信息。dialogArguments设置或获取传递给模式对话框窗口的变量或变量数组。dialogHeight设置或获取模式对话框的高度。dialogLeft设置或获取模式对话框的左坐标。dialogTop设置或获取模式对话框的顶坐标。dialogWidth设置或获取模式对话框的宽度。frameE...

javascript 进阶篇1 正则表达式，cookie管理，userData

2017年02月06日 20 阅读

首先，什么事正则表达式呢，其实引入概念很多时候并不能帮我们明白它到底是什么，所以我先简单描述下，正则表达式，其实就是一个记录字符串规则则的字符串，等我们看完这一部分，也就能明白它到底是什么了。 基本语法：正则表达式就是“/expression/”+表示搜索范围的符号。例如我们要找function这个关键词，就是/function/gi，其中g表示global，就是全局搜索，i表示ignor，就是忽略大小写。 在js中，我们通过RegExp类来实现。 这个类...

javascript 进阶篇2 CSS XML学习

2017年02月06日 20 阅读

CSS全称是cascading style sheets，中文名字叫级联样式单，也叫层叠样式表。它的好处就是能让代码整齐，并且可以批量处理一些样式。 基本语法： 注释符：/* */ 选择符：selector {attribute:value} 同一个属性的值用空格符号隔开，不同属性用分号隔开。 区分大小写。 比如要给页面中的table定制样式，则写table {.....;.....;} 选择符的使用方法有很多种，于是我又一次懒得打，从网上抄来的： 选择符...

javascript 进阶篇3 Ajax 、JSON、 Prototype介绍

2017年02月06日 21 阅读

Ajax 这个词听了不少，但是其实并没有真的接触过，于是在这里稍微了解一下。 Ajax技术的创新之处在于，改善了传统的“请求-等待-响应-刷新-返回数据”模式，在信息返回之前，用户可以继续自己的操作，当前页面不会因为请求而刷新。这样大大的提高了交互性。 Ajax其实并不是一个技术，而是由许多技术组成的。最大的特色之一就是可以异步传输，实现多线程服务。 Ajax的异步传输，依靠的是js中的XMLHttpRequst对象，于是我们从它入手。 XMLHttpRe...

ASP.NET MVC中EasyUI的datagrid跨域调用实现代码

2017年02月06日 20 阅读

最近项目中需要跨域调用其他项目的数据，其他项目也是使用的EasyUI的datagrid组件，开始以为直接在datagrid的url属性定义为其他项目的url地址即可，可是测试下发现的确是返回了json数据但是json数据提示“invalid label” 错误，网上搜索了下错误解决办法，参考 “JavaScript处理Json的invalid label错误解决办法“的方法利用datagrid的loadData方法加载并转换了json还是提示上述错误，感觉...