Welcome 微信登录

首页 / 脚本样式 / JavaScript

Raphael一个用于在网页中绘制矢量图形的Javascript库

Raphael一个用于在网页中绘制矢量图形的Javascript库

Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表,还可以绘制任意形状的图形,可以进行图表或图像的裁剪和旋转等复杂操作。 Raphaël 是跨浏览器的矢量图形库,目前支持的浏览器包括: Firefox 3.0+,Safari 3.0+,Chrome 5.0+,...
javascript parseInt() 函数的进制转换注意细节

javascript parseInt() 函数的进制转换注意细节

parseInt(string, radix) 有2个参数,第一个string 是传入的数值,第二个radix是 传入数值的进制,参数radix 可以忽略,默认为 10,各种进制的数转换为 十进制整数(如果不是整数,向下取整)。 radix 的取值范围是 2~36,如果 radix 为 1 或 radix>36 ,转换结果将是 NaN ,如果 radix 为 0 或其它值将被忽略,radix 默认为 10 。 该函数要求第一个参数是字符串,如果不是字...
一行代码实现纯数据json对象的深度克隆实现思路

一行代码实现纯数据json对象的深度克隆实现思路

复制代码 代码如下: var dataObjCloned=JSON.parse(JSON.stringify( dataObj )) 这是昨天晚上从大城小胖的微博上看到的,当时很感兴趣,就mark了下。 今天整理了下资料,分析下为什么一句话可以实现纯数据json对象的深度克隆。 1.JSON.stringify函数 复制代码 代码如下: 将 JavaScript 值转换为 JavaScript 对象表示法 (Json) 字符串。 JSON.stringi...
javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图

javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图

gRaphael 是一个致力于帮助开发人员在网页中绘制各种精美图表的Javascript 库,基于强大的 Raphael矢量图形库。你只需要编写几行简单的代码就能创建出精美的条形图、饼图、点图和曲线图。gRaphael 使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,是跨浏览器的矢量图形库,目前支持的浏览器包括: Firefox 3.0+,Safari 3.0+,Chrome 5.0+,Opera 9.5+ 以及 Internet Explo...
jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)

jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)

功能:zhou en ce同学最近写了个基于jquery的信息弹出插件showInfoDialog,该插件对背景进行遮罩,然后弹出信息显示框,信息显示种类包括:一、信息种类说明:1.1、操作成功信息1.2、错误信息1.3、警告信息1.4、通知信息二、使用说明复制代码 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/htm...
根据json字符串生成Html的一种方式

根据json字符串生成Html的一种方式

文章说明:本文介绍了根据Json串生成Html的一种方式(只是简单实现了文本框,密码框,下拉框)。只是觉得好玩才这样做,如果觉得没有任何价值,请忽略。不足指出希望各位大牛指点。后续将根据各位的指点继续完善。 功能说明: 在左侧输入框中输入Json串,点击执行时根据输入的Json串在右侧展示区显示出相应的Html(使用Jquery1.4.4) HTML: 复制代码 代码如下: <table style="width:100%; "> <co...
javascript之典型高阶函数应用介绍

javascript之典型高阶函数应用介绍

缘由 虽然以前也使用过javascript语言,但终究是为了配合后端写的一些零零散散的“代码段”,更不能说是javascript项目了。很荣幸的是上个月刚到公司正好碰上项目开始推倒重写,我们team从头开始做架构和实现,目的很清楚,为了改进和超越前面的版本。这是个真正意义上的javascript“项目”,当然服务端不是我们team来负责啦。这也是我真正开始全职使用javascript来编程。由于之前在学校对形式化方法这门课程比较感兴趣,而javascrip...
javascript之典型高阶函数应用介绍二

javascript之典型高阶函数应用介绍二

前言 在前一篇文章javascript之典型高阶函数中主要实现了几个典型的functional函数。文章最后也提出了疑问,为啥那样的实现与F#之类的函数式语言“不太一样”呢?今天来试试更“函数式”的实现。 另一种实现 同样地,尝试对之前实现的函数做一些改动,把for循环去掉。如何去掉呢?这里先要引入一个集合的归纳法定义: 一个集合要么是空集,要么是一个数与一个集合组成的数对从定义可以看到,每一个集合都可以看作为一个数和一个集合的对。例如:{1,2,4,5}...
javascript之Partial Application学习

javascript之Partial Application学习

这一次来学习一下Partial Application。我们先看一下函数的介绍,在维基上有简单的介绍: 在数学中,一个函数是描述每个输入值对应唯一输出值的这种对应关系,符号为 f(x)。例如,表达式 f(x)=x2表示了一个函数 f,其中每个输入值x都与唯一输出值x2相联系。因此,如果一个输入值为3,那么它所对应的输出值为9。而g(x,y) = xy有两个参量x和y,以乘积xy为值。上面描述了函数(为方便假设x,y都是int),并且给出了函数的两个例子,先...
js修改table中Td的值(定义td的双击事件)

js修改table中Td的值(定义td的双击事件)

客户需求至上。 这次是更改后的代码,去掉了“确定”,“取消”按钮。变单击为双击事件,用户按ESC键,取消更改。 复制代码 代码如下: //为每个Td添加双击事件 function ReWritable() { var tbmian=document.getElementById("tbmain"); //循环,为每行每列添加双击事件,但是,第一行(thead)与最后一行(tfoot)不添加。 for(var i=1;i<tbmain.rows.len...
js修改table中Td的值(定义td的单击事件)

js修改table中Td的值(定义td的单击事件)

项目做完,在测试验收时,用户突然提出,可以更改查询结果,便于打印。隐藏工程错误。但是这个时候提要求,比较头痛,后来,想了想还是用前台代码,这样,只要在项目的JS文件中,加入以下几个函数,便可以解决了。 复制代码 代码如下: /* 页面装载时,为每个td增加单击事件,这样,就可以不用对每个页面进行更改。 */ function ReWritable() { var tbmian=document.getElementById("tbmain"); for(v...
javascript 中String.match()与RegExp.exec()的区别说明

javascript 中String.match()与RegExp.exec()的区别说明

1. 这两个方法,如果匹配成功,返回一个数组,匹配失败,返回null。 2. 当RegExp的global属性为false时,这两个方法的返回数组是一样的。 数组的第0个元素是整个pattern的第一个匹配字符串,接下来的元素是pattern第一个匹配中的子匹配字符串。 此外,数组还有index和input两个额外属性,index是匹配字符串的起始位置,input是整个输入字符串。 此时,RegExp的lastIndex属性一直是0。 demo...
jquery实现点击TreeView文本父节点展开/折叠子节点

jquery实现点击TreeView文本父节点展开/折叠子节点

以前一个现在不用的帐号发布的随笔,现在人肉搬过来吧。 注册用户有一段时间了,一直很忙,到现在还没有写一篇,忽然觉的一定要花点时间记录和总结一些东西。好吧,就从这里开始了。今天客户提出要点击菜单(TreeView实现的)的父级节点时,展开节点。心想这个应该是很常见的功能吧,特意google了一下,发现大部分是将的不是js实现的,有些js实现的写的麻烦,干脆自己写一个吧,应该不难的。首先思路是,,让文本点击的时候执行左边‘+"号的事件,查看源码看到,‘+"号的...
<< 601 602 603 604 605 606 607 608 609 610 >>