JS
关注
分享
扫一扫
文章平均质量分 87
java小强
从今天起，站在架构的角度看问题
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
缩略图显示和鼠标悬浮大图显示
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus&qu原创 2010-07-16 08:54:20 · 272 阅读 · 0 评论 -
JS 中存储数据的对象 Dictionary ，回复JS中Map对象模拟
之前写了一个 JS 自定义对象实现Java中的Map对象功能 ，但是遭到许多人的指责，大家都说JS中已经有相关的实现。当然，我非常感谢大家的批评，但是由于本人JS功底并不是特别好，所以可能绕弯走了远路，大家就当学习吧！ 我查询了JS的API，发现了有Dictionary这个对象，那么我把这个对的相关属性和方法都看了一遍，做个例子大家看看，也是我的学习吧！ Dictionary...2012-06-26 14:32:12 · 191 阅读 · 0 评论 -
JS操作DOM 使用表格动态展示数据
公司做一个实时监控有一个地方需要把后台推送的数据动态的使用表格进行展示我知道有一些插件可以做，但问题是我找的那个插件发现动态更新数据时IE内存一直累积，最后会造成崩溃现象使用别人的插件说起来是效果好一些，功能多一些，但是需要的JS和复杂的逻辑，一旦出问题你很难去处理它 我也赶不上再去研究它，我直接手工写一个算了，虽然没有多好的效果，没有额外的功能，但是实现动态表格数据刷新，还是能...2012-06-27 15:39:03 · 377 阅读 · 0 评论 -
DWR ajax 实际应用讲解
首先要增加相应的JAR包，这里我们需要的包并不多。dwr.jar，commons-logging-1.0.4.jar，log4j-1.2.12.jar。注意我这里使用的版本是dwr-2.0.5。 其实要在web.xml中配置dwr。dwr控制器会拦截请求完成相应的处理。<?xml version="1.0" encoding="UTF-8"?><web-a...2012-02-28 15:36:03 · 139 阅读 · 0 评论 -
JS跨浏览器解析XML应用
首先介绍简单的理论：对于XML，我们可以理解它是一种树结构，它包含根，元素，属性，文本等内容。不同浏览器都有自己的解析器，把XML读入内存，并把它转换为可被 JavaScript 访问的 XML DOM 对象。微软的 XML 解析器与其他浏览器中的解析器是有差异的。微软的解析器支持对 XML 文件和 XML 字符串（文本）的加载，而其他浏览器使用单独的解析器。不过，所有的解析器都含有遍历...2012-03-21 17:50:02 · 115 阅读 · 0 评论 -
JavaScript中XMLHttpRequest对象初步使用
XMLHttpRequest 对象XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问，包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力。XMLHttpRequest 可以同步或异步地返回 Web 服务器的响应，并且能够以文本或者一个 DOM 文档的形式返回内容。尽管名为 XMLHttpRequest，它并不限于和 XML 文档一起使用：它可以接收任何形式的...2012-03-22 12:45:25 · 201 阅读 · 0 评论 -
JSON简介与JS解析JSON
JSON大家不会陌生，但是本人还是刚刚深入了解了一下，特作此总结。首先什么是JSON：JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation） JSON 是轻量级的文本数据交换格式 JSON 独立于语言JSON 具有自我描述性，更易理解 JSON 使用 JavaScript 语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON ...2012-03-22 15:28:32 · 95 阅读 · 0 评论 -
关于JS页面动态绘图SVG，Canvas，VML介绍
说到绘图、报表之类的技术，大家首先想到的就是Flex，当然也有许多了解javaapplet，对于这两种技术来说，各有利弊。首先Flex很笨重，但是其效果实在让人喜欢。对于javaapplet来说，至少我在网络上很少看到，当然对于我们做开发的来说在我们的开发工具或者内部网络上还是有一些的。其实现在Web上进行绘图的话还是有很多选择的，你可以到谷歌上搜索JS绘图，会有很多绘图工具提供给你使用，而...2012-03-23 11:00:38 · 431 阅读 · 0 评论 -
JS绘图Flot应用-简单曲线图
首先对Flot做简单介绍：flot 是一个基于jquery的开源javascript库,是一个纯粹的 jQuery JavaScript 绘图库，可以在客户端即时生成图形，使用非常简单，支持放大缩小以及鼠标追踪等交互功能。该插件支持 IE6/7/8/9, Firefox 2.x+, Safari 3.0+, Opera 9.5+ 以及 Konqueror 4.x+。使用的是 Safari 最...2012-03-23 16:13:50 · 265 阅读 · 0 评论 -
JS绘图Flot应用-动态曲线图
刚刚做的是一个静态的曲线图，只要设置数据，就可以直接显示。下面来做一个根据时间间隔根据新数据一直变的曲线绘图示例。同样，为了兼容不同浏览器，请一定要引入三个JS文件，否则不保证在IE下的运行。 首先来看一下效果！ 刷新间隔的实现其实就是定时调用某个函数，这个函数将绘图对象里面的数据更新即可。我们来看一下代码：<!DOCTYPE html PUBLIC "-/...2012-03-23 16:39:49 · 553 阅读 · 0 评论 -
JS绘图Flot应用-可选显示曲线图
刚刚做了可以动态去刷新的曲线图，下面再来实现一个可以选择显示那个显示值的曲线图。其他内容请点击查看！首先看一下效果： 下面的多选框，选择以后会触发一个事件，等同与重新绘制了曲线图。重点是需要的数据的格式，我们来看一下代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http...2012-03-23 17:07:34 · 194 阅读 · 0 评论 -
DWR异常处理
在本次项目中，由于时间紧张直接使用DWR做Ajax请求！要求的是动态展示，那就需要使用DWR轮询请求，但是需要做异常情况下的一些处理！ 特别是DWR在遇到异常后，后台不报错，前台也只提示一个 Error ！如果是轮询的话，那么就一直弹出 Error ，那谁收到了呀！对于DWR异常的处理，网上一大片都是这样说的，在DWR配置中增加一个转换器，将异常转换为一般异常，这样在前台就不是提示 ...2012-04-01 16:45:36 · 213 阅读 · 0 评论 -
动态绘图时VML内存累计增加导致崩溃
前期做了一个动态曲线绘图，实现人员采用了IE的VML进行实现，后来发现也挺简单的。当然也有不足，除了对于IE的限制外当时没有发现其他问题。今天开发人员告诉我，动态绘图的绘制了大约20分钟后页面内存不足。该绘图的需求规格为每秒钟5此刷新，每次绘制400点，在绘图刚开始时后台数据变化能及时响应，但是一段时间以后发现页面后卡死现象。经过测试发现，在进行动态绘图时，IE使用的内存在不断的增加，...2012-04-18 16:28:39 · 106 阅读 · 0 评论 -
JavaScript 二、八、十、十六进制转换
JS中的进制转换其实很简单，主要运用两个函数即可完成： toString 方法返回对象的字符串表示。objectname.toString([radix])参数objectname必选项。要得到字符串表示的对象。radix可选项。指定将数字值转换为字符串时的进制。说明toString 方法是所有内建的 JScript 对象的成员。它的操作依赖于对象的类...2012-09-12 08:51:09 · 204 阅读 · 0 评论 -
zTree 改变指定节点文本样式
需求：打开页面后已经生成一棵带有节点的树，需要实时更新该树每个节点的状态，根据状态，改变节点的ICON和FONT样式。说明：找了一下，基本上都是说加载时指定颜色的，加载时指定颜色的用法，在官方示例中就有说明： 示例：显示自定义字体的树 <SCRIPT type="text/javascript"> <!-- var setting = { vie...2014-03-06 11:45:26 · 957 阅读 · 0 评论 -
RGraph-基于HTML5的 JavaScript 动态仪表盘
目前针对于统计图的制作方法有很多，可以直接利用快逸报表中的自带统计图，还可以通过自定义统计图个性化定制，当然除此之外，在新的HTML5标准中，新增了一个非常重要的元素—canvas元素。使用该元素，可以在页面中直接进行各种复杂图形的制作。因此，如果使用该元素绘制统计图，比之前使用服务器端控件来生成统计图的方法更加具有优越性，因为使用了该元素之后，绘制统计图的工作是直接在客户端进行的，而不再是在服...2012-06-13 09:31:33 · 316 阅读 · 0 评论 -
JS 自定义对象实现Java中的Map对象功能
Java中有集合，Map等对象存储工具类，这些对象使用简易，但是在JavaScript中，你只能使用Array对象。这里我创建一个自定义对象，这个对象内包含一个数组来存储数据，数据对象是一个Key，可以实际存储的内容！ 这里Key，你要使用String类型，和Java一样，你可以进行一些增加，删除，修改，获得的操作。使用很简单，我先把工具类给大家看下：/** * @ver...2012-06-11 16:36:48 · 183 阅读 · 0 评论 -
禁止网页刷新JS分享
<script language="Javascript"> //禁止右键弹出菜单 function document.oncontextmenu() { return false; }function window.onhelp(){return false} //屏蔽F1帮助function document.on...原创 2010-07-16 08:59:57 · 209 阅读 · 0 评论 -
JS 打开一个模式窗口，使用Cookie传递一个参数
页面A，加载后打开一个模式窗口，设置一个参数，然后自己关闭<html><head><script language="javascript">function fullScreen(){ loadpopup(); var width = screen.width-10; var height = screen.height-60;...原创 2010-07-26 09:35:18 · 474 阅读 · 0 评论 -
能使用键盘移动的层页面代码
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>键盘控制层的移动</title> <script language="javascript"原创 2010-08-12 17:10:38 · 136 阅读 · 0 评论 -
Js也导出Excel
<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页</title> <SCRIPT LANGUAGE="JavaScript"> function ExportExcel() { var oXL = new Active原创 2010-08-12 17:25:44 · 103 阅读 · 0 评论 -
关于DWR内存泄漏的问题
机器跑了一晚上，发现有崩溃现象，由于页面内有动态绘图功能，我怀疑是绘图原因，但是今天上午有人提醒我才想到，是不是间隔调用时DWR产生了内存泄漏问题？ 网上查了一下貌似大家都在讨论这个问题，之前我也挺老手说过DWR有内存问题，可是没有遇到过。原来DWR在间隔调用这种情况下会有问题！ 按照大家的说法，修改engine.js配置文件来解决问题，目前我也修改了一下，修改方法如下：在...2012-04-25 14:39:34 · 289 阅读 · 0 评论 -
关于DWR内存泄漏的后续
在上次遇到DWR内存泄漏问题后根据网上的内容对JS文件进行修改，修改后发现还有一些兼容的问题，同时还出现不能调用的一些情况。而且根据统计DWR就算内存泄漏，也不是特别严重，除非你一个浏览器跑几天不关闭，而且实时刷新！ 经过再次查询，得知IE浏览器有自己的一个垃圾回收的函数：CollectGarbage(); CollectGarbage,是IE的一个特有属性,用于释放...2012-04-27 18:18:12 · 194 阅读 · 0 评论 -
关于DWR内存泄露的初步测试报告
我们使用机器配置：操作系统为XP，CPU1.6，内存0.99GB，上面跑一个Tomcat和IE7.0浏览器。 数据为模拟Socket服务端发送，Tomcat Web服务器接收数据并解析，然后通过DWR传递到JSP进行展示，使用的是IE7浏览器。 使用Flot进行绘图，频率为每秒2次，每次800点数，从五一开始跑到今天，实际运行时间 > 24*3 小时，开始内存为80M，I...2012-05-02 09:04:14 · 234 阅读 · 0 评论 -
四个新的 HTTP 状态码
428 Precondition Required 先决条件是客户端发送 HTTP 请求时，如果想要请求能成功必须满足一些预设的条件。一个好的例子就是 If-None-Match 头，经常在 GET 请求中使用，如果指定了 If-None-Match ，那么客户端只在响应中的 ETag 改变后才会重新接收回应。先决条件的另外一个例子就是 If-Match 头，这个一般用在 PUT 请求...2012-05-15 14:36:00 · 107 阅读 · 0 评论 -
基于JQuery和DWR的自动补全
后台我用DWR进行异步数据传递：代码很简单，就是返回一个数组，如果需求不同可以自己修改：package org.dwr.re;/** * 测试 返回数组 * @author 崔素强 */public class BackArray { public String[] backArr() { String[] arr = new String[] { "坚持"...2012-05-25 17:16:43 · 104 阅读 · 0 评论 -
JavaScript 数组 Array对象增加和删除 元素
pop 方法移除数组中的最后一个元素并返回该元素。arrayObj.pop( )必选的 arrayObj 引用是一个 Array 对象。说明如果该数组为空，那么将返回 undefined。shift 方法移除数组中的第一个元素并返回该元素。arrayObj.shift( )必选的 arrayObj 引用是一个 Array 对象。说明shift 方法可移除数组中的第一个元素并返回该元素。v...2012-06-08 10:05:25 · 643 阅读 · 0 评论 -
JS绘图Flot应用-关于图形绘制中的两个异常
今天再次动手用Flot，但是今天用的时候出现一些问题首次报错的是网页错误详细信息用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; QQDownload 721; InfoPath.2)时间戳: Fri, 8 Jun 2012 04:59:50 UTC消息: 'window.G_vmlCa...2012-06-08 13:19:40 · 159 阅读 · 0 评论 -
highcharts 高级应用—动态曲线的实现
第一次写那就来电简介吧，虽然都是废话： Highcharts是一个制作图表的纯Javascript类库， 主要特性如下： 兼容性：兼容当今所有的浏览器，包括iPhone、IE和火狐等等； 对个人用户完全免费； 纯JS，无BS； 支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼装图、散布图； 跨语言：不管是PHP、.net还是...2012-06-08 14:59:43 · 359 阅读 · 0 评论 -
highcharts 高级应用—动态柱状图的实现
废话不再多说！ 实现一个柱状图，这个柱状图的高度在不停的刷新，效果如下： 官网是没有动态刷新的示例的，由于需要我查看了其源码，并根据之前示例做出了动态柱状图的效果，希望对同学们有用！ 看一下代码：<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><html&...2012-06-08 15:10:16 · 311 阅读 · 0 评论 -
highcharts 高级应用—动态饼图的实现
如果你已经看了前面的关于曲线和柱状图的实现，饼图你看看效果和代码就行了！ 动态柱状图实现 动态曲线实现 效果如下： 直接运行该JSP，你会看到效果，代码如下：<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><html> <head...2012-06-08 15:16:24 · 733 阅读 · 0 评论 -
pushlet 之 XMLAdapter 适配器
近日有人咨询Pushlet XMLAdapter 适配器的问题，我特留意了一下到官方看了一下http://www.pushlets.com/，Development Roadmap中最后面说到了这个问题，AJAX (XMLHttpRequest) Support使用AJAX (XMLHttpRequest)的好处就是：cleaner and thinner client-side lib...2013-09-24 19:28:27 · 117 阅读 · 0 评论