D3.js 动态数据刷新视图详解

D3.js 动态数据刷新视图详解
在官网有着丰富demo的基础上,使用d3绘制一副静态图表并不是难事。但我们更多的需求是:根据用户操作动态获取数据库中数据,进而刷新视图。 最生硬的方法:删除element,重新绘制; d3.select('#svgID').remove(); //删除整个SVG d3.select('#svgID') .selectAll('*') .remove(); //清空SVG中的内容 此方法的确可以做到刷新视图的效果。  优点:快准狠!  缺点:  1. 不能实...

JavaScript可视化图表库D3.js API中文参考

JavaScript可视化图表库D3.js API中文参考
D3 库所提供的所有 API 都在 d3 命名空间下。d3 库使用语义版本命名法(semantic versioning)。 你可以用 d3.version 查看当前的版本信息。 d3 (核心部分) 选择集 d3.select - 从当前文档中选择一系列元素。 d3.selectAll - 从当前文档中选择多项元素。 selection.attr - 设置或获取指定属性。 selection.classed - 添加或删除选定元...

基于d3.js实现实时刷新的折线图

基于d3.js实现实时刷新的折线图
先来看看效果图 下面直接上源代码,html文件 <html> <head> <meta charset="utf-8"> <title>实时刷新折线图</title> <style> .axis path, .axis line{ fill: none; stroke: black; shape-rendering: crispEdges; } .axis text { font-family: sans-serif; font-size: 11px; } .overlay { fill: none; p...

如何防止XSS攻击

如何防止XSS攻击
XSS攻击 XSS攻击类似于SQL注入攻击,攻击之前,我们先找到一个存在XSS漏洞的网站,XSS漏洞分为两种,一种是DOM Based XSS漏洞,另一种是Stored XSS漏洞。理论上,所有可输入的地方没有对输入数据进行处理的话,都会存在XSS漏洞,漏洞的危害取决于攻击代码的威力,攻击代码也不局限于script。 DOM Based XSS DOM Based XSS是一种基于网页DOM结构的攻击,该攻击特点是中招的人是少数人。 场景一: 当我登录a...

什么是xss攻击?

什么是xss攻击?
xss是一门又热门又不太受重视的Web攻击手法,为什么会这样呢,原因有下: 1、耗时间 2、有一定几率不成功 3、没有相应的软件来完成自动化攻击 4、前期需要基本的html、js功底,后期需要扎实的html、js、actionscript2/3.0等语言的功底 5、是一种被动的攻击手法 6、对website有http-only、crossdomian.xml没有用 但是这些并没有影响黑客对此漏洞的偏爱,原因不需要多,只需要一个。 Xss几乎每个...

js监听地址栏hash值的变化

js监听地址栏hash值的变化
// < ![CDATA[ var protocol = window.location.protocol; document.write(''); // ]]>监听地址栏hash值的变化 - vcxiaohan的博客 - 博客频道 - CSDN.NET // < ![CDATA[ (function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { ...

二维码插件jquery.qrcode.js的使用示例

二维码插件jquery.qrcode.js的使用示例
<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <meta name="renderer" content="webkit"> <title>qrcode</title> <script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script&...

js创建svg元素的方法

js创建svg元素的方法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″/> <link rel="stylesheet" href="http://v3.faqrobot.org/hvb/com/css/reset.css?dev=1"> <s...

10分钟搞定TypeScript

10分钟搞定TypeScript
1.安装:npm install -g typescript 有两种主要的方式获取TypeScript工具。 通过npm(Node.js包管理器) 安装TypeScript的Visual Studio插件 Visual Studio2015和Visual Studio 2013 Update 2默认包含了TypeScript。如果你没有安装包含TypeScript的Visual Studio ,你仍然可以下载。 使用NPM的开发者: npm install -g typescript 2.创建第一个TypeScript文件并编译 创建a.ts 内容如下: function a(a){ re...

node-canvas 图形模块 安装攻略

node-canvas 图形模块 安装攻略
1.先安装 Python; 通过Python 官网 http://www.python.org/getit/ 下载并安装最新版本. 然后将Python 的安装目录(如: C:\Program Files\Python) 添加到PATH环境变量中; 2.安装node-gyp 或将 npm 升级到内含 node-gyp 的版本 (nodejs v0.6.13以上的 npm 已内置了node-gyp, 则此步可以略过); 3.再安装 Visual C++ 2010 Express; 因为需要用到其中的MSBuild 用以编译 cairo 类库到本地代码; 微软官方获取: htt...
Copyright © 前端技术分享休闲玩耍去处分享-大一网 保留所有权利.   Theme  Ality

用户登录 ⁄ 注册

分享到: