Wang_0_
Wang_0_

D3入门

D3.js

  • 适用情况


      1. 选择 D3：如果希望开发脑海中任意想象到的图表。
      2. 选择 Highcharts、Echarts 等：如果希望开发几种固定种类的、十分大众化的图表。

  • 一.引入方式

    • (1)下载安装包D3.zip

    • (2)引用网址（有网的情况下使用）

      <script src="http://d3js.org/d3.v3.min.js" charset="utf-8">script>
  • 二.操作方式
    • 链式操作（与jQuery类似）
  • 三.概念
    • 选择集
      • 使用 d3.select() 或 d3.selectAll() 选择元素后返回的对象，就是选择集

  • 四.D3的操作

    • 1.文字输出

      <body>
<p>Hello World 1p>
<p>Hello World 2p>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8">script>
<script>
d3.select('body').selectAll('p').text('www.decembercafe.org');
//选择中所有的
      ，其文本内容为 practise，选择集保存在变量 p 中
var p=d3.select('body')
        .selectAll('p')
        .text('practise');
//修改段落颜色和字体大小
p.style("color","red")
        .style("font-size","72px")
script>
body>

    • 2.元素操作

      • （1）选择元素

        • d3.select（）；选择所有指定元素的第一个
        • d3.selectAll（）；选择指定元素的全部
        var body = d3.select("body"); //选择文档中的body元素
var p1 = body.select("p");      //选择body中的第一个p元素
var p = body.selectAll("p");    //选择body中的所有p元素
var svg = body.select("svg");   //选择body中的svg元素
var rects = svg.selectAll("rect");  //选择svg中所有的svg元素

      • （2）绑定元素

        • datum（）； 绑定到一个数据选择集上
        • data（）; 绑定到选择集上，数组的个响指分别于选择集的各元素绑定–》常用
                
<script>
var str='China';
var body=d3.select("body");
var p=body.selectAll('p');
p.datum(str);
//无名函数  选择集需要使用绑定数据时经常使用
/*无名函数 function（d,i）包含两个参数  -参数一：代表数据，也就是与某元素绑定的数据
                                         参数二：代表索引，代表数据的索引号，从0开始
*                  */
p.text(function (d, i) {
    return "第" +i+
            "个绑定的数据是"+d
})
/*输出结果：
 第0个绑定的数据是China

 第1个绑定的数据是China

 第2个绑定的数据是China*/
script>

<script>
var dataset=["I like apple","I like banana","I like orange"]
var body=d3.select('body');
var p=body.selectAll('p');
p.data(dataset)
        .text(function(d,i){
            return d;
        });
// 这里也使用了无名函数 当i=0 时，d 为I like apple
/*输出结果：
 I like apple
 I like banana
 I like orange
* */
script>

      • （3）选择、插入、删除元素

        • 选择元素 ID、类
                 
<script>
var p2=d3.selectAll('body').select('#myid');
p2.style("color","green")
script>

<script>
var p = d3.selectAll('body').selectAll(".myclass");
p.style("color","yellow");
script>
        • 插入元素
          • append（）在选择集末尾插入元素
          • insert（） 在选择集前面插入元素

        • 删除元素

          • remove（）删除元素
              var p = body.select("#myid");
    p.remove();

  • 五.D3的使用

    • 1.比例尺（Scale）

      • （1）定义：将某一区域的值映射到另一区域，其大小关系不变
      • （2）作用：解决数值过大或者过小无法绘制的局限性
      • （3）参数
        • 定义域：domain
        • 值域：range

      • （4）分类

        • a.线性比例尺

        • 定义：能将一个连续的区间，映射到另一区间。–》可以用来解决柱形图宽度的问题

         假设有一下数组：
 var dataset=[1.2,2.3,0.9,1.5,3.3],现有如下要求，将dataset中的最小值映射成0，最大值，映射成300；
 代码如下
 var  min=d3.min(dataset);
 var max=d3.max(dataset);
 var linear=d3.scale.linear()
                  .domain([min,max])
                  .range(0,[300])
                  linear(0.9)
        linear(0.9);    //返回 0
        linear(2.3);    //返回 175
        linear(3.3);    //返回 300
//d3.scale.linear()返回值可以当做函数来使用，所以才有linear（0.9）的用法

      • b.序数比例尺

      • 针对离散型数据来使用 
         var index = [0, 1, 2, 3, 4];
var color = ["red", "blue", "green", "yellow", "black"];
var ordinal=d3.scale.ordinal()
.domain(index)
.range(color);
ordinal(0);
ordinal(1);
ordinal(4)
console.log([ordinal(0),ordinal(1),ordinal(4)]);
  • 2.坐标轴（axis）
    • d3.svg.axis():D3中的坐标轴组件，能够在SVG中生成坐标轴的元素
    • scale（）：指定比例尺
    • orient（bottom）：指定刻度的朝向，bottom表示在坐标轴下方显示
    • ticks（）：指定刻度的数量

  • 六。动态操作

    • transition
    .attr("fill","red")         //初始颜色为红色
.transition()               //启动过渡
.attr("fill","steelblue")   //终止颜色为铁蓝色
    • duration
         指定过渡的持续时间，单位为毫秒。
如 duration(2000) ，指持续 2000 毫秒，即  2 秒。
    • ease()指定过渡方式
      • linear：普通的线性变化
      • circle：慢慢达到变换的最终状态
      • elastic：带有弹跳的达到最终状态
      • bounce：在最终状态处弹跳几次
        调用时，格式形如： ease(“bounce”)

    • ease()指定过渡方式

       例如，对整体指定时：
.transition()
.duration(1000)
.delay(500)
如此，图形整体在延迟 500 毫秒后发生变化，变化的时长为 1000 毫秒。因此，过渡的总时长为1500毫秒。
又如，对一个一个的图形（图形上绑定了数据）进行指定时：
.transition()
.duration(1000)
.delay(funtion(d,i){
    return 200*i;
})
如此，假设有 10 个元素，那么第 1 个元素延迟 0 毫秒（因为 i = 0），第 2 个元素延迟 200 毫秒，第 3 个延迟 400 毫秒，依次类推….整个过渡的长度为 200 * 9 + 1000 = 2800 毫秒。
  • 七.三大重要概念
    • Update：有DOM结构与之对应
      • 处理方法：更新属性值
    • Enter：没有DOM结构与之对应
      • 处理方法：添加元素之后，赋予属性值
    • Exit：DOM结构足够多，要匹配的元素不够
      • 处理方法：删掉元素

  • 八。动态

    • 交互

      • 概念
        • 指的是用户输入了某种指令，程序接收到指令后必须做出某种响应
        • 与图标的交互指的是在图形元素上设置一个或多个监听器，当事件发生时，做出相应的反应

      • 交互方式

        • 鼠标


            1. click
            2. mouseover
            3. mouseout
            4. mousemove
            5. mouseup
              ***没有dbclick事件，要实现的话用click+延迟判定来模拟

        • 键盘


            1. keydown - 当用户按下任意键时触发，按住不放会重复触发此事件。该事件不会区分字母的大小写，例如“A”和“a”被视为一致。
            2. keypress - 当用户按下字符键（大小写字母、数字、加号、等号、回车等）时触发，按住不放会重复触发此事件。该事件区分字母的大小写。
            3. keyup - 当用户释放键时触发，不区分字母的大小写。

        • 触屏


            1. touchstart - 当触摸点被放在触摸屏上时。
            2. touchmove - 当触摸点在触摸屏上移动时。
            3. touchend - 当触摸点从触摸屏上拿开时。
      • 添加交互 
                   var circle = svg.append("circle");
circle.on("click", function(){
//在这里添加交互内容
});


    • - 布局

    • 饼状图（Pie）、力导向图（Force）、弦图（Chord）、树状图（Tree）、集群图（Cluster）、捆图（Bundle）、打包图（Pack）、直方图（Histogram）、分区图（Partition）、堆栈图（Stack）、矩阵树图（Treemap）、层级图（Hierarchy）。 12 个布局中，层级图（Hierarchy）不能直接使用。集群图、打包图、分区图、树状图、矩阵树图是由层级图扩展来的。如此一来，能够使用的布局是 11 个（有 5 个是由层级图扩展而来）。这些布局的作用都是将某种数据转换成另一种数据，而转换后的数据是利于可视化的。
    - 布局的作用
   - 获取绘图所需要的数据   

          var dataset=[10,30,20,10,40]
     //定义一个布局
     var pie=d3.layout.pie()
     //返回值赋值给变量pie，此时pie可以当做函数来使用
     var piedata=pie(dataset)
     //5 个整数被转换成了 5 个对象（Object） ，每个对象都有变量起始角度（startAngle）和终止角度（endAngle），还有原数据（属性名称为 data）。这些都是绘图需要的数据。

    - 生成器
   - 弧生成器d3.layout.pie();

   ```
          var pie=d3.layout.pie();
    var piedata=pie(dataset)
    console.log(piedata);
    //，5 个整数被转换成了 5 个对象（Object） ，每个对象都有变量起始角度（startAngle）和终止角度（endAngle），还有原数据（属性名称为 data）。这些都是绘图需要的数据。
    var  outerRadius=150//外半径
    var innerRadius=0;//内半径，为0则中间没有空白
    var arc=d3.svg.arc()  //弧生成器
            .innerRadius(innerRadius)  //设置内半径
            .outerRadius(outerRadius);//设置外半径
   ```
   - 力导向图  d3.layout.force()。
   >- 参数
   index - 节点的索引号
 px, py - 节点上一个时刻的坐标
 x, y - 节点的当前坐标
 weight - 节点的权重
   - 地图 d3.geo.path()。

    你可能感兴趣的:(D3)

    • 第315篇｜【岁月守候】 生活有时候也需要自得宅乐 未之园
      ❁/岁月守候（D32-34）2021-10-04，星期一，阴68）国庆观影。天气凉下来，正是可以出去走一走。滨河湿地已经没有那么多人，主要还是孩子们玩充气城堡罢了。现在的生活是多么美好啊，但是什么时候也不能忘记今天幸福生活的来之不易。缅怀先烈，致敬英雄，祝福祖国繁荣昌盛，这才是国庆应有之义。所以，去看一场《长津湖》吧。国庆观影2021-10-05，星期二，阴69）自得宅乐。天气真的冷了下来，却是宅
    • 聚划算百亿补贴劵怎么抢，淘宝百亿补贴内部整点抢劵技巧 测评君高省
      聚划算作为淘宝平台的另一个促销活动，最近也是备受人关注，毕竟很多东西真的是也很实惠，当然聚划算也是有优惠券可以使用的，但是卖家们肯定也是要考虑到自己的盈利情况设置优惠券的，那怎么设置呢?买家又如何领取呢?文章最后更省钱的网购方法！JU.划-算【百亿补贴】，真补贴超划算，买贵必赔，复制下条打开淘宝领取cop.y>>閞(CZ6932fHv6d3714hR//推荐应用商店下载高省app，高省登录邀请码1
    • 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的发送和接收问题：用官方的例程，发送和接收是没问题的。但是在我们代码里是不能直接
    • 微信红包封面的领取序列号大全免费2024最新 全网优惠分享
      微信红包封面序列号，深夜，你一个人在床上翻来覆去，无法入眠。你已经尝试过各种方法，可无论如何也无法抓住那颗飘忽不定的睡眠。此时，你拿出手机打开微信，准备看一下朋友圈。突然，一个红包封面序列号的标题吸引了你的注意。微.信搜索:「封面院」关注公众号可领取红包封面序列号。最新微信红包封面序列号：先到先得，抢完为止：1、pdiqgLsY1lR2、vC8tY0VRf3D3、j0kzzrfwl6Y4、dqRC
    • 微信红包封面序列号大全免费2024最新 全网优惠分享
      微信红包封面序列号大全免费2024最新年关将近，诸多值得纪念的日子接踵而至，很多要好的关系如家人、朋友以及情侣需要通过发红包来表达祝福，有很多小伙伴想知道有没有好看的红包封面，下面小编给大家详细介绍一下。微.信搜索:「封面院」关注公众号直接领。如下图：（以后你发红包就是这种效果）微信红包封面序列号大全一、最新红包封面序列号1、pdiqgLsY1lR2、vC8tY0VRf3D3、j0kzzrfwl6
    • 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中使用的雷达传感器的扫描特性和性能。这些设置影响雷达模拟的准确性和效
    • 【每日一词】D33 edge 宠辱不惊的中年少女
      1）学习笔记：edge：优势，=advantagebeanabsoluteedge有绝对优势AhasanedgeoverB表示A比B更好maintainone'sedge保持优势loseone'sedge失去优势innovativeedge创新方面的优势2）查字典延伸：A.就工作经验而言，她显然要比我们面试过的其他人都胜出一筹。Intermsofexperience,shedefinitelyha
    • 有点小忙 D32 霞明玉映
      虽说今天不上班，但七点半准时起床，听直播。由于前天钉钉班会当时没来得及听，今天从头到尾听一遍，还好有重播！领导又通知明天让上班里，在休息不知道是什么时间了，就边听课边把家里的卫生和床上用品全部洗一遍。打扫卫生真是个费时费力的活，虽说是休息，但一天没消停！
    • 深度学习工具：用Jupyter Notebook远程连接服务器 S.GJ 服务器jupyterpython
      1.安装jupyter相关库（服务器端）pipinstalljupyterlabjupyter_contrib.nbextensions2.设置jupyter密码（服务器端）jupyter-notebookpassword3.开启jupyternotebook服务（服务器端）mkdirworkspacejupyter-notebook--no-browser--ip=0.0.0.0./worksp
    • 不读财报就出局六期D3 邮吻
      三大财务报表一：利润表代表公司一段时间有没有赚到钱。公司到营业收入减去销,管,研等费用,利息还有所得税剩下的就是净利润，利润表是预估概念运用到个人层面就是工资减去衣食住行育乐，红白喜事，还有所得税剩下的钱。二：资产负债表公司利润表赚的钱兵分两路，放到左边是处理资产，放在右边是处理负债和股东权益左边等于右边。代表某一天公司的资产负债情况。运用到个人层面就是存下的钱，放左边是给手头留点现金，借钱给朋友
    • MathType2024官方版数学公式编辑器功能全面介绍 CoCo玛奇朵 MathType编辑器MathType下载MathType最新版下载编辑器学习javascript前端ffmpegmicrosoft
      在数字化学习和科研的浪潮中，数学公式的编辑与展示成为了不可或缺的一部分。MathType，作为一款专业的数学公式编辑器，凭借其强大的功能和便捷的操作，为科研人员、教师、学生等广大用户提供了极大的便利。下面，我们将对MathType进行详细的介绍。MathType绿色永久版安装包下载，来自网盘分享链接：抓紧保存！以防失效！https://pan.quark.cn/s/916e68e44d3aMath
    • 使用D3.js进行数据可视化 环能jvav大师 信息可视化前端框架javascript开发语言
      D3.js介绍D3.js是一个流行的JavaScript数据可视化库，全称为Data-DrivenDocuments，即数据驱动文档。它以数据为核心，通过数据来驱动文档的展示和操作。D3.js提供了丰富的API和工具，使得开发者能够创建出各种交互式和动态的数据可视化效果。官方介绍网站：WhatisD3?|D3byObservableD3.js导入方式介绍在JavaScript中导入D3.js通常使
    • 2024.2.15 江阿生_ 算法
      1.B2.B3.D4.D5.C6.D7.C8.B9.C10.C11.B12.D13.D14.C15.C16.D17.D18.B19.D20.D21.A22.D23.C24.C25.C26.C27.C28.B29.B30.D31.B32.C33.C34.D35.A36.B37.D38.B39.A40.arr+1地址是：行偏移：0x1020+16=0x1030arr[0]+2地址是：列偏移：0x102
    • 汇川MD500 MD380变频器源码：C语言77版源码，高级算法SVC3，基于TMS320F28035实现新的高速、低波动转子电阻漏感辩识 eTwpkave 程序人生
      汇川MD500MD380变频器源码，C语言，77版源码77.54这比方案里边71.01版算法要高级新的SVC3算法，高速速度波动小，新的转子电阻，漏感辩识算法基于TMS320F28035.YID:9414683052110679后晋的香菇《汇川MD500MD380变频器源码技术分析》摘要：本文以汇川MD500MD380变频器源码为研究对象，分析了该源码的编写方式、功能特点以及应用场景。文章首先介绍
    • 旅行商问题解法（2024年字节跳动校招笔试算法题“毕业旅行问题”）_小明目前在做一份毕业旅行的规划。打算从北京出发,分别去若干个城市,然后再回到北 2401_86367123 算法动态规划
      dp[1]{2,3}只需要求出dp[2]{3}dp[2]{3}dp[2]{3}即可，而dp[2]{3}=dp[3]{}D32dp[2]{3}=dp[3]{}+D_3^2dp[2]{3}=dp[3]{}+D32，dp[3]{}dp[3]{}dp[3]{}代表从城市3回到起点的距离，也就是dp[3]{}=D03dp[3]{}=D_0^3dp[3]{}=D03。那么如何建立一个数组来表达上述状态转移方程
    • 过年微信红包封面序列号大全免费2024最新 全网优惠分享
      一在这个快节奏、高压力的现代社会，我们经常会被琐事所困扰，压力逼得我们喘不过气来。有时候，我们渴望能够放松一下自己，找回内心的平静与安宁。而微信红包，那个隐藏了心愿的数字序列号，或许可以成为我们心灵的慰藉。微.信搜索:「封面院」关注公众号可领取红包封面序列号。最新微信红包封面序列号：先到先得，抢完为止：1、pdiqgLsY1lR2、vC8tY0VRf3D3、j0kzzrfwl6Y4、dqRCUZ0
    • 马可·奥勒留·安东尼丨帝王日课 D 361 丨张伟丨
      帝王日课丨文/张伟乐之写作工作坊这是椰子私塾第2063篇原创输出每天审视生活。D3612022年12月23日如果我放松对生活的严格控制，会发生什么？关于控制，我有两个想法，一个是不想控制，把自我约束变成一种习惯，而不是苦苦坚持。别外一种是偶尔放松，把这当成生活调节，保持生活张驰有度。这两种状态都不好控制，有时候放松起来就没完没了，根本收不住，如果严格要求自己，又觉得特别苦，根本坚持不下来。所以，我
    • 小熊派BearPi-Pico H2821 华为星闪SLE通信OLED显示数据 嵌入式基地 毕业设计单片机嵌入式硬件
      华为星闪SLE通信OLED显示数据1、功能介绍2、演示视频3、OLED代码3.1、初始化OLED3.2、显示字符3.3、IIC控制代码代码下载1、功能介绍BearPi-PicoH2821星闪开发板使用OLED显示数据两块开发板实现SLE数据传输测试，A开发板通过串口接收数据，然后通过SLE传输给B开发板，B开发板通过串口将接收到的数据打印出来，并使用OLED显示数据2、演示视频https://ww
    • Thinkphp中where()条件的使用 2401_84875852 程序员服务器java网络
      |notin|notin|$map[‘id’]=array(‘notin’,‘1,5,8’);|idnotin(1,5,8)||and（默认）|and|$map[‘id’]=array(array(‘gt’,1),array(‘lt’,10));|(id>1)AND(id3)OR(idwhere(User->where(User−>where(map)->select();相当于sql语句：nam
    • ubuntu 24.04 安装telnet服务 tjjingpan ubuntulinux
      1.安装telnet客户端$sudoapt-getinstalltelnet2.安装telnet服务器$sudoapt-getinstlaltelnetd3.安装网络守护进程服务程序来管理telnet服务$sudoapt-getinstallxinetd4.修改配置文件inetd.conf$sudovi/etc/inetd.conftelnetstreamtcpnowaittelnetd/usr/
    • 微信红包封面序列号大全免费2024最新(城堡+烟花+摩天轮) 全网优惠分享
      年关将近，诸多值得纪念的日子接踵而至，很多要好的关系如家人、朋友以及情侣需要通过发红包来表达祝福，有很多小伙伴想知道有没有好看的红包封面，下面小编给大家详细介绍一下。微.信搜索:「封面院」关注公众号直接领。如下图：（以后你发红包就是这种效果）微信红包封面序列号大全一、最新红包封面序列号1、pdiqgLsY1lR2、vC8tY0VRf3D3、j0kzzrfwl6Y4、dqRCUZ0lwmJ5、ldT
    • Python数据可视化：25年GDP之变_基于d3 2401_84558508 程序员python信息可视化开发语言
      同时还需要注意一下编码问题，这里的CSV文件需要用gbk编码。下面是从统计局下载下来的CSV数据。我偷了个懒，直接就先在表格里删除了前三行，如下。接下来便是用Python对数据进行规整，代码如下。 importpandasaspd#读取数据df=pd.read_csv(gdp.csv,encoding=utf-8)(names,values,dates)=([],[],[])#记得去除地区这个列名
    • mysql 把多条符合条件的数组 json 合并成一条 KingFu28 mysqljson
      selectc.PROC_INST_ID_,sfj.file_jsonfrombpm_check_opinioncleftjoinsys_file_jsonsfjontimestampdiff(minute,sfj.create_time,c.CREATE_TIME_)between0and3--三分钟内wherec.PROC_INST_ID_='10000005440002';查询结果：1000
    • java 不四舍五入 保留,java保留两位小数（不四舍五入） 三年九班蓝同学 java不四舍五入保留
      这篇文章主要介绍了java使double类型保留两位小数的方法,大家参考使用吧复制代码代码如下:mportjava.text.DecimalFormat;DecimalFormatdf=newDecimalFormat("######0.00");doubled1=3.23456doubled2=0.0;doubled3=2.0;df.format(d1);df.format(d2);df.for
    • GD32F103单片机-GPIO 侥幸哥f GD32单片机GD32GPIO
      GD32F103单片机-GPIO一、GPIO介绍二、GD32F103库函数介绍三、GPIO输入输出3.1GPIO输出-LED闪烁3.2GPIO输入-独立按键STM32GPIO部分见STM32F1单片机-GPIO一、GPIO介绍GD32的GPIO同STM32一样，GPIO可以配置成8种输入输出模式，由软件配置成推挽输出、开漏输出、复用推挽输出、复用开漏输出、上拉输入、下拉输入、浮空输入、模拟输入(A
    • D305-20220811《当下的力量》 Yiqu
      D305-20220811《当下的力量》p252当你无法脱离痛苦时，你仍然还有另外一个选择。那就是，不去逃避它，而是去面对它，去全面地感受它。感受它，但不要去思考它。如果有需要，你可以将你的痛苦表达出来，但是不要在你的思维中去写剧本。将注意力集中在你的感受上，而不是集中在造成这种感受的人、事情或情况上。别让思维利用你的痛苦去创造一种受害者身份。为自己感到可怜并将自己的故事告诉他人会使你困在痛苦中。
    • 怎么样才能成为专业的程序员？ cocos2d-x小菜 编程PHP
        如何要想成为一名专业的程序员？仅仅会写代码是不够的。从团队合作去解决问题到版本控制，你还得具备其他关键技能的工具包。当我们询问相关的专业开发人员，那些必备的关键技能都是什么的时候，下面是我们了解到的情况。   关于如何学习代码，各种声音很多，然后很多人就被误导为成为专业开发人员懂得一门编程语言就够了？！呵呵，就像其他工作一样，光会一个技能那是远远不够的。如果你想要成为
    • java web开发 高并发处理 BreakingBad javaWeb并发开发处理高
      java处理高并发高负载类网站中数据库的设计方法（java教程,java处理大量数据，java高负载数据） 一：高并发高负载类网站关注点之数据库 没错,首先是数据库,这是大多数应用所面临的首个SPOF。尤其是Web2.0的应用，数据库的响应是首先要解决的。 一般来说MySQL是最常用的，可能最初是一个mysql主机，当数据增加到100万以上，那么，MySQL的效能急剧下降。常用的优化措施是M-S（
    • mysql批量更新 ekian mysql
      mysql更新优化： 一版的更新的话都是采用update set的方式，但是如果需要批量更新的话，只能for循环的执行更新。或者采用executeBatch的方式，执行更新。无论哪种方式，性能都不见得多好。 三千多条的更新，需要3分多钟。 查询了批量更新的优化，有说replace into的方式，即： replace into tableName(id,status) values
    • 微软BI（3） 18289753290 微软BI SSIS
      1) Q：该列违反了完整性约束错误；已获得 OLE DB 记录。源:“Microsoft SQL Server Native Client 11.0” Hresult: 0x80004005 说明:“不能将值 NULL 插入列 'FZCHID'，表 'JRB_EnterpriseCredit.dbo.QYFZCH'；列不允许有 Null 值。INSERT 失败。”。 A：一般这类问题的存在是
    • Java中的List g21121 java
              List是一个有序的 collection（也称为序列）。此接口的用户可以对列表中每个元素的插入位置进行精确地控制。用户可以根据元素的整数索引（在列表中的位置）访问元素，并搜索列表中的元素。         与 set 不同，列表通常允许重复
    • 读书笔记 永夜-极光 读书笔记
         1.  K是一家加工厂,需要采购原材料,有A,B,C,D 4家供应商,其中A给出的价格最低,性价比最高,那么假如你是这家企业的采购经理,你会如何决策?          传统决策: A:100%订单  B,C,D:0%     &nbs
    • centos 安装 Codeblocks 随便小屋 codeblocks
      1.安装gcc,需要c和c++两部分,默认安装下,CentOS不安装编译器的,在终端输入以下命令即可yum install gccyum install gcc-c++   2.安装gtk2-devel,因为默认已经安装了正式产品需要的支持库,但是没有安装开发所需要的文档.yum install gtk2* 3. 安装wxGTK    yum search w
    • 23种设计模式的形象比喻 aijuans 设计模式
      1、ABSTRACT FACTORY—追MM少不了请吃饭了，麦当劳的鸡翅和肯德基的鸡翅都是MM爱吃的东西，虽然口味有所不同，但不管你带MM去麦当劳或肯德基，只管向服务员说“来四个鸡翅”就行了。麦当劳和肯德基就是生产鸡翅的Factory 　　工厂模式：客户类和工厂类分开。消费者任何时候需要某种产品，只需向工厂请求即可。消费者无须修改就可以接纳新产品。缺点是当产品修改时，工厂类也要做相应的修改。如：
    • 开发管理 CheckLists aoyouzi 开发管理 CheckLists
      开发管理 CheckLists(23) -使项目组度过完整的生命周期 开发管理 CheckLists(22) -组织项目资源 开发管理 CheckLists(21) -控制项目的范围开发管理 CheckLists(20) -项目利益相关者责任开发管理 CheckLists(19) -选择合适的团队成员开发管理 CheckLists(18) -敏捷开发 Scrum Master 工作开发管理 C
    • js实现切换 百合不是茶 JavaScript栏目切换
      js主要功能之一就是实现页面的特效,窗体的切换可以减少页面的大小,被门户网站大量应用思路: 1,先将要显示的设置为display:bisible 否则设为none 2,设置栏目的id ,js获取栏目的id,如果id为Null就设置为显示 3,判断js获取的id名字;再设置是否显示   代码实现:   html代码: <di
    • 周鸿祎在360新员工入职培训上的讲话 bijian1013 感悟项目管理人生职场
              这篇文章也是最近偶尔看到的，考虑到原博客发布者可能将其删除等原因，也更方便个人查找，特将原文拷贝再发布的。“学东西是为自己的，不要整天以混的姿态来跟公司博弈，就算是混，我觉得你要是能在混的时间里，收获一些别的有利于人生发展的东西，也是不错的，看你怎么把握了”，看了之后，对这句话记忆犹新。  &
    • 前端Web开发的页面效果 Bill_chen htmlWebMicrosoft
      1.IE6下png图片的透明显示： <img src="图片地址" border="0" style="Filter.Alpha(Opacity)=数值(100),style=数值(3)"/> 或在<head></head>间加一段JS代码让透明png图片正常显示。 2.<li>标
    • 【JVM五】老年代垃圾回收：并发标记清理GC(CMS GC) bit1129 垃圾回收
        CMS概述 并发标记清理垃圾回收(Concurrent Mark and Sweep GC）算法的主要目标是在GC过程中，减少暂停用户线程的次数以及在不得不暂停用户线程的请夸功能，尽可能短的暂停用户线程的时间。这对于交互式应用，比如web应用来说，是非常重要的。   CMS垃圾回收针对新生代和老年代采用不同的策略。相比同吞吐量垃圾回收，它要复杂的多。吞吐量垃圾回收在执
    • Struts2技术总结 白糖_ struts2
        必备jar文件 早在struts2.0.*的时候，struts2的必备jar包需要如下几个： commons-logging-*.jar   Apache旗下commons项目的log日志包 freemarker-*.jar          
    • Jquery easyui layout应用注意事项 bozch jquery浏览器easyuilayout
      在jquery easyui中提供了easyui-layout布局，他的布局比较局限，类似java中GUI的border布局。下面对其使用注意事项作简要介绍：      如果在现有的工程中前台界面均应用了jquery easyui，那么在布局的时候最好应用jquery eaysui的layout布局，否则在表单页面（编辑、查看、添加等等）在不同的浏览器会出
    • java-拷贝特殊链表：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ bylijinnan java
      public class CopySpecialLinkedList { /** * 题目：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ 拷贝pNext指针非常容易，所以题目的难点是如何拷贝pRand指针。 假设原来链表为A1 -> A2 ->... -> An，新拷贝
    • color Chen.H JavaScripthtmlcss
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">    <HTML>    <HEAD>&nbs
    • [信息与战争]移动通讯与网络 comsci 网络
            两个坚持:手机的电池必须可以取下来                光纤不能够入户,只能够到楼宇       建议大家找这本书看看:<&
    • oracle flashback query(闪回查询) daizj oracleflashback queryflashback table
      在Oracle 10g中，Flash back家族分为以下成员： Flashback Database Flashback Drop Flashback Table Flashback Query(分Flashback Query,Flashback Version Query，Flashback Transaction Query) 下面介绍一下Flashback Drop 和Flas
    • zeus持久层DAO单元测试 deng520159 单元测试
      zeus代码测试正紧张进行中,但由于工作比较忙,但速度比较慢.现在已经完成读写分离单元测试了,现在把几种情况单元测试的例子发出来,希望有人能进出意见,让它走下去. 本文是zeus的dao单元测试: 1.单元测试直接上代码   package com.dengliang.zeus.webdemo.test; import org.junit.Test; import o
    • C语言学习三printf函数和scanf函数学习 dcj3sjt126com cprintfscanflanguage
      printf函数 /* 2013年3月10日20:42:32 地点：北京潘家园 功能： 目的： 测试%x %X %#x %#X的用法 */ # include <stdio.h> int main(void) { printf("哈哈！\n"); // \n表示换行 int i = 10; printf
    • 那你为什么小时候不好好读书? dcj3sjt126com life
      dady, 我今天捡到了十块钱, 不过我还给那个人了 good girl! 那个人有没有和你讲thank you啊 没有啦....他拉我的耳朵我才把钱还给他的, 他哪里会和我讲thank you   爸爸, 如果地上有一张5块一张10块你拿哪一张呢.... 当然是拿十块的咯... 爸爸你很笨的, 你不会两张都拿   爸爸为什么上个月那个人来跟你讨钱, 你告诉他没
    • iptables开放端口 Fanyucai linuxiptables端口
      1，找到配置文件 vi /etc/sysconfig/iptables   2，添加端口开放，增加一行，开放18081端口 -A INPUT -m state --state NEW -m tcp -p tcp --dport 18081 -j ACCEPT   3，保存 ESC :wq!   4，重启服务 service iptables
    • Ehcache（05）——缓存的查询 234390216 排序ehcache统计query
      缓存的查询 目录 1.    使Cache可查询 1.1     基于Xml配置 1.2     基于代码的配置 2     指定可搜索的属性 2.1     可查询属性类型 2.2 &
    • 通过hashset找到数组中重复的元素 jackyrong hashset
        如何在hashset中快速找到重复的元素呢?方法很多，下面是其中一个办法： int[] array = {1,1,2,3,4,5,6,7,8,8}; Set<Integer> set = new HashSet<Integer>(); for(int i = 0
    • 使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL lanrikey history
      后退时关闭当前页面 <script type="text/javascript"> jQuery(document).ready(function ($) {         if (window.history && window.history.pushState) {
    • 应用程序的通信成本 netkiller.github.com 虚拟机应用服务器陈景峰netkillerneo
      应用程序的通信成本 什么是通信 一个程序中两个以上功能相互传递信号或数据叫做通信。 什么是成本 这是是指时间成本与空间成本。 时间就是传递数据所花费的时间。空间是指传递过程耗费容量大小。 都有哪些通信方式 全局变量 线程间通信 共享内存 共享文件 管道 Socket 硬件（串口，USB） 等等 全局变量 全局变量是成本最低通信方法，通过设置
    • 一维数组与二维数组的声明与定义 恋洁e生 二维数组一维数组定义声明初始化
      /**  *  */ package test20111005; /**  * @author FlyingFire  * @date:2011-11-18 上午04:33:36  * @author ：代码整理  * @introduce :一维数组与二维数组的初始化  *summary：  */ public c
    • Spring Mybatis独立事务配置 toknowme mybatis
      在项目中有很多地方会使用到独立事务，下面以获取主键为例   （1）修改配置文件spring-mybatis.xml  <!-- 开启事务支持 -->  <tx:annotation-driven transaction-manager="transactionManager" />   &n
    • 更新Anadroid SDK Tooks之后，Eclipse提示No update were found xp9802 eclipse
      使用Android SDK Manager 更新了Anadroid SDK Tooks 之后， 打开eclipse提示 This Android SDK requires Android Developer Toolkit version 23.0.0 or above, 点击Check for Updates  检测一会后提示 No update were found 
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他