大牛深度解析大数据可视化、可视分析案例

大牛深度解析大数据可视化、可视分析案例
大数据可视化是个热门话题,在信息安全领域,也由于很多企业希望将大数据转化为信息可视化呈现的各种形式,以便获得更深的洞察力、更好的决策力以及更强的自动化处理能力,数据可视化已经成为网络安全技术的一个重要趋势。 1什么是网络安全可视化?攻击从哪里开始?目的是哪里?哪些地方遭受的攻击最频繁通过大数据?网络安全可视化图,我们可以在几秒钟内回答这些问题,这就是可视化带给我们的效率。大数...

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...
Copyright © 前端技术分享休闲玩耍去处分享-大一网 保留所有权利.   Theme  Ality

用户登录 ⁄ 注册

分享到: