开源中国段子手
开源中国段子手

d3js交互式柱状图

<html>  
<head>  
    <meta charset="utf-8">  
    <title>交互式操作</title>  
</head> 

<style>
    .axis path,
    .axis line{
        fill: none;
        stroke: black;
        shape-rendering: crispEdges;
    }

    .axis text {
        font-family: sans-serif;
        font-size: 11px;
    }

    .MyRect {

    }

    .MyText {
        fill: white;
        text-anchor: middle;
    }
</style>

<body>  
    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>  
    <script>

    //画布大小
    var width = 400;
    var height = 400;

    //在 body 里添加一个 SVG 画布    
    var svg = d3.select("body")
        .append("svg")
        .attr("width", width)
        .attr("height", height);

    //画布周边的空白
    var padding = {left:50, right:30, top:20, bottom:20};

    //定义一个数组
    var dataset = [6482, 3786, 1777, 1326, 1246, 1212, 1132, 1063,724];
        
    //x轴的比例尺
    var xScale = d3.scale.ordinal()
        .domain(d3.range(dataset.length))
        .rangeRoundBands([0, width - padding.left - padding.right]);

    //y轴的比例尺
    var yScale = d3.scale.linear()
        .domain([0,d3.max(dataset)])
        .range([height - padding.top - padding.bottom, 0]);

    //定义x轴
    var xAxis = d3.svg.axis()
        .scale(xScale)
        .orient("bottom");
        
    //定义y轴
    var yAxis = d3.svg.axis()
        .scale(yScale)
        .orient("left");

    //矩形之间的空白
    var rectPadding = 4;

    //添加矩形元素
    var rects = svg.selectAll(".MyRect")
        .data(dataset)
        .enter()
        .append("rect")
        .attr("class","MyRect")
        .attr("transform","translate(" + padding.left + "," + padding.top + ")")
        .attr("x", function(d,i){
            return xScale(i) + rectPadding/2;
        } )
        .attr("y",function(d){
            return yScale(d);
        })
        .attr("width", xScale.rangeBand() - rectPadding )
        .attr("height", function(d){
            return height - padding.top - padding.bottom - yScale(d);
        })
        .attr("fill","steelblue")        //填充颜色不要写在CSS里
        .on("mouseover",function(d,i){
            d3.select(this)
                .attr("fill","yellow");
        })
        .on("mouseout",function(d,i){
            d3.select(this)
                .transition()
                .duration(500)
                .attr("fill","steelblue");
        });

    //添加文字元素
    var texts = svg.selectAll(".MyText")
        .data(dataset)
        .enter()
        .append("text")
        .attr("class","MyText")
        .attr("transform","translate(" + padding.left + "," + padding.top + ")")
        .attr("x", function(d,i){
            return xScale(i) + rectPadding/2;
        } )
        .attr("y",function(d){
            return yScale(d);
        })
        .attr("dx",function(){
            return (xScale.rangeBand() - rectPadding)/2;
        })
        .attr("dy",function(d){
            return 20;
        })
        .text(function(d){
            return d;
        });

    //添加x轴
    svg.append("g")
        .attr("class","axis")
        .attr("transform","translate(" + padding.left + "," + (height - padding.bottom) + ")")
        .call(xAxis); 
        
    //添加y轴
    svg.append("g")
        .attr("class","axis")
        .attr("transform","translate(" + padding.left + "," + padding.top + ")")
        .call(yAxis);

</script>  
</body>  
</html>


你可能感兴趣的:(d3js交互式柱状图)

  • 阿里云 MaxCompute MaxQA 开启公测，解锁近实时高效查询体验 阿里云大数据AI技术 阿里云云原生MaxCompute大数据实时数仓
    随着实时、近实时数据分析需求的持续增长，查询响应时间在现代数据分析和业务应用中变得越来越重要。为减少查询响应时间，提升数据效率，阿里云云原生大数据计算服务MaxCompute推出MaxQA（原MCQA2.0）查询加速功能，在独享的查询加速资源池的基础上，对管控链路、查询优化器、执行引擎、存储引擎以及缓存机制等多个环节进行全面优化，显著减少了查询响应时间，适用于BI场景、交互式分析以及近实时数仓等对
  • MONAI 1.4新版本发布，抢先体验MAISI扩散模型以及VISTA交互式分割模型 Tina姐 Monai人工智能
    MONAI1.4新版本发布，抢先体验MAISI扩散模型以及VISTA交互式分割模型上周，MONAI发布了备受期待的1.4版本，这是时隔一年的重大更新。新版本带来了一系列令人兴奋的新功能和改进，让我们一起来看看：MAISI：这是一个最先进的3D潜在扩散模型（3DLatentDiffusionModel），专为生成高质量的合成CT图像而设计，无论是否带有解剖标注。MAISI在数据增强和创建逼真的医学成
  • 如何使用PyQt5创建一个简单的主窗口应用程序 星际编程喵 Python探索之旅qt开发语言pythonpyqt
    PyQt5是一个功能强大且易于使用的PythonGUI框架，它可以帮助开发者创建各种类型的图形用户界面应用程序。使用PyQt5，你可以轻松地创建主窗口应用程序，为用户提供直观且交互式的界面。创建一个简单的主窗口应用程序，只需几行代码即可完成。首先，你需要安装PyQt5库，并确保你的Python环境中已经安装了相应的依赖项。一旦完成安装，你就可以开始编写代码了。在创建主窗口应用程序之前，让我们先了解
  • /etc/rc.d/rc.local 与 /etc/profile .bash_profile .bashrc 文件执行顺序 huanggang028 操作系统
    登陆shell与交互式非登陆shell的区别登录shell所谓登录shell,指的是当用户登录系统时所取的那个shell。登录shell属于交互式shell。登录shell将查找4个不同的启动文件来处理其中的命令。bashshell处理文件的顺序如下：/etc/profile/etc/profile.d等待配置文件$HOME/.bash_profile$HOME/.bash_login$HOME/
  • AI人工智能代理工作流AI Agent WorkFlow：自然语言处理在工作流中的应用 AI大模型应用之禅 DeepSeekR1&AI大模型与大数据计算科学神经计算深度学习神经网络大数据人工智能大型语言模型AIAGILLMJavaPython架构设计AgentRPA
    AI人工智能代理工作流AIAgentWorkFlow：自然语言处理在工作流中的应用关键词：AI代理工作流管理自然语言处理业务流程自动化交互式AI助手1.背景介绍1.1问题的由来随着数字化转型的深入，企业对提高运营效率的需求日益迫切。传统的业务流程处理方式，如手工操作、邮件交流等，既耗费时间又容易出错。为了解决这些问题，企业开始探索利用自动化技术来提高业务流程的效率和准确性。自然语言处理（NLP）技
  • Arthas使用使用方法 小秋蜀黍 大容量性能问题分析性能优化
    一、Arthas简介可以用来快速定位java程序使用中的问题，查看程序运行过程中的各种信息。相对于之前jvm命令方式的定位方式，主要有以下特性:1)对源程序无侵入性，不需要重启或修改源码2)交互式命令行操作方式，方便使用3)功能丰富，对jvm各种性能，class信息等都能做到分析二、安装启动1、将下载的软件传入需要分析的服务容器中解压，然后执行java-jararthas-boot.jar命令运行
  • 深入 Python 执行模型：掌握程序运行的底层逻辑 tekin Pythonpython开发语言执行模型命名与绑定异常处理作用域命名空间
    本文将深入解读Python执行模型，带你全面了解Python程序的运行机制，包括程序结构、命名与绑定规则、异常处理方式等关键内容。通过丰富的示例、直观的图表以及对比分析，帮助你深入理解执行模型，为编写高效、稳定的Python代码打下坚实基础。Python执行模型全解析一、程序的结构Python程序由代码块构成，模块、函数体、类定义、交互式输入命令、脚本文件、通过-c选项指定的脚本命令、以-m参数运
  • leaflet手绘地图实现原理-可视化工具设计手绘地图 diygwcom leaflet手绘地图自定义地图瓦片
    在Leaflet中实现手绘地图并添加自定义标注是一个有趣且实用的功能。Leaflet是一个开源的JavaScript库，用于在网页上创建交互式地图。下面是一个基本的实现步骤，包括如何加载手绘地图和添加自定义标注。步骤1：设置HTML页面首先，创建一个基本的HTML页面，并引入Leaflet库。Leaflet手绘地图与自定义标注#map{height:100vh;}//JavaScript代码将在这
  • html+css网页设计，我的网站 软件技术NINI html/css笔记javascripthtmlcss
    一、技术简介HTML：超文本标记语言（HyperTextMarkupLanguage），用于创建网页的基本结构和内容。CSS：层叠样式表（CascadingStyleSheets），用于设置网页的样式和布局，包括字体、颜色、边距、对齐方式等。JavaScript：一种用于创建动态和交互式网页的脚本语言。通过JavaScript，可以实现网页的动画效果、表单验证、数据交互等功能。二、创建多页网站的基
  • 《vue.js前端框架技术》 韩靓. 前端框架vue.jsflutter
    一、引言在当今快速发展的互联网时代，前端开发技术不断推陈出新，众多框架和工具如雨后春笋般涌现，而Vue.js凭借其独特的优势，在前端开发领域中占据了重要的一席之地。它以简洁的语法、高效的性能和灵活的扩展性，为开发者提供了一种便捷且强大的方式来构建各类交互式的用户界面。无论是简单的企业展示网站、小型的移动应用，还是复杂的大型单页面应用（SPA），Vue.js都展现出了卓越的适应性和实用性，能够满足不
  • Linux上Scapy完全指南：从入门到实战攻防 和舒貌 linux信息与通信网络安全安全
    Linux上Scapy完全指南：从入门到实战攻防目录Scapy简介与核心优势Linux环境安装与配置Scapy基础操作高级功能与协议分析实战案例：网络诊断与安全审计性能优化与调试技巧常见问题解答一、Scapy简介与核心优势1.1什么是Scapy？Scapy是一款基于Python的交互式数据包操作工具，能够构造、发送、捕获和分析网络协议数据包。其核心特点包括：支持超过800种协议（如TCP/IP、H
  • SAP-ABAP：SAP中REPORT程序和online程序的区别对比 爱喝水的鱼丶 SAP-ABAP开发基础详解ABAP开发之必须知道的SAPABAPERP企业应用开发运维
    在SAP中，REPORT程序和Online程序（通常指Dialog程序）是两种常见的ABAP程序类型，它们在用途、结构和用户交互方式上有显著区别。以下是它们的详细对比：1.用途REPORT程序Online程序主要用于数据查询、报表生成和批量数据处理。主要用于交互式操作，如数据输入、修改和实时处理。通常用于后台或批处理任务，用户交互较少。强调用户与系统的实时交互，通常用于事务处理。2.用户交互REP
  • ipykernel-4.10.0-py2-none-any.whl文件解析与安装指南 嗹国学长
    本文还有配套的精品资源，点击获取简介：PyPI是Python的软件包仓库，本篇将解析一个特定Python包——ipykernel的4.10.0版本。ipykernel是Jupyter项目的核心组件，用于创建和运行交互式Python内核。本指南将介绍其功能、特点和安装过程，并强调其在跨语言支持、异步I/O处理、调试和交互式通信等方面的重要性。用户可通过pip安装该版本，以支持Python2环境中的J
  • 探索IPykernel：Python交互式计算的核心引擎 解然嫚Keegan
    探索IPykernel：Python交互式计算的核心引擎项目地址:https://gitcode.com/gh_mirrors/ip/ipykernel是一个开放源代码项目，它是IPythonNotebook和JupyterNotebook背后的驱动力，使得在Python环境中进行交互式计算成为可能。本文将带你深入了解IPykernel的技术特性、应用及优势，引导你更有效地利用它提升开发效率。项目
  • Windows 系统中，可以通过命令提示符 (cmd) 来查看 Python 的安装路径 KillFuckBugs windowspython开发语言
    在Windows系统中，可以通过命令提示符(cmd)来查看Python的安装路径。方法一：直接在cmd中运行Python1.打开cmd：按下Win+R组合键，输入"cmd"并按下Enter键。2.输入Python命令：在打开的命令提示符窗口中，直接输入python并按下Enter键。3.查看路径：如果Python安装正确，您会进入Python的交互式环境。在其中输入importsys;print(
  • 微信小程序邂逅Echarts：从入门到避坑全攻略 Jiaberrr javascript前端微信小程序小程序vue.js
    一、引言在当今数字化时代，数据可视化对于数据分析和展示至关重要。微信小程序作为一种轻量级应用，在各类场景中广泛应用，而在小程序中实现数据可视化，能让用户更直观地理解数据。Echarts是一款由百度开源的强大的数据可视化图表库，提供了丰富的图表类型，如折线图、柱状图、饼图、地图等，满足各种数据展示需求。将Echarts集成到微信小程序中，能为小程序增添强大的数据可视化能力，提升用户体验。无论是展示业
  • 名词解释：npm，cnpm，yarn，vite，vue，electron 几道之旅 npmvue.jselectron
    1.npm(NodePackageManager)读音:“N-P-M”或者直接读作“npm”。npm是Node.js的官方包管理器，用于安装、发布和管理JavaScript软件包。它允许开发者轻松地共享代码，并且可以通过命令行工具来管理依赖关系。通过npminit命令可以交互式地初始化一个项目，而npminstall则可以安装指定的软件包到当前项目中。2.cnpm(ChinaNodePackage
  • Flask 与 Jinja2：构建动态 Web 应用指南（前） MichaelxcT 运维计算机基础flask前端python运维
    Flask简介：Flask是一个用Python编写的小而强大的Web应用框架。它被设计为易于扩展的轻量级框架，正如其官网所说：“微型”不意味着您的整个Web应用必须放在单个Python文件中（虽然它确实可以），也不意味着Flask缺乏功能。相反，”微型“意味着Flask默认情况下保持核心简单但可扩展。以下是Flask的一些关键特性：开发服务器和调试器:Flask内置了一个开发服务器和一个交互式调试
  • 再学Blazor——概述 前端blazor
    简介Blazor是一种.NET前端Web框架，同时支持服务器端呈现和客户端交互性。使用C#语言创建丰富的交互式UI共享前后端应用逻辑可以生成混合桌面和移动应用受益于.NET的性能、可靠性和安全性需要有HTML、CSS、JS相关基础（开发UI框架的话）组件化设计，类似React、Vue等前端框架组件Blazor应用基于组件。Blazor中的组件是指UI元素，例如页面、对话框或数据输入窗体，甚至小到一
  • Python新手成长之路：语法基础与实践指南 健胃消食片片片片 python开发语言
    一、Python简介与环境搭建Python是一种解释型、交互式、面向对象的高级程序设计语言。Python的设计哲学强调代码的可读性和简洁性。它提供了高效的高级数据结构，还能简单有效地面向对象编程。Python支持多种编程范式，包括面向对象、命令式、函数式和过程式编程。在学习Python之前，需要先搭建Python开发环境，具体步骤如下：安装Python：从Python官网下载安装包，并安装最新版的
  • 22章9节：使用 R Markdown 和 Shiny 结合R语言进行数据报告和交互式应用的创建 DAT｜R科学 用R探索医药数据科学r语言开发语言大数据人工智能r语言-4.2.1
    R语言是数据科学领域中广泛应用的编程语言之一，它的强大之处不仅在于数据分析能力，还体现在其丰富的可视化和报告生成功能上。在数据分析的过程中，生成报告、展示结果和与他人共享工作成果是非常重要的任务。Shiny是一个用于构建交互式Web应用的R包，它能够将R语言的分析能力与动态、互动的Web界面结合起来，允许用户与数据交互、实时更新结果。在本文中，我们将探讨如何使用RMarkdown和Shiny结合R
  • python语言的执行方式-Python运行的方式 weixin_37988176
    Python的运行方式多种多样，下面列举几种:交互式在命令行中输入python，然后在>>>提示符后面输入Python语句，这里需要注意:1语句前面不能有空格，否则会报错2对于复合语句，前面会有...提示符，结束符合语句的方法是按下Enter键命令行运行文件以命令行运行文件有两种形式:1将文件保存为.py，然后在命令行用python文件名.py的方式运行2将文件当成shell脚本，以运行shell
  • 3D渐变柱状图 Subject.625Ruben 3dmatlab数学建模数据可视化
    代码说明数据准备：数据可以是任意形式的矩阵，例如5x7的矩阵。行标签(rowLabels)和列标签(colLabels)是可选的，如果不需要可以删除相关部分。颜色定义：使用自定义的蓝黄渐变色(map)。如果需要其他颜色，可以替换map，例如使用MATLAB内置的jet、parula等colormap。绘制三维柱状图：使用bar3函数绘制3D柱状图。每个柱子的颜色根据其高度渐变。坐标轴调整：设置了行
  • Python3+Subprocess实现cmd的交互式控制 李星星BruceL pythonwindows
    目录1说明2依赖3代码实现3.1实现思路3.2代码示例3.3使用示例1说明在Linux环境下Python有一个pecpect模块（对应的文档：pexpectdocument），该模块可以实现shell终端的交互式操作，如执行某个命令之后，捕获输出内容，根据输出的提示语再输入用户名、密码以及其他控制指令，最终通过多次交互完成某个功能或指令；但在Windows环境下暂时未找到比较稳定可靠的模块可以实现
  • ASP Dictionary：深入解析ASP技术及其应用 lly202406 开发语言
    ASPDictionary：深入解析ASP技术及其应用引言ActiveServerPages（ASP）是一种服务器端脚本环境，用于创建和运行动态交互式网页及Web应用程序。自1996年微软推出以来，ASP已成为Web开发领域的重要技术之一。本文将详细介绍ASP的定义、原理、应用场景以及相关技术，帮助读者全面了解ASPDictionary。ASP的定义ASP是一种服务器端脚本环境，它允许用户将HTM
  • 第二章 Linux基础入门 (一) Raymond运维 Linux云计算SRE运维--入门阶段(已完结)linux服务器云计算云原生运维
    文章目录第二章Linux基础入门和帮助内容概述1.Linux基础1.1用户类型1.2远程连接工具1.2.1WindowsPowerShell工具1.2.2Xshell软件使用1.2.3MobaXterm软件使用1.3终端terminal1.3.1终端类型1.3.2查看当前的终端设备1.4交互式接口1.4.1交互式接口类型1.4.2什么是shell1.4.3各种Shell1.4.4bashshell
  • 【地理坐标Geo】——3 花花 Show Python pyecharts—从0到精通信息可视化python数据分析
    解锁数据可视化的魔法钥匙——pyecharts实战指南在这个数据为王的时代，每一次点击、每一次交易、每一份报告背后都隐藏着无尽的故事与洞察。但你是否曾苦恼于如何将这些冰冷的数据转化为直观、吸引人的视觉盛宴？欢迎来到《pyecharts图形绘制大师班》在这里，你将不再受限于单调的表格和图表，而是学会如何运用pyecharts这一强大的Python数据可视化库，将复杂的数据转化为令人惊叹的交互式图形。
  • 《ArcGIS API 4教程 初级入门》 迷斯湖水怪 arcgis信息可视化gisjavascript数据可视化
    第一章：ArcGISAPI4简介地理信息系统（GIS）在当今数字化时代扮演着至关重要的角色，而ArcGISAPI4作为Esri公司推出的一款强大的GIS开发工具，为开发者提供了构建交互式和可视化地图应用的理想平台。在文中，我们将深入探讨ArcGISAPI4的背景、应用领域以及为何它成为GIS开发的首选工具。1.1ArcGISAPI4的背景和用途ArcGISAPI4是Esri公司基于WebGIS概念
  • Vue2+Echarts封装组件：专注逻辑，图表生成自动化 努力奋斗小白 软件开发Vue.jsEchartsvue.jsecharts前端
    通过Vue2封装了一个Echarts图表组件，不需要关注图表的生成和渲染了，只需要关注逻辑开发即可，包含了柱状图、折线图、饼图、柱状叠加图、柱状图折线图组合、柱状叠加图与柱状图的组合等，包含了图表下钻、右键跳转明细功能，无需关注Echarts的实现，提高开发效率。开发者能够将注意力集中在业务逻辑的开发上，而无需担心底层图表的创建和渲染过程。这样的表述既体现了组件的便捷性，也突出了它对提高开发效率的
  • Python 脚本实现数据可视化 max500600 python信息可视化python开发语言
    使用Python脚本实现数据可视化可以通过以下步骤：一、准备工作安装必要的库：matplotlib：这是一个广泛使用的Python2D绘图库，可以生成各种静态、动态和交互式的图表。seaborn：建立在matplotlib之上，提供了更高层次的接口和更美观的默认样式，用于绘制统计图形。pandas：用于数据处理和分析，方便读取和操作数据。可以使用以下命令安装这些库：pipinstallmatplo
  • 多线程编程之存钱与取钱 周凡杨 javathread多线程存钱取钱
      生活费问题是这样的：学生每月都需要生活费，家长一次预存一段时间的生活费，家长和学生使用统一的一个帐号，在学生每次取帐号中一部分钱，直到帐号中没钱时 通知家长存钱，而家长看到帐户还有钱则不存钱，直到帐户没钱时才存钱。   问题分析：首先问题中有三个实体，学生、家长、银行账户，所以设计程序时就要设计三个类。其中银行账户只有一个，学生和家长操作的是同一个银行账户，学生的行为是
  • java中数组与List相互转换的方法 征客丶 JavaScriptjavajsonp
    1.List转换成为数组。（这里的List是实体是ArrayList) 　　调用ArrayList的toArray方法。 　　toArray 　　public T[] toArray(T[] a)返回一个按照正确的顺序包含此列表中所有元素的数组；返回数组的运行时类型就是指定数组的运行时类型。如果列表能放入指定的数组，则返回放入此列表元素的数组。否则，将根据指定数组的运行时类型和此列表的大小分
  • Shell 流程控制 daizj 流程控制if elsewhilecaseshell
    Shell 流程控制 和Java、PHP等语言不一样，sh的流程控制不可为空，如(以下为PHP流程控制写法)： <?php if(isset($_GET["q"])){ search(q);}else{// 不做任何事情} 在sh/bash里可不能这么写，如果else分支没有语句执行，就不要写这个else，就像这样 if else if if 语句语
  • Linux服务器新手操作之二 周凡杨 Linux 简单 操作
    1.利用关键字搜寻Man Pages    man -k keyword  其中-k 是选项，keyword是要搜寻的关键字 如果现在想使用whoami命令，但是只记住了前3个字符who，就可以使用 man -k who来搜寻关键字who的man命令       [haself@HA5-DZ26 ~]$ man -k
  • socket聊天室之服务器搭建 朱辉辉33 socket
    因为我们做的是聊天室，所以会有多个客户端，每个客户端我们用一个线程去实现，通过搭建一个服务器来实现从每个客户端来读取信息和发送信息。    我们先写客户端的线程。 public class ChatSocket extends Thread{ Socket socket; public ChatSocket(Socket socket){ this.sock
  • 利用finereport建设保险公司决策分析系统的思路和方法 老A不折腾 finereport金融保险分析系统报表系统项目开发
    决策分析系统呈现的是数据页面，也就是俗称的报表，报表与报表间、数据与数据间都按照一定的逻辑设定，是业务人员查看、分析数据的平台，更是辅助领导们运营决策的平台。底层数据决定上层分析，所以建设决策分析系统一般包括数据层处理（数据仓库建设）。   项目背景介绍 通常，保险公司信息化程度很高，基本上都有业务处理系统（像集团业务处理系统、老业务处理系统、个人代理人系统等）、数据服务系统（通过
  • 始终要页面在ifream的最顶层 林鹤霄
    index.jsp中有ifream，但是session消失后要让login.jsp始终显示到ifream的最顶层。。。始终没搞定，后来反复琢磨之后，得到了解决办法，在这儿给大家分享下。。 index.jsp--->主要是加了颜色的那一句 <html> <iframe name="top" ></iframe> <ifram
  • MySQL binlog恢复数据 aigo mysql
    1，先确保my.ini已经配置了binlog：   # binlog log_bin = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.log log_bin_index = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.index log_error = D:/mysql-5.6.21-win
  • OCX打成CBA包并实现自动安装与自动升级 alxw4616 ocxcab
    近来手上有个项目,需要使用ocx控件 (ocx是什么? http://baike.baidu.com/view/393671.htm) 在生产过程中我遇到了如下问题. 1. 如何让 ocx 自动安装?     a) 如何签名?     b) 如何打包?     c) 如何安装到指定目录? 2.
  • Hashmap队列和PriorityQueue队列的应用 百合不是茶 Hashmap队列PriorityQueue队列
      HashMap队列已经是学过了的,但是最近在用的时候不是很熟悉,刚刚重新看以一次,   HashMap是K,v键 ,值     put()添加元素      //下面试HashMap去掉重复的 package com.hashMapandPriorityQueue; import java.util.H
  • JDK1.5 returnvalue实例 bijian1013 javathreadjava多线程returnvalue
    Callable接口： 返回结果并且可能抛出异常的任务。实现者定义了一个不带任何参数的叫做 call 的方法。 Callable 接口类似于 Runnable，两者都是为那些其实例可能被另一个线程执行的类设计的。但是 Runnable 不会返回结果，并且无法抛出经过检查的异常。        ExecutorService接口方
  • angularjs指令中动态编译的方法(适用于有异步请求的情况) 内嵌指令无效 bijian1013 JavaScriptAngularJS
            在directive的link中有一个$http请求，当请求完成后根据返回的值动态做element.append('......');这个操作，能显示没问题，可问题是我动态组的HTML里面有ng-click，发现显示出来的内容根本不执行ng-click绑定的方法！     
  • 【Java范型二】Java范型详解之extend限定范型参数的类型 bit1129 extend
    在第一篇中，定义范型类时，使用如下的方式：   public class Generics<M, S, N> { //M,S,N是范型参数 }  这种方式定义的范型类有两个基本的问题：   1. 范型参数定义的实例字段，如private M m = null;由于M的类型在运行时才能确定，那么我们在类的方法中，无法使用m，这跟定义pri
  • 【HBase十三】HBase知识点总结 bit1129 hbase
    1. 数据从MemStore flush到磁盘的触发条件有哪些？    a.显式调用flush，比如flush 'mytable'    b.MemStore中的数据容量超过flush的指定容量，hbase.hregion.memstore.flush.size,默认值是64M 2. Region的构成是怎么样？ 1个Region由若干个Store组成
  • 服务器被DDOS攻击防御的SHELL脚本 ronin47
    mkdir /root/bin vi /root/bin/dropip.sh #!/bin/bash/bin/netstat -na|grep ESTABLISHED|awk ‘{print $5}’|awk -F:‘{print $1}’|sort|uniq -c|sort -rn|head -10|grep -v -E ’192.168|127.0′|awk ‘{if($2!=null&a
  • java程序员生存手册-craps 游戏-一个简单的游戏 bylijinnan java
    import java.util.Random; public class CrapsGame { /** * *一个简单的赌*博游戏，游戏规则如下： *玩家掷两个骰子，点数为1到6，如果第一次点数和为7或11，则玩家胜， *如果点数和为2、3或12，则玩家输， *如果和为其它点数，则记录第一次的点数和，然后继续掷骰，直至点数和等于第一次掷出的点
  • TOMCAT启动提示NB: JAVA_HOME should point to a JDK not a JRE解决 开窍的石头 JAVA_HOME
    当tomcat是解压的时候，用eclipse启动正常，点击startup.bat的时候启动报错; 报错如下：   The JAVA_HOME environment variable is not defined correctly This environment variable is needed to run this program NB: JAVA_HOME shou
  • [操作系统内核]操作系统与互联网 comsci 操作系统
         我首先申明：我这里所说的问题并不是针对哪个厂商的，仅仅是描述我对操作系统技术的一些看法       操作系统是一种与硬件层关系非常密切的系统软件，按理说，这种系统软件应该是由设计CPU和硬件板卡的厂商开发的，和软件公司没有直接的关系，也就是说，操作系统应该由做硬件的厂商来设计和开发
  • 富文本框ckeditor_4.4.7 文本框的简单使用 支持IE11 cuityang 富文本框
    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>知识库内容编辑</tit
  • Property null not found darrenzhu datagridFlexAdvancedpropery null
    When you got error message like "Property null not found ***", try to fix it by the following way: 1)if you are using AdvancedDatagrid, make sure you only update the data in the data prov
  • MySQl数据库字符串替换函数使用 dcj3sjt126com mysql函数替换
    需求：需要将数据表中一个字段的值里面的所有的  .   替换成  _   原来的数据是  site.title  site.keywords  .... 替换后要为     site_title  site_keywords   使用的SQL语句如下：   updat
  • mac上终端起动MySQL的方法 dcj3sjt126com mysqlmac
    首先去官网下载: http://www.mysql.com/downloads/ 我下载了5.6.11的dmg然后安装,安装完成之后..如果要用终端去玩SQL.那么一开始要输入很长的:/usr/local/mysql/bin/mysql 这不方便啊,好想像windows下的cmd里面一样输入mysql -uroot -p1这样...上网查了下..可以实现滴. 打开终端,输入: 1
  • Gson使用一（Gson） eksliang jsongson
    转载请出自出处：http://eksliang.iteye.com/blog/2175401 一.概述 从结构上看Json，所有的数据（data）最终都可以分解成三种类型： 第一种类型是标量（scalar），也就是一个单独的字符串（string）或数字（numbers），比如"ickes"这个字符串。 第二种类型是序列（sequence），又叫做数组（array）
  • android点滴4 gundumw100 android
    Android 47个小知识 http://www.open-open.com/lib/view/open1422676091314.html Android实用代码七段（一） http://www.cnblogs.com/over140/archive/2012/09/26/2611999.html http://www.cnblogs.com/over140/arch
  • JavaWeb之JSP基本语法 ihuning javaweb
      目录   JSP模版元素  JSP表达式  JSP脚本片断  EL表达式  JSP注释  特殊字符序列的转义处理  如何查找JSP页面中的错误   JSP模版元素    JSP页面中的静态HTML内容称之为JSP模版元素，在静态的HTML内容之中可以嵌套JSP
  • App Extension编程指南（iOS8/OS X v10.10）中文版 啸笑天 ext
             当iOS 8.0和OS X v10.10发布后，一个全新的概念出现在我们眼前，那就是应用扩展。顾名思义，应用扩展允许开发者扩展应用的自定义功能和内容，能够让用户在使用其他app时使用该项功能。你可以开发一个应用扩展来执行某些特定的任务，用户使用该扩展后就可以在多个上下文环境中执行该任务。比如说，你提供了一个能让用户把内容分
  • SQLServer实现无限级树结构 macroli oraclesqlSQL Server
    表结构如下： 数据库id path titlesort 排序 1 0 首页 0 2 0,1 新闻 1 3 0,2 JAVA 2 4 0,3 JSP 3 5 0,2,3 业界动态 2 6 0,2,3 国内新闻 1 创建一个存储过程来实现，如果要在页面上使用可以设置一个返回变量将至传过去   create procedure test as begin decla
  • Css居中div，Css居中img，Css居中文本，Css垂直居中div qiaolevip 众观千象学习永无止境每天进步一点点css
    /**********Css居中Div**********/ div.center { width: 100px; margin: 0 auto; } /**********Css居中img**********/ img.center { display: block; margin-left: auto; margin-right: auto; }
  • Oracle 常用操作(实用) 吃猫的鱼 oracle
    SQL>select text from all_source where owner=user and name=upper('&plsql_name');  SQL>select * from user_ind_columns where index_name=upper('&index_name');  将表记录恢复到指定时间段以前
  • iOS中使用RSA对数据进行加密解密 witcheryne iosrsaiPhoneobjective c
      RSA算法是一种非对称加密算法,常被用于加密数据传输.如果配合上数字摘要算法, 也可以用于文件签名. 本文将讨论如何在iOS中使用RSA传输加密数据. 本文环境 mac os  openssl-1.0.1j, openssl需要使用1.x版本, 推荐使用[homebrew](http://brew.sh/)安装. Java 8 RSA基本原理 RS
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他