前言 在上一篇文章 由form表单来说说前后台数据之间的交互 讲解了一些浏览器和服务器在表单之间的联系,貌似感觉已经是掌握了form表单,但现实是残酷的,在最近的一个项目中才发现form表单还有一个大块知识,在上篇文章只是点了一下的。这块内容用的地方还蛮多的,那就是文件上传。 1、FormData 上篇文章 中提到组织表单的方法是使用jquery的 serializeArray 函数, 但是这个方法对于 input[type="file"] 是无效的 ,也就...
模块概览net模块是同样是nodejs的核心模块。在http模块概览里提到,http.Server继承了net.Server,此外,http客户端与http服务端的通信均依赖于socket(net.Socket)。也就是说,做node服务端编程,net基本是绕不开的一个模块。从组成来看,net模块主要包含两部分,了解socket编程的同学应该比较熟悉了:net.Server:TCP server,内部通过socket来实现与客户端的通信。net.Socket:tcp/本地 socket的node版实现,它实现了全双工的s...
现在你已经掌握了先进的字符串处理和相关数组概念,该是我们打开神奇的cookie魔瓶的时候了.cookie是记录访问你的站点的人的信息,它其实驻留在用户的硬盘上,即使用户已经离开你的站点,cookie在用户的硬盘上仍然存在,如果该用户再次返回你的站点,则该cookie就会被一起发回到你的服务器中,便于你统计和处理重复到访者的信息. 下面我们看一看一个cookie应用的典型例子,我们在一个网页中设置cookie,然后通过别的网页读取它...
今天我们将学习一项很有用而且很有趣的内容:cookies - 这是用来记录访问过你的网页的人的信息。利用Cookies你能记录访问者的姓名,并且在该访问者再次访问你的站点时向他发出热情的欢迎信息。你还可以利用cookie记忆用户端的特点 - 如果访问者的所接入的网线的速度慢,cookie可以自动告诉你在给其发送网页的时候只发送尽可能少的图片内容。 只要你在合理的范围内使用cookies(不要用它探询用户的个人隐私),cookies还是相当实用...
要使定时器循环工作你需要写一个函数实现循环调用。这里是一个例子: var the_count = 0; var the_timeout; function doTimer() { window.document.timer_form.the_text.value = the_count; the_count += 2; the_timeout = setTimeout("doTimer();", 2000); } 这里用到的定时器就是上一页所用的定时器。当用户点击按钮时就调用该函数。该函数将the_count的当前值写到文字框中。然后the_cou...
在以前的课程中,我们学习了对文本和字符串的各种操作,今天我们专注于两种不同的数据类型:图象和对象。学完这一课,你将知道如何: 使用JavaScript来加速图象交换。 创建你自己的对象来使脚本易于理解。 使用关联数组来快速存取脚本中的每一个对象。使用JavaScript做图象变换的一个主要问题是,它直到需要换图时才去告诉浏览器下载那张图象。如果你有一张大的图象,想在鼠标滑过一副图象时调出来,浏览器得临时下载这张图,这可能...
事件的定时以及浏览器的识别 随着我们所掌握的JavaScript日渐丰富,我们可以编制出越来越复杂的应用程序。上次的课程中我们学习了如何利用JavaScripts编写Cookies。今天我们将学习如何加入定时功能。给时间定时的能力在浏览器中非常有用,而在动态HTML应用中发挥更大的功用。 你可能会注意到动态HTML可以在页面中移动不同的内容。在JavaScript中将某个物体在屏幕中移动需要用到一个循环(loop),用循环的功能使物体随着时间...
欢迎您继续学习Javascript进阶教程。在此之前我们已经学习了Javascript初级教程。在这一阶段的学习中我们将继续学习在上次的教程中还没有来得及谈及的问题。我还将向你们展示Javascript的许多神奇功能,使你能够制作真正对多媒体应用程序。 以下是我们将涉及的内容: 给变量赋值 If-then语句 For和while循环 编写你自己的函数 打开及控制窗口 读写HTML 表单 应用数组 控制图片转换 如果这...
在浏览导航栏添加所需按钮DEMO//当 datatype 为"local" 时需填写 var grid_data = [{ id: "00001", type: "退货出库", pay: "1000", name: "abc", text: "ccc" }, { id: "00002", type: "退货出库", pay: "1000", name: "abc", text: "aaa" }, { id: "00003", type: "退货出库", pay: "1040.06", name: "abc", text: "ddd" }]; var grid_selector = "#grid-table"; var pager_selector = "#grid-pager"; $(document).ready(functi...
属性 speed :设置图片切换的速度 width:组件的宽度 height:组件的高度 cellStructures:可设置效果矩阵的行列例如{row:8,col:8}注意,这个行列要和效果矩阵switchTable的行列对应 方法 init():初始化 addswitchTable(switchTable):添加效果矩阵 add(url):添加图片 addswitchMethod(func,type):添加切换方法(例如淡出,滑出),现在功能未完整,type只能填"show"一个值 autoPlay(time):自动播放,自动播放的速...
Ajax 这个词听了不少,但是其实并没有真的接触过,于是在这里稍微了解一下。 Ajax技术的创新之处在于,改善了传统的“请求-等待-响应-刷新-返回数据”模式,在信息返回之前,用户可以继续自己的操作,当前页面不会因为请求而刷新。这样大大的提高了交互性。 Ajax其实并不是一个技术,而是由许多技术组成的。最大的特色之一就是可以异步传输,实现多线程服务。 Ajax的异步传输,依靠的是js中的XMLHttpRequst对象,于是我们从它入手。...
CSS全称是cascading style sheets,中文名字叫级联样式单,也叫层叠样式表。它的好处就是能让代码整齐,并且可以批量处理一些样式。 基本语法: 注释符:/* */ 选择符:selector {attribute:value} 同一个属性的值用空格符号隔开,不同属性用分号隔开。 区分大小写。 比如要给页面中的table定制样式,则写table {.....;.....;} 选择符的使用方法有很多种,于是我又一次懒得打,从网上抄来的: 选择符模式 说明* 匹配任意元素。(通用...
首先,什么事正则表达式呢,其实引入概念很多时候并不能帮我们明白它到底是什么,所以我先简单描述下,正则表达式,其实就是一个记录字符串规则则的字符串,等我们看完这一部分,也就能明白它到底是什么了。 基本语法:正则表达式就是“/expression/”+表示搜索范围的符号。例如我们要找function这个关键词,就是/function/gi,其中g表示global,就是全局搜索,i表示ignor,就是忽略大小写。 在js中,我们通过RegExp类来实现。 这个...
在上一篇博文Socket.IO中,我简要介绍了Socket.IO的基本使用方法并创建了一个简单的聊天室DEMO。本篇在入门篇的基础上,继续探讨Socket.IO的进阶用法。本篇将从配置、房间、事件等方面入手,介绍一些Socket.IO中实用的API和注意事项。 1. 配置 Socket.IO提供了4个配置的API:io.configure, io.set, io.enable, io.disable。其中io.set对单项进行设置,io.enable和io.disable用于单项设置布尔型的配置。io.configure可以让你对不同的...
DOM自身存在很多类型,在上一章中有介绍,比如Element类型:表示的是元素节点;再比如Text类型;表示的是文本节点; 一 DOM类型 类型名 说明 Node 表示所有类型值的统一接口,IE不支持; Document 表示文档类型; Element 表示元素节点类型; Text 表示文本节点类型; Comment 表示文档中的注释类型; CDATASection 表示CDATA区域类型;...