什么是DOM（Document Object Model）文档对象模型

2016年07月27日 11 阅读

D:document 文档 浏览器加载的页面 DOM O:object 对象 页面及页面中的任何元素都是对象 M:module 模型 页面中的元素的组织形式 DOM被W3C组织设计为一种平台无关、语言无关的API，程序或脚本通过其动态访问、修改文档的内容、样式、结构。 DOM是web 浏览器的运行规范，javascript借助DOM成就了其web标准语言的地位，在web领域实现了所谓“一次编写到处运行”的目标。 文档对象模型（Document Object...

那些年，我还在学习jquery 学习笔记

2016年07月27日 5 阅读

原来Jquery就是一个javascript写的一个库，它给我们提供了很多常用的方法，使用这些方法可以兼容多种浏览器，使用它可以达到很好的动画效果，下面就来看看那些年的学习笔记吧一、$符号 1、选择器 可以选择html标签，也可选择ID,Class等 如下： 复制代码 代码如下: <script type="text/javascript"> $（ function（） { $（"table.datalist tr:nth-c...

拥抱模块化的JavaScript

2016年07月27日 5 阅读

我们再一次被计算机的名词，概念笼罩。backbone、emberjs、spinejs、batmanjs等MVC框架侵袭而来。CommonJS、AMD、NodeJS、RequireJS、SeaJS、curljs等模块化的JavaScript扑面而来。模块化JavaScript的概念尤为强烈，似乎有赶超07年Ajax风潮之趋势。一、写函数（过程式） 2005年以前，JavaScript没人重视，只作为表单验证等少量应用。那时一个网页上写不了几行JS代码，100...

JavaScript高级程序设计 读书笔记之十一 内置对象Global

2016年07月27日 5 阅读

内置对象 定义：由ECMAScript实现提供的、独立于宿主环境的所有对象，在ECMAScript程序开始执行时出现。 由定义可知开发者不必明确实例化内置对象，它已被实例化了。在ECMAScript-262只定义了两个内置对象，即Global和Math Global Global对象是ECMAScript中最特别的对象，因为实际上它根本不存在。 由于在ECMAScript中不存在独立的对象，所有函数都必须是某个对象的方法，如前面提到的isN...

NodeJS 模块开发及发布详解分享

2016年07月27日 5 阅读

比如前两天我需要使用hmac和sha1来做签名，就没有找到一个比较好用的模块，这时候就需要我们自己来实现相应的功能了。自己写完之后，再把它打包成一个模块分享给大家来用，即方便了其他人，又能让自己有点小小的成就感，实在是一件一举多得的好事情。接下来，我就为大家介绍一下如何封装一个NodeJS模块并把它分享给其他人。 NPM （Node Package Manager, http://npmjs.org ） 是 NodeJS 的模块管理软件，除 NodeJS ...

nodejs入门详解（多篇文章结合）

2016年07月27日 5 阅读

Node.js是一套用来编写高性能网络服务器的JavaScript工具包，一系列的变化由此开始。比较独特的是，Node.js会假设你是在POSIX环境下运行它Linux 或 Mac OS X。如果你是在Windows下，那就需要安装MinGW以获得一个仿POSIX的环境。在Node中，Http是首要的。Node为创建http服务器作了优化，所以你在网上看到的大部分示例和库都是集中在web上（http框架、模板库等）。 首先，去http://nodejs.o...

服务器端的JavaScript脚本 Node.js 使用入门

2016年07月27日 5 阅读

首先下载node.js，然后解压到E盘，改名为node，然后开始菜单输入cmd，用cd命令切换到nodejs的解压目录： 第一个例子：hello world。 在node目录下建立hello.js文件，然后在里面输入： 复制代码 代码如下: var sys = require（"sys"）; sys.puts（"Hello world"）; 然后我们在命名台中输入命令node hello.js，就能看到命名台输出结果Hello world。 第二个例子：...

NodeJS的模块写法入门（实例代码）

2016年07月27日 7 阅读

我们知道每个模块对应一个js文件，这篇写一个最简单的模块hello.js， 然后在另一个js文件（main.js）中require自定义的模块。 hello.js 复制代码 代码如下: function hello（name） { console.log（"hello, "+ name）; } exports.hello = hello; main.js 复制代码 代码如下: var h = require（"./hello"）; h.hello（"sn...

node.js 一个简单的页面输出实现代码

2016年07月27日 6 阅读

安装过程就不说了。如果成功是能使用node的命令。node.js调试是非常方便的。每种后台语言都有一个向那个黑黢黢的控制台团输出语用的命令。node.js沿用FF那套东西，也就是console对象与其方法。我们首先建一个example.js文件，内容如下，然后在控制台打开它。 复制代码 代码如下: console.log（"hello node.js"） for（var i in console）{ console.log（i+" "+console[i]...

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

2016年07月27日 6 阅读

你也可以尝试一下在线版的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的方法

2016年07月27日 7 阅读

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服务器

2016年07月27日 9 阅读

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

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

2016年07月27日 6 阅读

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

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

2016年07月27日 8 阅读

开发网站少不了要经常用弹出窗口的形式，今天在网上搜了个小插件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

2016年07月27日 5 阅读

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长链接刷新模式

2016年07月27日 5 阅读

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

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

2016年07月27日 5 阅读

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

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

2016年07月27日 6 阅读

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

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

2016年07月27日 5 阅读

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

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

2016年07月27日 6 阅读

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