博客频道 → 博客专栏 → Web前端

Web前端专栏最新文章

PureJS (6.3)：Rhino 中的日志与 proxy 对象

PureJS (6.3)：Rhino 中的日志与 proxy 对象 　　这篇文章里我们将继续探讨日志处理(pure.log)和 proxy 对象(pure.proxy)。结合使用 pure.log 和 pure.proxy 可以实现灵活的日志处理，有效地分离业务逻辑和日志记录的代码。pure.log 是在 slf4j 和 log4j 的基础上完成的；pure.proxy 是利用 Rhinio JS ...
javascriptlog4jproxyAOPRhino
裴小星 有1990人浏览 2011-07-30 09:23 专栏：PureJS开发过程详解

Pure JS (6.2)：结合 Rhino 和 Junit GUI 测试 JS

Pure JS (6.2)：结合 Rhino 和 Junit GUI 测试 JS 　　最近尝试了直接用 Rhino 启动 Junit ，刚开始就遇到了一些问题。因为 Java 注解在 JavaScript 中并不能起到什么作用，所以我选择了 Junit 3，并使用了 Junit 3 自带的swing GUI。最大的问题是 Junit 是通过 Class 名称加载测试类进行测试的。而 Rhino 的 ...
JavaWebJavaScriptjunitRhino
裴小星 有2464人浏览 2011-07-24 11:17 专栏：PureJS开发过程详解

Pure JS (6.1)：使用 Rhino Shell 和 Debugger 运行和调试 JS

Pure JS (6.1)：使用 Rhino Shell 和 Debugger 运行和调试 JS 　　之前一直使用 java 7 自带的 ScriptEngine 执行服务器端 JS，然而，一个重要的缺陷是无法进行调试。 　　因此我将之前的一些 Java 代码改为 JavaScript 代码，并尝试着使用 Rhino Debugger。 　　本文就是介绍这方面的探索成果的。 1. Rhino Sh ...
JavaWebJavaScript框架Servlet
裴小星 有4011人浏览 2011-07-11 07:10 专栏：PureJS开发过程详解

针对IE不同版本使用不同样式、执行不同脚本——Internet Explorer Conditional Comments

浏览器的差异性是一个另广大Web开发人员头疼的问题，不仅是不同浏览器之间的差异，还有同一款浏览器不同版本之间的差异，比如最明显的就是对CSS标准的支持不一致，导致显示效果千变万化。   有时为了使页面在是不同浏览器和不同版本下的显示效果一致，要不断地调试，不断地修改，可还是无法解决问题。   举个例子，我们用Ext的Toolbar，里面的button设置一个图标，可是这个图标和按钮名称在水平 ...
Web前端开发Internet Explorer Conditional Comments
yunzhu 有2879人浏览 2011-07-08 16:52 专栏：Web前端开发

checkbox与说明文字无法对齐的问题

写过Web页面的朋友大概都曾遇到过这样的问题：checkbox与说明文字（比如一个label标签或一个a标签）无法对齐，要不是checkbox上浮了，要不是说明文字上浮。    以前遇到过这个问题，但是都直接忽视，并未深究。今天要解决项目中遗留下的界面显示问题，这个问题终于绕不过去了，因为它真的是无处不在。   今天，借助于伟大的google，同时自己不断试验，终于解决了这个“老大难”的“ ...
checkbox与说明文字无法对齐HTML页面标签对齐
yunzhu 有52716人浏览 2011-07-07 12:56 专栏：Web前端开发

IE8上传文件时文件本地路径变成"C:\fakepath\"的问题

在使用<input id="file_upl" type="file" />控件上传文件时，有时会需要获取文件本地路径展示给客户，这时可以通过这样的方式获取文件本地路径： document.getElementById('file_upl').value   这在IE7及以前版本上都没有问题，但是到IE8上面，就不行了，在IE8中你只会获取到 ...
IE8上传文件时文件本地路径变成"C:\fakepath\"IE8上传文件路径错误
yunzhu 有27932人浏览 2011-07-06 12:41 专栏：Web前端开发

Javascript实现图片随机漂浮

<html> <head> </head> <body> <div id="img" style="position:absolute;width:200; height:151"><img src="pic.jpg" border="0"> ...
JavaScript
guangqiang 有2146人浏览 2011-07-06 12:17 专栏：Web前端开发之路

Pure JS (5.3)：pure.render 的实现（构造window对象，实现服务器端 JQuery Template）

Pure JS (5.3)：pure.render 的实现（构造window对象，实现服务器端 JQuery Template） 　　pure.render() 的实现思路大致如下： 　　1. 解析 HTML 　　2. 构造 window 对象 ...
JavaXMLHTMLJavaScriptjQuery
裴小星 有4177人浏览 2011-07-05 06:36 专栏：PureJS开发过程详解

Pure JS (5.2)：服务器端与客户端共用页面渲染代码

Pure JS (5.2)：服务器端与客户端共用页面渲染代码 　　接着上一篇文章，我们来谈谈如何在服务器端和客户端共用 JS 代码，以便实现第一次返回页面时在服务器端完成初始渲染，而之后的操作在客户端进行修改并重新渲染页面的模式。 运行示例 　　首先，需要先运行mongod；然后下载附件中的 PureJS 工程，解压后加载到 eclipse 中，打开文件 main/com/purejs/core/ ...
JavaHTMLWebJavaScriptjQuery
裴小星 有2723人浏览 2011-07-04 08:08 专栏：PureJS开发过程详解

Pure JS (5.1)：在服务器端使用 JQuery DOM 和 JQuery Template

Pure JS (5.1)：在服务器端使用 JQuery DOM 和 JQuery Template 　　JQuery Template 是著名的客户端 JS 模板引擎，对于没有 SEO 需求的 Web 应用，甚至只用 JQuery Template 就可以完成所有的页面渲染。 　　但这种方式并不适用于所有 Web 应用，如 博客、新闻类的网站，是必须考虑 SEO 的；由于搜索引擎通常不会执行 Ja ...
JavaWebJavaScriptjQueryjunit
裴小星 有3001人浏览 2011-07-02 09:10 专栏：PureJS开发过程详解

随手记：为系统设计一套简易的JavaScript框架需要考虑的要素

最近在工作中做前端的重构，其中一个重要步骤就是设计一套简易的前端框架，把所想到的随手记下来：   物理和分布 js文件布局 模块化 依赖关系梳理 加载梳理   技能储备 JavaScript进阶 JavaScript面向对象 JQuery（或其他JavaScript基础框架）熟悉使用   规范和规则 JavaScript规范 对象化示例代码   框架内容 模型定义 ...
JavaScript框架
RayChase 有3067人浏览 2011-06-21 23:25 专栏：JavaScript重构

Javascript Memoizer

以下来自John Hann的实现，这段代码引起了我的注意，它用巧妙的方法把方法调用的结果缓存起来了。   代码解析： // memoize: 使用memoization来缓存的通用方法 // func: 要被缓存的方法 // context: 方法执行上下文 // Note: 方法必须是外部可访问的，参数是可字符序列化的 function memoize (func, cont ...
JavascriptMemoizer
RayChase 有1522人浏览 2011-06-20 23:52 专栏：JavaScript重构

Pure JS (4.3)： pure.db.js 的实现（基于 MongoDB Rhino Driver）

Pure JS (4.3)： pure.db.js 的实现（基于 MongoDB Rhino Driver） 　　接着之前的两篇文章，让我们来看看 pure.db.js 的实现细节，以及一些 MongoDB Driver 的相关内容。 1. MongoDB Java Driver 　　MongoDB Java Driver 可以到这里下载： 　　https://github.com/mongod ...
MongoDBJavaScriptJavajsonGoogle
裴小星 有2196人浏览 2011-06-18 23:26 专栏：PureJS开发过程详解

Pure JS (4.2)： Web 应用中服务器端 JS 调用 MongoDB 的简单示例

Pure JS (4.2)： Web 应用中服务器端 JS 调用 MongoDB 的简单示例 　　接着上一篇文章，本文将通过一个简单的示例说明如何通过服务器端 JS 调用 MogoDB，以及 ...
应用服务器MongoDBWeb浏览器JavaScript
裴小星 有3076人浏览 2011-06-11 10:50 专栏：PureJS开发过程详解

Pure JS (4.1)： 使用 MongoDB 进行数据存储和管理

Pure JS (4.1)： 使用 MongoDB 进行数据存储和管理 　　MongoDB 的一大特性就是 “JavaScript Friendly”，“Scheme Free” 的主张天生就是与 JavaScript 的开发理念相契 ...
MongoDB配置管理数据结构JavaScript正则表达式
裴小星 有3791人浏览 2011-06-07 07:40 专栏：PureJS开发过程详解

Pure JS (3.2)： 上传下载 （HTML5 与 Flash 上传实现，配置项说明）

Pure JS (3.2)： 上传下载 （HTML5 与 Flash 上传实现，配置项说明） 　　接着上一篇文章的话题，本文主要讲解 HTML5 方式的上传，FLash 方式上传客户端的实现，并说明 pure.upload 组件的配置项。 　　服务器端的实现在上一篇文章已经说明过了，这里就不再重复了。 HTML5 方式上传 　　HTML5方式上传，实际上是解决将文件数据放在请求的 body ...
HTML5FlashJavaScriptActionScriptITeye
裴小星 有2481人浏览 2011-06-04 21:10 专栏：PureJS开发过程详解

Pure JS (3.1)：上传下载（利用 HTML5 与 Flash）

Pure JS (3.1)：上传下载（利用 HTML5 与 Flash） 　　本文主要探讨 JavaScript 文件上传与下载，包括 客户端JS 和 服务器端JS 。 　　客户端支持 HTML5，Flash 和传 ...
HTML5FlashSafari浏览器JavaScript
裴小星 有3570人浏览 2011-06-02 09:11 专栏：PureJS开发过程详解

FireRainbow，使FireBug高亮显示的利器

大家都说，开发JS，离不开FireBug，但是本人却一直用着微软IE自带的开发人员工具。 原因很简单，IE的开发人员工具JS是高亮显示的，而FireBug却是清一色的黑色小字，看了让人蛋疼。 于是长久以来一直与FireBug绝缘。 今天突然心血来潮，上网搜了下有没有使FireBug可以高亮显示的插件，没想到还真有，那就是FireRainbow，于是果断安装，打开FireBug，哦耶，多么亲切 ...
Firebug代码高亮显示
yunzhu 有2026人浏览 2011-06-01 10:10 专栏：Web前端开发

Pure JS (2)： 热部署 （利用 JDK 7 NIO 监控文件变化）

Pure JS (2)： 热部署 （利用 JDK 7 NIO 监控文件变化） 　　接着上一篇文章（http://xxing22657-yahoo-com-cn.iteye.com/blog/1052485）的话题，我们来谈谈服务器端 JS 的热部署问题。 　　由于 JavaScript 是动态语言，动态编译并执行脚本并不困难。所以关键是监控文件变化。 　　这里推荐使用 JDK 7 NIO 中新增 ...
JDK脚本JNIJavaScriptOracle
裴小星 有6310人浏览 2011-05-22 17:17 专栏：PureJS开发过程详解

Pure JS (1): 在 jetty 上运行 JavaScript

Pure JS (1): 在 jetty 上运行 JavaScript 　　所谓 Pure JS ，就是客户端和服务器端程序都用 JavaScript 编写。 　　实现思路是： 　　1. 客户端发起 Ajax 请求，请求的数据格式为 JSON ，方法为 POST 　　2. 服务器端用 Jetty 接收请求 　　3. 用 Java 6 ScriptEngine 执行 JavaScript 脚本 　 ...
JavaScriptEclipse脚本Ajaxjson
裴小星 有5072人浏览 2011-05-21 08:24 专栏：PureJS开发过程详解

Web前端热门专栏

更多专栏>>

Web前端热门文章

博客专栏评论

kaizi1992 写道失效了啊。 楼主 在来一个https://pan.baidu.com/shar ...
zz563143188 评论了 Java中的23种设计模式详解
失效了啊。 楼主 在来一个
kaizi1992 评论了 Java中的23种设计模式详解
首先感谢博主的分享， 现在收集五年的开发资料及源码下载地址： http://pan.baidu.com ...
唯美YEs----先生 评论了 Spring mvc+hibernate+freemarker(开源项目 ...
[size=x-small][color=red][/color][/size]
追梦1819 评论了 [原创] jQuery源码分析-04 选择器-Sizzle- ...
感谢分享！！！！
NEOGX 评论了 Java中的23种设计模式详解
受教了
facingSun 评论了 前端解耦的一个最简单示例
lib20130321LI 这个没找着
purplebutterfly 评论了 Spring mvc+hibernate+freemarker(开源项目 ...
建议大家还是去看看GOF的设计模式吧 像这种博客上的写的东西大部分只是基于自己的理解，因为水平参差，不 ...
lhc380602570 评论了 Java中的23种设计模式详解
谢了，历史难题解决了
niegood 评论了 checkbox与说明文字无法对齐的问题
资料还是比较全面的，还行。
huyang1988 评论了 Spring mvc+hibernate+freemarker(开源项目 ...
Global site tag (gtag.js) - Google Analytics