前端开发
掌握前端开发技术与性能优化思路
AlexChowKey
路漫漫其修远兮,吾将上下而求索。
展开
-
网页自动刷新的三种方法
其实实现这个效果非常地简单,而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 1.页面自动刷新:把如下代码加入区域中 ,其中20指每隔20秒刷新一次页面. 2.页面自动跳转:把如下代码加入区域中 ,其中20指隔20秒后跳转到http://www.jb51.net页面3.页面自动刷新js版 function myrefresh(){ wi原创 2012-11-07 09:51:04 · 3040 阅读 · 0 评论 -
WEB前端浏览器不兼容导致的问题及解决方案
1. HTML对象获取问题FireFox:document.getElementById("idName");ie:document.idname或者document.getElementById("idName").解决办法:统一使用document.getElementById("idName");2. const问题说明:Firefox下,可以使用const关键字或var转载 2013-06-19 22:23:29 · 9068 阅读 · 0 评论 -
与大家分享一下200多个js技巧代码,不看别后海呀
1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后,产生该文件Onchange:当文字值改变时,产生该事件Onselect:当文字加亮后,产生该文件点击时文字消失,失去焦点时文字再出现2.网页按钮的特殊颜色3.鼠标移入移出时颜色变化4.平面按钮5.按钮颜色变化6.平面输入框7.使窗口变成指定的大小window.resizeTo(300,283);转载 2012-07-10 15:51:17 · 4473 阅读 · 0 评论 -
Ajax原理
本文将通过一个具体的例子来展示Ajax的工作原理,通过与传统请求响应方式的对比展现Ajax中处理请求响应的不同方式。在这个示例程序中,所要完成的任务非常简单,仅仅需要输入一个姓名然后提交这个表单,在服务器端处理这个请求,然后在页面显示处理的结果,在下面的示例程序中,将展示通过传统方式和Ajax方式分别处理这个请求响应的具体过程。传统方式:[java] view plainc转载 2012-07-09 17:50:38 · 946 阅读 · 0 评论 -
教你如何使用Dwr
如何开始用DWR有两种方法开始DWR,简单的方式是下载WAR文件然后看看。但是这不能帮你知道如何轻松的把DWR整合到你的web应用中,所以还是推荐你按照下面的3个步骤做:1. 安装DWR的Jar包下载dwr.jar文件。把它放到你的webapp的WEB-INF/lib目录下。那里可能已经有很多其他的jar文件了。2. 编辑配置文件需要把下面的代码加到WEB-INF/web.xm转载 2012-07-10 17:32:27 · 9494 阅读 · 1 评论 -
JavaScript实现子网掩码合法性验证
一、原理 子网掩码的合法性简单来讲也就是子网掩码就类似这样一串数字,前面一段是连续的1,类似“111111111”,后面一段是连续的0,类似“00000”,这样合法的样子是“11111111000000000”,总共是32位。 一个合法的子网掩码要满足如下条件: 1、是合法的IP地址 2、二进制码要相邻,即形如111...11000...0的形式 3、与I转载 2013-06-19 23:18:33 · 5821 阅读 · 0 评论 -
教你如何使用JavaScript正则表达式
主题:JavaScript正则表达式定义正则表达式:Var reg_pattern = new RegRxt(“a\d”); //意思是 a后面跟着有数字Var reg_pattern = /a\d/ ;String对象相关的正则表达式方法名称说明例子Macth(regExp)指定的正则表达转载 2012-07-11 11:22:53 · 1344 阅读 · 4 评论 -
jQuery Ajax全解析
jQuery Ajax全解析jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到).1. load( url, [data],转载 2012-07-11 11:53:55 · 866 阅读 · 0 评论 -
JS 数字 、中文、 英文、判断
单独的验证:利用正则表达式限制网页表单里的文本框输入内容:用正则表达式限制只能输入中文:onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]转载 2012-09-25 14:44:40 · 12660 阅读 · 1 评论 -
node.js安装与使用
下面分别介绍在Mac, Ubuntu,Centos以及Windows下安装Node.js.Mac在Mac下,如果你喜欢用homebrew,那么只用一行就可以装好:brew install node否则,只能考虑手工安装了,步骤如下:安装Xcode 安装git 运行下面的命令行编译node.jsgit clone git://github.com/joyent/n转载 2012-11-01 11:59:08 · 5307 阅读 · 0 评论 -
自动刷新网页,自动刷新当前页面,JS调用
reload 方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数翻译 2012-11-07 10:01:23 · 6549 阅读 · 3 评论 -
node.js简单的页面输出
安装过程就不说了。如果成功是能使用node的命令。node.js调试是非常方便的。每种后台语言都有一个向那个黑黢黢的控制台团输出语用的命令。node.js沿用FF那套东西,也就是console对象与其方法。我们首先建一个example.js文件,内容如下,然后在控制台打开它。console.log("hello node.js")for(variin con转载 2012-11-01 11:06:45 · 7140 阅读 · 0 评论 -
Ajax核心对象——XMLHttpRequest对象
XMLHttpRequest对象在Ajax中占据着十分重要的地位,因为通常意义上的和服务器进行交互是通过提交表单的形式,而在Ajax中的客户端通过XMLHttpRequest对象实现与服务器的通信。也就是说正是因为XMLHttpRequest才使得Ajax得以实现,于是我们的与服务器的交互速度明显提升,消除了令人头疼的等待之后用户体验便也更加良好。名字由来:XMLHttpRequest之所转载 2012-07-12 10:44:07 · 1228 阅读 · 0 评论