随笔分类 -  Web前端

深入理解JS中的变量作用域
摘要：在JS当中一个变量的作用域（scope）是程序中定义这个变量的区域。变量分为两类：全局（global）的和局部的。其中全局变量的作用域是全局性的，即在JavaScript代码中，它处处都有定义。而在函数之内声明的变量，就只在函数体内部有定义。它们是局部变量，作用域是局部性的。函数的参数也是局部变量，它们只在函数体内部有定义。我们可以借助JavaScript的作用域链（scope chain）更好地了解变量的作用域。每个JavaScript执行环境都有一个和它关联在一起的作用域链。这个作用域链是一个对象列表或对象链。当JavaScript代码需要查询变量x的值时（这个过程叫做变量解析（varia 阅读全文
posted @ 2012-12-18 22:27 郗晓勇 阅读(268) 评论(0) 推荐(0)
Ajax核心对象——XMLHttpRequest对象
摘要：XMLHttpRequest对象在Ajax中占据着十分重要的地位，因为通常意义上的和服务器进行交互是通过提交表单的形式，而在Ajax中的客户端通过XMLHttpRequest对象实现与服务器的通信。也就是说正是因为XMLHttpRequest才使得Ajax得以实现，于是我们的与服务器的交互速度明显提升，消除了令人头疼的等待之后用户体验便也更加良好。名字由来：XMLHttpRequest之所以叫这个名字是因为它与服务器通信得过称中利用XMLHttp（post、head或者get方式）请求（Request）的过程，然后通过XML（XML是常用格式，并不限于和XML 文档，可以接收任何形式的文本文档 阅读全文
posted @ 2012-07-11 11:10 郗晓勇 阅读(3545) 评论(0) 推荐(1)
Ajax原理
摘要：本文将通过一个具体的例子来展示Ajax的工作原理，通过与传统请求响应方式的对比展现Ajax中处理请求响应的不同方式。在这个示例程序中，所要完成的任务非常简单，仅仅需要输入一个姓名然后提交这个表单，在服务器端处理这个请求，然后在页面显示处理的结果，在下面的示例程序中，将展示通过传统方式和Ajax方式分别处理这个请求响应的具体过程。传统方式：<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%&g 阅读全文
posted @ 2012-07-07 23:50 郗晓勇 阅读(350) 评论(0) 推荐(0)
从Ajax说开去----Web开发技术历史
摘要：Web应用程序发展至今大体经历了三个阶段，第一个阶段使用的是简单的静态页面，第二个阶段使用得是ASP、JSP、PHP等动态脚本语言，第三个阶段是Web2.0阶段，而Ajax就是Web2.0中的核心技术。其中在Web应用程序发展的第一个阶段中，只能使用静态的HTML页面来开发Web应用程序，这个阶段的Web应用程序不能与客户产生任何互动，所实现的功能仅仅是信息的展示。但是客户的需求总是不断提高的，客户需要能够与Web应用产生互动，从而得到自己需要的信息。这样简单的静态Web应用已经不能满足客户日益提高的需要，这就促使了动态脚本语言的出现，使Web应用程序的开发进入第二个阶段。在Web应用程序开发 阅读全文
posted @ 2012-06-30 22:13 郗晓勇 阅读(715) 评论(0) 推荐(0)
深入学习Tomcat----自己动手写服务器（附服务器源码）
摘要：相信大多Web开发者对Tomcat是非常熟悉的，众所周知Tomcat是一款非常好用的开源Servlet容器，您一定对这个最流行的Servlet容器充满好奇，虽然它并不像一个黑盒子那样让人无法触摸但是Tomcat的源码的确让人看起来头疼。笔者就在这里和大家共同分析一个简单的Web服务器是如何工作的源码下载地址。Web服务器Web服务器是一个复杂的系统，一个Web服务器要为一个Servlet的请求提供服务，需要做三件事：1、创建一个request对象并填充那些有可能被所引用的Servlet使用的信息，如参数、头部、cookies、查询字符串等等。一个request对象是javax.servlet. 阅读全文
posted @ 2012-04-09 09:16 郗晓勇 阅读(543) 评论(0) 推荐(0)
JSP内置对象(2)----out、application
摘要：out对象out对象就是在Web应用开发过程中使用最多的一个对象，其功能就是动态的向JSP页面输出字符流，从而把动态的内容转化成HTML形式来展示，这个对象在任何JSP页面中都可以任意访问。1.out对象使用场合out对象的功能就是想JSP也卖弄输出数据信息，所以当有动态信息要展示给用户的时候就要用到out对象。2.out对象主要方法clear（）：这个方法可以清楚缓冲区的数据，但是仅仅是清楚，并不向用户输出。clearBuffer（）：这个方法可以清除缓存区的数据，同时把这些数据向用户输出。close（）这个方法可以关闭out输出流。flush（）这个方法可以输出缓冲区的内容。isAutoF 阅读全文
posted @ 2012-04-03 21:22 郗晓勇 阅读(717) 评论(0) 推荐(0)
JSP内置对象(1)----request、response
摘要：JSP内置对象即无需声明就可以直接使用的对象实例，在实际的开发过程中，比较常用的JSP对象有request，response，session，out和application等，笔者在本文章中将简单介绍一下以上几种对象的使用。request对象request对象代表这是从用户发送过来的请求，从这个对象中可以取出客户端用户提交的数据或者是参数，这个对象只有接受用户请求的页面才可以访问。1.request对象使用场合如果要与用户互动，必须要知道用户的需求，然后根据这个需求生成用户期望看到的结果。这样才能实现与用户的互动。在Web应用中，用户的需求就抽象成一个request对象，这个对象中间包括了用户 阅读全文
posted @ 2012-03-31 23:22 郗晓勇 阅读(9564) 评论(0) 推荐(2)
JSP中文乱码问题终极解决方案
摘要：在介绍方法之前我们首先应该清楚具体的问题有哪些，笔者在本博客当中论述的JSP中文乱码问题有如下几个方面：页面乱码、参数乱码、表单乱码、源文件乱码。下面来逐一解决其中的乱码问题。一、JSP页面中文乱码在JSP页面中，中文显示乱码有两种情况：一种是HTML中的中文乱码，另一种是在JSP中动态输出的中文乱码。先看一个JSP程序：<%@ page language="java" import="java.util.*" %> <html> <head> <title>中文显示示例</title> < 阅读全文
posted @ 2012-03-31 10:00 郗晓勇 阅读(66649) 评论(2) 推荐(5)
JSP运行原理及优势
摘要：JSP本质上就是把Java代码嵌套到HTML中，然后经过JSP容器（Tomcat、Resin、Weblogic等）的编译执行，再根据这些动态代码的运行结果生成对应的HTML代码，从而可以在客户端的浏览器中正常显示。运行原理如果JSP页面是第一次被请求运行，服务器的JSP编译器会生成JSP页面对应的JAVA代码，并且编译成类文件。当服务器再次收到对这个JSP页面请求的时候，会判断这个JSP页面是否被修改过，如果被修改过就会重新生成Java代码并且重新编译，而且服务器中的垃圾回收方法会把没用的类文件删除。如果没有修改过，服务器就会直接调用以前已经编译过的类文件。举个例子，代码如下：<%@ p 阅读全文
posted @ 2012-03-22 23:37 郗晓勇 阅读(2423) 评论(0) 推荐(0)
高仿CSDN社区树形图
摘要：一直感觉CSDN社区的树形结构特别的人性化，直观化。最近做系统的时候需要用到这个树形结构，于是模仿CSDN的树形结构做了一个自己的树形结构，将实现过程记录如下，希望对读者有用。工欲善其事必先利其器，要模仿一个经典的树形结构就应该参照人家是怎么实现的，这里用到了firebug插件，在firefox中查看了CSDN的树形结构的组成，发现其实树形结构就是一个个的DIV借助img以及背景图片拼凑而成，整理了一下思路发现其实要想达到CSDN的效果也不是很困难。让我们一步一步的分析1、首先把用到的图片下载下来，一共15个图片，利用firebug工具可以很轻松的把图片下载（另存为）下来。2、以上这些图片都是 阅读全文
posted @ 2012-03-14 00:45 郗晓勇 阅读(311) 评论(0) 推荐(0)
常用HTML标签美化博文
摘要：行百里者半九十，写博客亦是如此。绞尽脑汁写完一篇博文未经排版就直接发到博客中，无论文章是多么的好，由于排版的问题总会让部分人敬而远之，因为排版的问题给人以距离感岂不是可惜了好文章！好文章是思想的结晶，既然花费了时间、精力让思想落实成文字，那么为什么不做好最后一步----排版？顺手把文章排排版让读者赏心悦目，岂不是锦上添花？使用在线的编辑器可以高效率的编辑博文，但是相对比使用HTML标签而言灵活性上可能少了些。两中方法各有各的好处，读者朋友权衡利弊就可以了。笔者的办法是：整体布局采用在线的编辑器布局，细节的地方用HTML标签手动编辑。在这里介绍常用的HTML标签帮助美化你的博文，做软件的宗旨是“ 阅读全文
posted @ 2012-03-08 00:05 郗晓勇 阅读(849) 评论(0) 推荐(0)
正则表达式+Dreamweaver批量修改页面
摘要：LN系统的需求又改了，向还在奋战在不断修改需求的LN系统的战士们表示深切的同情！！！这次的任务是把五十多个jsp格式的页面改为HTML的，也就是说前面为了测试页面用的绑定的字段需要统统的删掉，如果手动删除工作量最少也得一上午，彪哥分了十几个页面给我，手动删除了几个之后发现需要删除的东西很有规律，于是想到了利用正则表达式。在dreamweaver中利用查找替换功能以及正则表达式可以删除符合条件的语句。剩下的十几个页面总共不到十分钟就全部修改完了。整个过程虽然不值一提但是对正则表达式又多了一份感觉，以前一直使用正则表达式匹配页面中的字符串，这次是巧妙的利用正则表达式删除字符串。这其实和当初老师教的 阅读全文
posted @ 2012-01-08 23:29 郗晓勇 阅读(745) 评论(0) 推荐(0)
绝对路径相对路径
摘要：在这次做LN项目的过程中页面的部分的设计使用的是Dreamweaver，不得不承认Dreamweaver太强大了，帮助我们轻松的设计出理想的页面，css样式的调整也非常方便；在Dreamweaver中路径问题简直不是问题，文件拖过来就可以直接找到（Dreamweaver自动把绝对路径转换成相对路径），不必再去考虑什么路径的问题。自己尝试了一下在没有Dreamweaver的帮助下调试页面，发现路径的问题的确比较麻烦，归根结底还是没有彻底理解这两种路径的区别。好好的研究了一下，在这里分享一下自己对这两种路径的理解。绝对路径：不必赘述，就是从盘符开始写直到找到你所需要的文件为止，把所有的目录写完整即 阅读全文
posted @ 2011-12-16 00:40 郗晓勇 阅读(304) 评论(0) 推荐(0)
8个对于Web设计和开发人员非常有用的在线工具
摘要：梦想天空原文来自：8 Useful Online Tools for Web Designers and Developers）在工作中借助一些非常好用的工具可以让你专注于更重要的事情，进而提高工作效率。本文收集了一些设计和开发相关的在线工具，分享给大家，希望对你有帮助。ProCSSorProCSSor是一个很不错的CSS代码美化工具，它可以帮助你很轻松的把代码转换成很美观。jsFiddleJsFiddle有多种用途，其中一个用法就是可以在线编辑HTML, CSS 和JavaScript片段，而且代码可以分享，还可以嵌入到你的博客中等等。Frame BoxFrame Box是一个非常好用的用于 阅读全文
posted @ 2011-02-11 19:44 郗晓勇 阅读(238) 评论(0) 推荐(0)