小小酥梨
小小酥梨

D3基础 | 条形图

文章目录

  • 引言
  • D3介绍和使用
    • 确定大概流程
    • SVG介绍
    • 确定布局
    • 获得并且设置svg
    • 绑定数据
    • 设置比例尺
    • 绘制坐标轴
    • 添加标题
    • 添加交互效果
    • 导出可视化结果
  • 拓展
  • 小结
  • 参考资料

引言

《复仇者联盟4：终局之战》如今正在热映当中。最高高达300多元的票价也真的是“前无古人，后无来者”，出现了“今天你请我看《复联4》，明天我们就是兄弟”的江湖义气。

《复联4》的大火，很大程度和去年的《复仇者联盟3：无限战争》的悲惨的结局有关——宇宙里一半的生命消失了。而这个结果是由很多因素导致的，但是超级英雄的之一的星爵的最后一顿坑爹操作得负很大的责任。影迷们都异常愤怒，于是根据《复联3》中超级英雄的表现，下面这张图诞生了。
D3基础 | 条形图_第1张图片十七世纪的大科学家伽利略曾经说过：“我们要测量那些可以测量的东西，至于那些无法测量的东西，我们也要想办法加以测量”。的确，“坑”这种说法太模糊了，下面我们就来“测量”一下星爵“坑”的程度。假如星爵的战斗力为1，并且高一级别的每个英雄的战斗力是低一级别的2倍，那么就获得如下的这张表格。

级别 每个英雄的战斗力 人数 总战斗力
超神 32 1 32
很厉害 16 2 32
有帮上忙 8 4 32
尽力了 4 11 44
废物 2 5 20
一坨屎 1 1 1

 
看了这个表，大家应该能隐隐约约地感受到了星爵的坑队友行为了，但是这还不够。接下来我们要一起可视化一下这些数据，用D3写一个可以在浏览器展示的可以交互的条形图，一起更真切地感受星爵的坑爹行为。效果如下：

现在我们来仔细看看这个条形图（如下图）。星爵的“坑”简直铺面而来，有没有？在队友的战斗力面前，他就像蚂蚁遇见了姚明一样微不足道。另一方面我们也可以很快地发现一个有趣的现象，那就是虽然“尽力了”级别每个英雄的战斗力不高，但是这个级别的战斗力总和却是最高的！难道三个臭皮匠真的可以顶一个诸葛亮？
D3基础 | 条形图_第2张图片
下面我们就从0到1来实现上面到效果，当然这里必须强调说明上面的数据纯属娱乐，大家不要当真。

本篇文章一共有两个部分：第一部分介绍网页的组成和开发基础（HTML、CSS、JavaScript等），让你们可以开发和调试一些简单的网页；第二部分介绍D3的基本概念和使用，并且一起来完成上述条形图。

如果按耐不住内心激动的同学，可以先看看这个条形图的在线效果或者完整代码（代码量不多）。

同时本人水平有限，接下来内容若有讲解得不恰当的地方，希望大家指出，我感激不尽！
  

D3介绍和使用

  到目前为止，我们已经搭建好了网页的大概框架，下面我们要做的就是用D3完成可视化部分的代码。按照惯例我们先来了解一下D3。
  D3（Data-Driven Documents）是一个基于JavaScript的库（就像Processing是基于Java一样），主要目的是通过HMTL，SVG，CSS来给数据生命。D3允许我们将任意数据和基于网页的文档（Documnts）绑定起来（就是任意可以被浏览器渲染的东西，比如HTML、SVG），在数据和文档之间建立联系，这个就是所谓的数据驱动（Data-Driven）。
  在学习D3之前，我们先来谈谈我们选择D3进行可视化的理由。
  首先我们得说说为什么需要计算机来参与可视化的过程，直接用笔在纸上画为什么不行？。一方面是数据太多，将每一个数据画出来需要花太多的时间。比如下面的a图还勉强可以让人来画，但是面对b图，人就显得无能为力了。另一方面，数据集随着时间一般在变化，用一个基于计算机的工具显然可以节省更多人力。最后还有一个原因就是纸上的图表都是静态的，但是计算机可以给图表添加交互，前面我们也提到了，交互是可视化工具的一个法宝。
D3基础 | 条形图_第3张图片
  其次计算机上可视化的软件可以说是很多，那为什么我们选则网页来探索和展现可视化的结果。那是因为给大家展现的可视化结果是很重要的，网页是一个获得全球性观众的最快途径。但是必须说一句，D3并不支持一些比较老的浏览器。
  最后就是为什么在众多相当优秀可视化的开源库选择了D3。诸如百度的Echarts，阿里蚂蚁金服的AntV，可以用很短的代码（甚至不用写代码），在很快的时间生成很漂亮的图片。相比之下D3的代码更多和更难以理解，呈现的结果不确定性也很大。
  那是因为D3更加底层，它没有给我们提供一些组件，而是给我们提供了一些数据驱动的函数来帮助我们创造自己的组件。也就说，其他的库就是卖汽车的，我们只要给商家说明我们想要汽车的型号、颜色等，就可以获得一辆崭新的汽车。但是D3是卖零件的，需要按照自己的需求组装这些零件，从而获得汽车。D3更像一个探索可视化原理的库，而不是一个可视化的库。
  同时D3的作者是纽约时报的工程师，而D3 项目的代码托管于 GitHub（一个开发管理平台，目前已经是全世界最流行的代码托管平台，云集了来自世界各地的优秀工程师）。在众多开源库中是一个很流行的库，目前star的数量在所有github开源项目里排11位，并且是这11位中唯一一个数据可视化的开源库。
  流行就意味着D3有很好的生态环境，有很多案例、教程和社区，我们能很容易找到学习资源、问题解答。
  如果你想在短的时间作出优美的可视化，你可以使用Echarts和AntV等，但是如果你希望了解每种可视化方法的原理，那么D3将是一个不错的选择。了解原理有很多好处，比如出了问题我知道问题的根源在哪里，同时可以制造更个性化和新颖的可视化图表。
  下面激动人心的可视化部分就要开始了。我们使用的是最新版本的D3（5.9.2）。
  

确定大概流程

  第一步我们来确定代码的大概执行流程，在之前代码的基础上我们加入一些代码，最后结果如图：

<html>
<head>
	
	<meta charset="UTF-8">
	<title>条形图title>
	<style>
	/*之前定义的一些样式信息*/
	style>
	
	<script src="https://d3js.org/d3.v5.min.js">script>
	<script>
		function changeColor(){
      
			//之前些的代码....
		}
		//这个函数是将data对应的条形图现实在网页中
		function drawBarChart(data){
      
			//设置svg
			//获得svg
			//设置比例尺
			//绘制条形
			//绘制坐标轴
			//绘制标题
			//添加交互
		}
	script>
head>
<body>
	<h1 class='text' onclick="changeColor()">D3与可视化的第一次邂逅h1>
	<p class="text" id="introduction">星爵的“坑”简直铺面而来，有没有？在队友的战斗力面前，他就像蚂蚁遇见了姚明一样微不足道。p>
	
	<svg>svg>
	<script>
		//这个是我们要可是化的数据
		let data = [
			{
      key: '一坨屎', value: 1},
			{
      key: '废物', value: 10},
			{
      key: '尽力了', value: 44},
			{
      key: '有帮上忙', value: 32},
			{
      key: '很厉害', value: 32},
			{
      key: '超神', value: 32},
		]
		//在控制台以表格形式输出数据
		console.table(data)
		drawBarChart(data);
	script>
body>
html>

  浏览器渲染引擎渲染一个网页过程大概如下。
  浏览器渲染引擎会从上到下地渲染HMTL文档。标签中会包含一些引用外部文件的代码，从开始运行就会下载这些被引用的外部文件。当遇见

你可能感兴趣的:(D3,数据可视化,入门教程)

  • Pyecharts数据可视化大屏：打造沉浸式数据分析体验 我的运维人生 信息可视化数据分析数据挖掘运维开发技术共享
    Pyecharts数据可视化大屏：打造沉浸式数据分析体验在当今这个数据驱动的时代，如何将海量数据以直观、生动的方式展现出来，成为了数据分析师和企业决策者关注的焦点。Pyecharts，作为一款基于Python的开源数据可视化库，凭借其丰富的图表类型、灵活的配置选项以及高度的定制化能力，成为了构建数据可视化大屏的理想选择。本文将深入探讨如何利用Pyecharts打造数据可视化大屏，并通过实际代码案例
  • 第四天旅游线路预览——从换乘中心到喀纳斯湖 陟彼高冈yu 基于Googleearthstudio的旅游规划和预览旅游
    第四天：从贾登峪到喀纳斯风景区入口，晚上住宿贾登峪；换乘中心有4路车，喀纳斯①号车，去喀纳斯湖，路程时长约5分钟；将上面的的行程安排进行动态展示，具体步骤见”Googleearthstudio进行动态轨迹显示制作过程“、“Googleearthstudio入门教程”和“Googleearthstudio进阶教程“相关内容，得到行程如下所示：Day4-2-480p
  • pyecharts——绘制柱形图折线图 2224070247 信息可视化pythonjava数据可视化
    一、pyecharts概述自2013年6月百度EFE(ExcellentFrontEnd）数据可视化团队研发的ECharts1.0发布到GitHub网站以来，ECharts一直备受业界权威的关注并获得广泛好评，成为目前成熟且流行的数据可视化图表工具，被应用到诸多数据可视化的开发领域。Python作为数据分析领域最受欢迎的语言，也加入ECharts的使用行列，并研发出方便Python开发者使用的数据
  • 高级 ECharts 技巧：自定义图表主题与样式 SnowMan1993 echarts信息可视化数据分析
    ECharts是一个强大的数据可视化库，提供了多种内置主题和样式，但你也可以根据项目的设计需求，自定义图表的主题与样式。本文将介绍如何使用ECharts自定义图表主题，以提升数据可视化的吸引力和一致性。1.什么是ECharts主题？ECharts的主题是指定义图表样式的配置项，包括颜色、字体、线条样式等。通过预设主题，你可以快速更改图表的整体风格，而自定义主题则允许你在此基础上进行个性化设置。2.
  • nosql数据库技术与应用知识点 皆过客，揽星河 NoSQLnosql数据库大数据数据分析数据结构非关系型数据库
    Nosql知识回顾大数据处理流程数据采集(flume、爬虫、传感器)数据存储(本门课程NoSQL所处的阶段)Hdfs、MongoDB、HBase等数据清洗(入仓)Hive等数据处理、分析(Spark、Flink等)数据可视化数据挖掘、机器学习应用(Python、SparkMLlib等)大数据时代存储的挑战(三高)高并发(同一时间很多人访问)高扩展(要求随时根据需求扩展存储)高效率(要求读写速度快)
  • ESP32-C3入门教程 网络篇⑩——基于esp_https_ota和MQTT实现开机主动升级和被动触发升级的OTA功能 小康师兄 ESP32-C3入门教程https服务器esp32OTAMQTT
    文章目录一、前言二、软件流程三、部分源码四、运行演示一、前言本文基于VSCodeIDE进行编程、编译、下载、运行等操作基础入门章节请查阅：ESP32-C3入门教程基础篇①——基于VSCode构建HelloWorld教程目录大纲请查阅：ESP32-C3入门教程——导读ESP32-C3入门教程网络篇⑨——基于esp_https_ota实现史上最简单的ESP32OTA远程固件升级功能二、软件流程
  • GenVisR 基因组数据可视化实战(三) 11的雾
    3.genCov画每个突变位点附件的coverage，跟igv有点相似。这个操作起来很复杂，但是图还是挺有用的。可以考虑。由于我的referencegenomebuild是hg38BiocManager::install(c("TxDb.Hsapiens.UCSC.hg38.knownGene","BSgenome.Hsapiens.UCSC.hg38"))library(TxDb.Hsapien
  • Python数据分析与可视化 jun778895 python数据分析开发语言
    Python数据分析与可视化是一个涉及数据处理、分析和以图形化方式展示数据的过程，它对于数据科学家、分析师以及任何需要从数据中提取洞察力的专业人员来说至关重要。以下将详细探讨Python在数据分析与可视化方面的应用，包括常用的库、数据处理流程、可视化技巧以及实际应用案例。一、Python数据分析与可视化的重要性数据可视化是将数据以图形或图像的形式表示出来，以便人们能够更直观地理解数据背后的信息和规
  • 【Python】tkinter及组件如何使用 小九不懂SAP 我的Python日记python开发语言tkinter
    一、tkinter的应用场景tkinter是Python的标准GUI（图形用户界面）库，它提供了丰富的控件和工具，使得开发者能够轻松创建跨平台的桌面应用程序。以下是一些tkinter的常见应用场景：桌面应用程序开发：开发者可以使用tkinter来创建各种桌面应用程序，如文本编辑器、计算器、图片查看器、游戏等。这些应用程序可以具有复杂的用户界面，包括窗口、按钮、文本框、下拉菜单、滚动条等。数据可视化
  • C# 开发教程-入门基础 天马3798 教程系列整理c#开发语言
    1.C#简介、环境，程序结构2.C#基本语法，变量，控制局域，数据类型，类型转换3.C#数组、循环，Linq4.C#类，封装，方法5.C#枚举、字符串6.C#面相对象，继承，封装，多态7.C#特性、属性、反射、索引器8.C#委托，事件，集合，泛型9.C#匿名方法10.C#多线程更多：JQuery开发教程入门基础Vue开发基础入门教程Vue开发高级学习教程
  • 第315篇｜【岁月守候】 生活有时候也需要自得宅乐 未之园
    ❁/岁月守候（D32-34）2021-10-04，星期一，阴68）国庆观影。天气凉下来，正是可以出去走一走。滨河湿地已经没有那么多人，主要还是孩子们玩充气城堡罢了。现在的生活是多么美好啊，但是什么时候也不能忘记今天幸福生活的来之不易。缅怀先烈，致敬英雄，祝福祖国繁荣昌盛，这才是国庆应有之义。所以，去看一场《长津湖》吧。国庆观影2021-10-05，星期二，阴69）自得宅乐。天气真的冷了下来，却是宅
  • 聚划算百亿补贴劵怎么抢，淘宝百亿补贴内部整点抢劵技巧 测评君高省
    聚划算作为淘宝平台的另一个促销活动，最近也是备受人关注，毕竟很多东西真的是也很实惠，当然聚划算也是有优惠券可以使用的，但是卖家们肯定也是要考虑到自己的盈利情况设置优惠券的，那怎么设置呢?买家又如何领取呢?文章最后更省钱的网购方法！JU.划-算【百亿补贴】，真补贴超划算，买贵必赔，复制下条打开淘宝领取cop.y>>閞(CZ6932fHv6d3714hR//推荐应用商店下载高省app，高省登录邀请码1
  • Axure科技感大屏系统设计：智慧农场管理平台 招风的黑耳 Axureaxure科技感可视化智慧农业智慧农场
    在数字化转型的浪潮中，数据可视化作为连接现实世界与数字世界的桥梁，正以前所未有的速度改变着各行各业的面貌。智慧农业作为现代农业的重要发展方向，其管理平台的数据大屏设计尤为重要，它不仅是农场运营状况的直接展示窗口，更是决策支持与分析的强有力工具。AxureRP，作为一款强大的原型设计工具，凭借其高度的自定义能力和丰富的交互设计功能，成为了设计科技感十足的智慧农场管理平台大屏的理想选择。Axure在科
  • R 数据可视化 —— 韦恩图 名本无名
    前言对于数据集之间交叠关系的可视化，通常想到的是绘制韦恩图。韦恩图是一种关系型图表，通过图形之间的重叠来反映数据集之间的相交关系。下面，我们来简单介绍一下如何绘制韦恩图韦恩图绘制韦恩图的包有很多，比如gplots包的venn()函数、limma包的vennDiagram()函数、venneuler包的venneuler()函数。但是这些包绘制出来的图像效果都不是很好，所以我们使用比较成熟的包Ven
  • Vite项目中eslint的简单配置 DT—— 其他javascript前端代码规范
    1.创建一个vite项目使用包管理工具创建一个vite项目。npminitvite@latest#或者使用yarncreateyarncreatevite#或者使用pnpmpnpmcreatevite2.安装eslintnpminstalleslint-D#或者使用yarnyarnaddeslint-D#或者使用pnpmpnpmaddeslint-D3.初始化eslint配置文件在项目根目录下运行
  • GD32的虚拟串口CDC的一些注意事项 跳动的代码 单片机mcu
    在移植GD32CDC的USB虚拟串口，即CDC设备时，需要注意一下几点。我这里已GD32E503为例。1、时钟要正确，GD32E503的时钟必须为168M才能用2、硬件问题，GD32E503的USB必须要三个脚，除了DPDM外，还有DP一个上拉脚要配置。3、不要忘了移植中断部分代码，USB是有中断函数的。4、关于CDC的发送和接收问题：用官方的例程，发送和接收是没问题的。但是在我们代码里是不能直接
  • 【QT教程】QT6硬件图形界面编程 QT硬件编程 QT性能优化QT原理源码QT界面美化 qtqt6.3qt5c++QT教程
    QT6硬件图形界面编程使用AI技术辅助生成QT界面美化视频课程QT性能优化视频课程QT原理与源码分析视频课程QTQMLC++扩展开发视频课程免费QT视频课程您可以看免费1000+个QT技术视频免费QT视频课程QT统计图和QT数据可视化视频免费看免费QT视频课程QT性能优化视频免费看免费QT视频课程QT界面美化视频免费看1QT6硬件图形界面编程概述1.1QT6硬件图形界面编程简介1.1.1QT6硬件
  • 微信红包封面的领取序列号大全免费2024最新 全网优惠分享
    微信红包封面序列号，深夜，你一个人在床上翻来覆去，无法入眠。你已经尝试过各种方法，可无论如何也无法抓住那颗飘忽不定的睡眠。此时，你拿出手机打开微信，准备看一下朋友圈。突然，一个红包封面序列号的标题吸引了你的注意。微.信搜索:「封面院」关注公众号可领取红包封面序列号。最新微信红包封面序列号：先到先得，抢完为止：1、pdiqgLsY1lR2、vC8tY0VRf3D3、j0kzzrfwl6Y4、dqRC
  • 基于VUE2-dataV和echarts实现的可视化大屏，百分比适配PC端 风流野趣fly echarts信息可视化前端vue.jsjavascriptvscode大数据
    可视化平台中，数据分别通过仪表盘、环状图、柱形图、曲线图、滚动表格等多种形式展示数据变化。可视化平台大致分为左、中、右三部分，左侧由能耗总览、耗能占比、库存预警构成，中间由数据总览、销售计划完成率构成，右侧由销售统计、销售排名（TOP8）、生产统计构成。平台右上角动态显示当前系统日期、星期、时间，格式。在管理端进行添加数据后，数据可视化图表进行相应变化。1.能耗总览仪表盘，统计分析耗电量、耗水量、
  • 微信红包封面序列号大全免费2024最新 全网优惠分享
    微信红包封面序列号大全免费2024最新年关将近，诸多值得纪念的日子接踵而至，很多要好的关系如家人、朋友以及情侣需要通过发红包来表达祝福，有很多小伙伴想知道有没有好看的红包封面，下面小编给大家详细介绍一下。微.信搜索:「封面院」关注公众号直接领。如下图：（以后你发红包就是这种效果）微信红包封面序列号大全一、最新红包封面序列号1、pdiqgLsY1lR2、vC8tY0VRf3D3、j0kzzrfwl6
  • Matlab2024a安装教程 是阿宇呢 信息可视化开发语言
    MATLAB是一款商业数学软件，用于算法开发、数据可视化、数据分析以及数值计算的高级技术计算语言和交互式环境，主要包括MATLAB和Simulink两大部分，可以进行矩阵运算、绘制函数和数据、实现算法、创建用户界面、连接其他编程语言的程序等，主要应用于工程计算、控制设计、信号处理与通讯、图像处理、信号检测、金融建模设计与分析等领域。1.解压安装包：①鼠标右击【MATLABR2024a(64bit)
  • 一文说透 Android 应用架构 MVC、MVP、MVVM 和 组件化，Android基础入门教程 Java后时代 2024年程序员学习android架构mvc
    然后，就是我们的View层的代码，同样，我对代码做了删减：@Route(path=BaseConstants.EYEPETIZER_MENU)publicclassHomeActivityextendsCommonActivityimplementsHomeContract.IView{//实例化PresenterprivateHomeContract.IPresenterpresenter;{p
  • 如何快速的构建企业运维可视化大屏 益达_glmsb
    基于AIOps理念研发的新一代运维监大屏全盘展示IT运行状态，减轻运维人员的重复性工作量，提高IT系统排错速度，加速运维知识学习积累。图片1.png领先的数据可视化平台，把IT运维化繁为简图片2.jpg图片3.png图片4.png图片5.png图片6.png全面提升IT运维管理水平1.直接导出精美的IT运行可视化报表图片7.png2.资源分析对比图片8.png3.自动生成监控项运行“脑图”图片9.
  • PTA：7-1 售货机内的商品数据 萠哥啥都行 c语言
    有一个售货柜员机，内有多种商品供人购买（商品种类不超过100个），每种商品有名称，数量，单价等信息。编程完成n种商品信息的输入输出。输入格式:第一行输入商品种类个数n，第二行依次输入商品的名称，数量，单价。输出格式:输出商品名称，数量，单价（保留1位小数）和总价（等于单价*数量，保留2位小数），不同数字之间有一个空格。输入样例:4bread35.2milk53.5cookie301.5cake25
  • Livox_Mid360+IMU仿真搭建 夜雨拾年 无人机
    前言本文是对在gazebo里搭建一个livoxmid360+惯导仿真平台测试FAST-LIO2的实现，此博文中存在部分需要修改代码的地方，因此在本文中做出更详细的说明。资源包安装注：由于livox点云的格式是CustomMsg，而rviz中主要使用PointCloud和PointCloud2，转换不太方便，因此不使用官方提供的软件包，使用他人修改后的软件包。但此软件包开发时间较早，缺少mid360
  • 基于XTDrone的ZD550+Mid360实现 夜雨拾年 无人机
    前言本文是对ZD550搭载Mid360激光雷达Gazebo仿真平台搭建记录的实现文件导入先下载提供的文件链接:https://pan.baidu.com/s/1reqGCcQOj1T_tGBY3EZWpw?pwd=328c提取码:328c将文件夹ZD550_Mid360中的5个文件夹都添加到PX4_Firmware/Tools/sitl_gazebo/models目录下，其中models目录下可能
  • XTDrone+ZD550+Livox_Mid360+IMU仿真实现 夜雨拾年 无人机
    简介本文是前两篇博客Livox_Mid360+IMU仿真搭建、基于XTDrone的ZD550+Mid360实现的结合，将ZD550与Livox_Mid360+IMU结合，从原有的xacro文件转为sdf文件，更适合gazebo仿真的实现。最终效果DIY若想实现对激光雷达参数的修改，可参考以下部分标签内部的元素详细定义了Gazebo中使用的雷达传感器的扫描特性和性能。这些设置影响雷达模拟的准确性和效
  • C# 在WPF中实现图表生成 A_nanda WPF赏析c#wpf开发语言
    在现代应用程序中，数据可视化是一个重要的功能，它可以帮助用户更直观地理解数据。在C#WPF（WindowsPresentationFoundation）中，有多种方式可以生成图表。以下是五种常见的方法，每种方法都有其独特的优势和局限。1.使用System.Windows.Shapes命名空间代码示例：<RectangleWidth="50"Height="50"Fill="Blue"Canva
  • 感恩日记0103-0513 糊糊陪你瑜伽
    一.每日精进：1.学习：《瑜伽之道》2.健身：《艾扬格瑜伽入门教程》第九周第二轮第7遍3.陪家人:今天是打拳日，对打的小哥哥出手很准，悟空也很抗打4.帮朋友：在直播间带大家练习；5.投资：每日定投box二.每日感恩：感恩sssb，所有伟大的传承上师们；感恩爸妈准备午餐，妈下午帮忙接悟空带他去上课；感谢二组给力的组委们，大家齐心协力，打了漂亮杖；感谢团长马倩总能在需要时答疑解惑，还开课组委会，优秀的
  • 【每日一词】D33 edge 宠辱不惊的中年少女
    1）学习笔记：edge：优势，=advantagebeanabsoluteedge有绝对优势AhasanedgeoverB表示A比B更好maintainone'sedge保持优势loseone'sedge失去优势innovativeedge创新方面的优势2）查字典延伸：A.就工作经验而言，她显然要比我们面试过的其他人都胜出一筹。Intermsofexperience,shedefinitelyha
  • mysql主从数据同步 林鹤霄 mysql主从数据同步
    配置mysql5.5主从服务器(转) 教程开始：一、安装MySQL 说明：在两台MySQL服务器192.168.21.169和192.168.21.168上分别进行如下操作，安装MySQL 5.5.22  二、配置MySQL主服务器（192.168.21.169）mysql  -uroot  -p   &nb
  • oracle学习笔记 caoyong oracle
    1、ORACLE的安装    a>、ORACLE的版本    8i,9i :   i是internet    10g,11g : grid (网格)    12c : cloud (云计算)       b>、10g不支持win7 &
  • 数据库，SQL零基础入门 天子之骄 sql数据库入门基本术语
    数据库，SQL零基础入门        做网站肯定离不开数据库，本人之前没怎么具体接触SQL，这几天起早贪黑得各种入门，恶补脑洞。一些具体的知识点，可以让小白不再迷茫的术语，拿来与大家分享。          数据库，永久数据的一个或多个大型结构化集合，通常与更新和查询数据的软件相关
  • pom.xml 一炮送你回车库 pom.xml
    1、一级元素dependencies是可以被子项目继承的 2、一级元素dependencyManagement是定义该项目群里jar包版本号的，通常和一级元素properties一起使用，既然有继承，也肯定有一级元素modules来定义子元素 3、父项目里的一级元素<modules> <module>lcas-admin-war</module> <
  • sql查地区省市县 3213213333332132 sqlmysql
    -- db_yhm_city SELECT * FROM db_yhm_city WHERE class_parent_id = 1 -- 海南 class_id = 9 港、奥、台 class_id = 33、34、35 SELECT * FROM db_yhm_city WHERE class_parent_id =169 SELECT d1.cla
  • 关于监听器那些让人头疼的事 宝剑锋梅花香 画图板监听器鼠标监听器
           本人初学JAVA，对于界面开发我只能说有点蛋疼，用JAVA来做界面的话确实需要一定的耐心（不使用插件，就算使用插件的话也没好多少）既然Java提供了界面开发，老师又要求做，只能硬着头皮上啦。但是监听器还真是个难懂的地方，我是上了几次课才略微搞懂了些。       
  • JAVA的遍历MAP darkranger map
    Java Map遍历方式的选择 1. 阐述 　　对于Java中Map的遍历方式，很多文章都推荐使用entrySet，认为其比keySet的效率高很多。理由是：entrySet方法一次拿到所有key和value的集合；而keySet拿到的只是key的集合，针对每个key，都要去Map中额外查找一次value，从而降低了总体效率。那么实际情况如何呢？ 　　为了解遍历性能的真实差距，包括在遍历ke
  • POJ 2312 Battle City 优先多列+bfs aijuans 搜索
    来源：http://poj.org/problem?id=2312 题意：题目背景就是小时候玩的坦克大战，求从起点到终点最少需要多少步。已知S和R是不能走得，E是空的，可以走，B是砖，只有打掉后才可以通过。 思路：很容易看出来这是一道广搜的题目，但是因为走E和走B所需要的时间不一样，因此不能用普通的队列存点。因为对于走B来说，要先打掉砖才能通过，所以我们可以理解为走B需要两步，而走E是指需要1
  • Hibernate与Jpa的关系，终于弄懂 avords javaHibernate数据库jpa
    我知道Jpa是一种规范，而Hibernate是它的一种实现。除了Hibernate，还有EclipseLink(曾经的toplink)，OpenJPA等可供选择，所以使用Jpa的一个好处是，可以更换实现而不必改动太多代码。 在play中定义Model时，使用的是jpa的annotations，比如javax.persistence.Entity, Table, Column, OneToMany
  • 酸爽的console.log bee1314 console
    在前端的开发中，console.log那是开发必备啊，简直直观。通过写小函数，组合大功能。更容易测试。但是在打版本时，就要删除console.log，打完版本进入开发状态又要添加，真不够爽。重复劳动太多。所以可以做些简单地封装，方便开发和上线。 /** * log.js hufeng * The safe wrapper for `console.xxx` functions *
  • 哈佛教授：穷人和过于忙碌的人有一个共同思维特质 bijian1013 时间管理励志人生穷人过于忙碌
            一个跨学科团队今年完成了一项对资源稀缺状况下人的思维方式的研究，结论是：穷人和过于忙碌的人有一个共同思维特质，即注意力被稀缺资源过分占据，引起认知和判断力的全面下降。这项研究是心理学、行为经济学和政策研究学者协作的典范。 　　这个研究源于穆来纳森对自己拖延症的憎恨。他7岁从印度移民美国，很快就如鱼得水，哈佛毕业
  • other operate 征客丶 OSosx
    一、Mac Finder 设置排序方式，预览栏 在显示－》查看显示选项中 二、有时预览显示时，卡死在那，有可能是一些临时文件夹被删除了，如：/private/tmp[有待验证] -------------------------------------------------------------------- 若有其他凝问或文中有错误，请及时向我指出， 我好及时改正，同时也让我们一
  • 【Scala五】分析Spark源代码总结的Scala语法三 bit1129 scala
    1. If语句作为表达式 val properties = if (jobIdToActiveJob.contains(jobId)) { jobIdToActiveJob(stage.jobId).properties } else { // this stage will be assigned to "default" po
  • ZooKeeper 入门 BlueSkator 中间件zk
    ZooKeeper是一个高可用的分布式数据管理与系统协调框架。基于对Paxos算法的实现，使该框架保证了分布式环境中数据的强一致性，也正是基于这样的特性，使得ZooKeeper解决很多分布式问题。网上对ZK的应用场景也有不少介绍，本文将结合作者身边的项目例子，系统地对ZK的应用场景进行一个分门归类的介绍。 值得注意的是，ZK并非天生就是为这些应用场景设计的，都是后来众多开发者根据其框架的特性，利
  • MySQL取得当前时间的函数是什么 格式化日期的函数是什么 BreakingBad mysqlDate
    取得当前时间用 now() 就行。 在数据库中格式化时间 用DATE_FORMA T(date, format) . 根据格式串format 格式化日期或日期和时间值date，返回结果串。 可用DATE_FORMAT( ) 来格式化DATE 或DATETIME 值，以便得到所希望的格式。根据format字符串格式化date值: %S, %s 两位数字形式的秒（ 00,01,
  • 读《研磨设计模式》-代码笔记-组合模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; abstract class Component { public abstract void printStruct(Str
  • 4_JAVA+Oracle面试题(有答案) chenke oracle
    基础测试题 卷面上不能出现任何的涂写文字，所有的答案要求写在答题纸上，考卷不得带走。 选择题 1、 What will happen when you attempt to compile and run the following code? （3） public class Static { static { int x = 5; // 在static内有效 } st
  • 新一代工作流系统设计目标 comsci 工作算法脚本
      用户只需要给工作流系统制定若干个需求，流程系统根据需求，并结合事先输入的组织机构和权限结构，调用若干算法，在流程展示版面上面显示出系统自动生成的流程图，然后由用户根据实际情况对该流程图进行微调，直到满意为止，流程在运行过程中，系统和用户可以根据情况对流程进行实时的调整，包括拓扑结构的调整，权限的调整，内置脚本的调整。。。。。 在这个设计中，最难的地方是系统根据什么来生成流
  • oracle 行链接与行迁移 daizj oracle行迁移
    表里的一行对于一个数据块太大的情况有二种(一行在一个数据块里放不下) 第一种情况: INSERT的时候，INSERT时候行的大小就超一个块的大小。Oracle把这行的数据存储在一连串的数据块里(Oracle Stores the data for the row in a chain of data blocks)，这种情况称为行链接(Row Chain)，一般不可避免(除非使用更大的数据
  • [JShop]开源电子商务系统jshop的系统缓存实现 dinguangx jshop电子商务
    前言 jeeshop中通过SystemManager管理了大量的缓存数据，来提升系统的性能，但这些缓存数据全部都是存放于内存中的，无法满足特定场景的数据更新（如集群环境）。JShop对jeeshop的缓存机制进行了扩展，提供CacheProvider来辅助SystemManager管理这些缓存数据，通过CacheProvider,可以把缓存存放在内存,ehcache,redis，memcache
  • 初三全学年难记忆单词 dcj3sjt126com englishword
    several 儿子；若干 shelf 架子 knowledge 知识；学问 librarian 图书管理员 abroad 到国外，在国外 surf 冲浪 wave 浪；波浪 twice 两次；两倍 describe 描写；叙述 especially 特别；尤其 attract 吸引 prize 奖品；奖赏 competition 比赛；竞争 event 大事；事件 O
  • sphinx实践 dcj3sjt126com sphinx
      安装参考地址:http://briansnelson.com/How_to_install_Sphinx_on_Centos_Server   yum install sphinx 如果失败的话使用下面的方式安装 wget http://sphinxsearch.com/files/sphinx-2.2.9-1.rhel6.x86_64.rpm yum loca
  • JPA之JPQL（三） frank1234 ormjpaJPQL
    1 什么是JPQL JPQL是Java Persistence Query Language的简称，可以看成是JPA中的HQL， JPQL支持各种复杂查询。 2 检索单个对象 @Test public  void querySingleObject1() {     Query query = em.createQuery("sele
  • Remove Duplicates from Sorted Array II hcx2013 remove
    Follow up for "Remove Duplicates":What if duplicates are allowed at most twice? For example,Given sorted array nums = [1,1,1,2,2,3], Your function should return length
  • Spring4新特性——Groovy Bean定义DSL jinnianshilongnian spring 4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • CentOS安装Mysql5.5 liuxingguome centos
    CentOS下以RPM方式安装MySQL5.5 首先卸载系统自带Mysql： yum remove mysql mysql-server mysql-libs compat-mysql51 rm -rf /var/lib/mysql rm /etc/my.cnf 查看是否还有mysql软件： rpm -qa|grep mysql 去http://dev.mysql.c
  • 第14章 工具函数（下） onestopweb 函数
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • POJ 1050 SaraWon 二维数组子矩阵最大和
    POJ ACM第1050题的详细描述，请参照 http://acm.pku.edu.cn/JudgeOnline/problem?id=1050 题目意思： 给定包含有正负整型的二维数组，找出所有子矩阵的和的最大值。 如二维数组 0 -2 -7 0 9 2 -6 2 -4 1 -4 1 -1 8 0 -2 中和最大的子矩阵是 9 2 -4 1 -1 8 且最大和是15
  • [5]设计模式——单例模式 tsface java单例设计模式虚拟机
    单例模式：保证一个类仅有一个实例，并提供一个访问它的全局访问点   安全的单例模式：     /* * @(#)Singleton.java 2014-8-1 * * Copyright 2014 XXXX, Inc. All rights reserved. */ package com.fiberhome.singleton;
  • Java8全新打造，英语学习supertool yangshangchuan javasuperword闭包java8函数式编程
    superword是一个Java实现的英文单词分析软件，主要研究英语单词音近形似转化规律、前缀后缀规律、词之间的相似性规律等等。Clean code、Fluent style、Java8 feature: Lambdas, Streams and Functional-style Programming。   升学考试、工作求职、充电提高，都少不了英语的身影，英语对我们来说实在太重要