RED

d3是基于数据绑定的思想的，选择器选择元素，然后元素与数据绑定。由于元素与数据未必数量一致，会产生，元素多于数据或元素少于数据。 元素与数据一一对应，是 update 部分，用于更新元素 元素少于数据，是enter部分，用于添加元素 元素多于数据，是exit部分，用于删除元素 updage，enter，exit都可以从元素的角度来度量。 < div id ='con' > < p > 11 </ p > < p > 22 </ p > < p > 33 </ p > < p > 44 </ p > </ div > 1. update var myData = ['a','b','c','d' ]; var bound = d3.select('#con' ) .selectAll( 'p' ) .data(myData); // 绑定数据的元素，暂称为绑定集，直接修改元素的话，就是修改update部分，enter或exit部分，不会参与 // 因此data得到的数据集，也可以直接视为update，不过这样容易引起误会，bound.enter() 或 bound.exit()很自然 // 但是update.enter()或update.exit()，就容易让人迷惑，因为update与enter和exit是并列的关系。 var update = bound; update.text

效果图如下： 　　　　　　　　　　 友情提示：本篇文章只是用来熟练掌握css样式和布局能力，空闲时间不妨敲一遍，增加一些体验，我也不算白敲一遍。。 是不是有点心动呢？接下来请看具体步骤： 　　首先先把HTML部分先写完，做出整体的结构： < div class ="baymax" > <!-- 定义头部 眼睛、嘴巴 --> < div class ="head" > < div class ="eye" ></ div > < div class ="eye2" ></ div > < div class ="mouth" ></ div > </ div > <!-- 定义躯干 --> < div class ="torso" > < div class ="heart" ></ div > </ div > <!-- 定义肚子腹部 --> < div class ="belly" > < div class ="cover" ></ div > </ div > <!-- 定义左臂 包括一大一小两个手指 --> < div class ="left_arm" > < div class ="l_bigFinger" ></ div > < div class ="l_smallFinger" ></ div > </ div > <!-- 定义右臂 包括一大一小两个手指 -->

都0202年了，你还不知道javascript有几种继承方式？ 前言 当面试官问你：你了解js哪些继承方式？es6的class继承是如何实现的？你心中有很清晰的答案吗？如果没有的话，可以通过阅读本文，帮助你更深刻地理解js的所有继承方式。 js继承总共分成5种，包括构造函数式继承、原型链式继承、组合式继承、寄生式继承和寄生组合式继承。 构造函数式继承 首先来看第一种，构造函数式继承，顾名思义，也就是利用函数去实现继承； 假设我们现在有一个父类函数： // 父类构造函数 function Parent(color) { this.color = color; this.print = function() { console.log(this.color); } } 现在要编写一个子类函数来继承这个父类，如下: // 子类构造函数 function Son(color) { Parent.call(this, color); } 上面代码可以看到，子类Son是通过Parent.call的方式去调用父类构造函数，然后把this对象传进去，执行父类构造函数之后，子类Son就拥有了父类定义的color和print方法。 调用一下该方法，输出如下： // 测试 var son1 = new Son('red'); son1.print(); // red ​ var son2 = new

一、前言 在做很多项目的UI界面的时候，相信绝大部分人都有过抄袭别人的UI界面尤其是颜色的时候，毕竟十个程序员九个没有审美，或者说审美跟一坨屎一样，大家主要的精力以及擅长点都是在写功能实现具体功能上面，这个事情怎么说呢，这确实是程序员的主要职责，但是在大部分的小公司，UI也都是需要程序员自己去搞定的，自己想不出来怎么办，借鉴咯，不知道颜色值怎么办，用颜色拾取器点一下咯。 Qt内置的grabWindow方法，可以指定句柄获取对应的颜色，所以如果要对屏幕取得颜色值的话，传入整个屏幕的句柄即可，屏幕的句柄在Qt中的表示是QApplication::desktop()->winId()，要实时获取怎么办呢，当然最简单的办法就是开个定时器咯，定时器不断调用这个方法，获取屏幕鼠标坐标和颜色值。 二、代码思路 void ColorWidget::showColorValue() { if (!pressed) { return; } int x = QCursor::pos().x(); int y = QCursor::pos().y(); txtPoint->setText(tr("x:%1 y:%2").arg(x).arg(y)); QString strDecimalValue, strHex, strTextColor; int red, green, blue; #if (QT

RPM软件包管理 一、概述 1、RPM是什么 2、RPM有什么功能 二、安装rpm软件包 1、安装本地包 2、安装光盘中的包 3、安装网络上的包 4、导入签名 三、卸载rpm软件包 四、解决软件包的依赖 1、安装 2、卸载 五、查询rpm软件包 1、已安装软件包 2、未安装软件包 六、升级rpm软件包 七、RPM的优缺点 一、概述 1、RPM是什么 RPM是Red-Hat Package Manager（RPM软件包管理器）的缩写，这一文件格式名称虽然打上了RedHat的标志，但是其原始设计理念是开放式的，包括OpenLinux、S.u.S.E.以及Turbo Linux等Linux的分发版本都有采用，算是一种行业标准。它是一种用于互联网下载包的打包及安装工具，它包含在某些Linux分发版中。它生成具有.RPM扩展名的文件，.rpm扩展迷宫的文件都可以用RPM工具进行管理。 2、RPM有什么功能 安装、卸载、升级和管理软件 组件查询功能 验证功能 软件包GPG和MD5数字签名的导入、验证和发布 软件包依赖处理 选择安装 网络远程安装功能 二、安装rpm软件包 1、安装本地包 rpm -ivh 完整路径和名称 -i：安装rpm包 -v：显示详细的处理信息 -h：用#显示安装进度 - -force：强制安装 2、安装光盘中的包

SunnyUI.Net, 基于 C# .Net WinForm 开源控件库、工具类库、扩展类库、多页面开发框架 Blog: https://www.cnblogs.com/yhuse Gitee: https://gitee.com/yhuse/SunnyUI GitHub: https://github.com/yhuse/SunnyUI 帮助文档目录: https://www.cnblogs.com/yhuse/p/SunnyUI_Menu.html 欢迎交流，QQ群： 56829229 (SunnyUI技术交流群) 主题 1、Color 色彩 SunnyUI为了避免视觉传达差异，使用一套特定的调色板来规定颜色，为你所搭建的产品提供一致的外观视觉感受。主要颜色参照Element（ https://element.eleme.cn/ ） 主色 SunnyUI主要品牌颜色是鲜艳、友好的蓝色。 辅助色 除了主色外的场景色，需要在不同的场景中使用（例如红色表示危险的操作）。 中性色 中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。 2、Rect边框 我们对边框进行统一规范，可用于按钮、卡片、弹窗等组件里。 主要属性如下： RectColor：边框颜色 RectDisableColor：控件不可用时边框颜色 RectSides：边框显示方向 无：不显示边框 全部

1 介绍一下标准的 CSS 的盒子模型？与低版本 IE 的盒子模 型有什么不同的？ 　　标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 　　低版本 IE 盒子模型：宽度=内容宽度 （content+border+padding）+ margin 2 box-sizing 属性？ 　　用来控制元素的盒子模型的解析模式，默认为 content-box context-box： 　　W3C 的标准盒子模型，设置元素的 height/width 属性指的是 content 部分的高/宽 border-box： 　　IE 传统盒子模型。设置元素的 height/width 属性指的是 border + padding + content 部分的高/宽 3 CSS 选择器有哪些？哪些属性可以继承？ 　　CSS 选择符：id 选择器(#myid)、类选择器(.myclassname)、 标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器 （ul > li）、后代选择器（li a）、通配符选择器（*）、属 性选择器（a[rel="external"]）、伪类选择器（a:hover, li:nth-child） 　　可继承的属性：font-size, font-family, color 　　不可继承的样式：border,

云栖号资讯：【 点击查看更多行业资讯 】 在这里您可以找到不同行业的第一手的上云资讯，还在等什么，快来！ jia-xin背景 XX实例（一主一从）xxx告警中每天凌晨在报SLA报警，该报警的意思是存在一定的主从延迟（若在此时发生主从切换，需要长时间才可以完成切换，要追延迟来保证主从数据的一致性） XX实例的慢查询数量最多（执行时间超过1s的sql会被记录），XX应用那方每天晚上在做删除一个月前数据的任务 分析 使用pt-query-digest工具分析最近一周的mysql-slow.log select arrival_record操作记录的慢查询数量最多有4万多次，平均响应时间为4s，delete arrival_record记录了6次，平均响应时间258s。 select xxx_record语句 select arrival_record 慢查询语句都类似于如下所示，where语句中的参数字段是一样的，传入的参数值不一样 select count(*) from arrival_record where product_id=26 and receive_time between '2019-03-25 14:00:00' and '2019-03-25 15:00:00' and receive_spend_ms>=0G 查看执行计划 explain select

作者 | Erik-Jan van Baaren 译者 | 弯月 来源 | CSDN 原文： https://towardsdatascience.com /30-python-best-practices-tips-and-tricks-caefb9f8c5f5 以下为译文： 我想借本文为大家献上 Python 语言的30个最佳实践、小贴士和技巧，希望能对各位勤劳的程序员有所帮助，并希望大家工作顺利！ 1、Python 版本 在此想提醒各位：自2020年1月1日起，Python 官方不再支持 Python 2。本文中的很多示例只能在 Python 3 中运行。如果你仍在使用 Python 2.7，请立即升级。 2、检查 Python 的最低版本 你可以在代码中检查 Python 的版本，以确保你的用户没有在不兼容的版本中运行脚本。检查方式如下： if not sys.version_info > (2, 7): # berate your user for running a 10 year # python version elif not sys.version_info >= (3, 5): # Kindly tell your user (s)he needs to upgrade # because you're using 3.5 features 3、IPython

如果你是一名20多岁或30多岁的软件开发人员，那么你已成长在一个由Linux主导的世界中。数十年来，它一直是数据中心的重要参与者，尽管很难找到明确的操作系统市场份额的报告，但Linux在数据中心操作系统上的份额可能高达70％，而Windows变体几乎涵盖了所有剩余的比例。 使用任何主流公共云的开发人员可以假定目标系统将运行Linux。近些年来，随着Android和基于Linux的嵌入式系统在智能手机、电视、汽车和其他设备中的应用，Linux随处可见的证据比比皆是。 即便如此，大多数软件开发人员，甚至是那些在这场古老的“Linux革命”中成长的软件开发人员，也至少听说过Unix。这听起来与Linux类似，你可能已经听说过人们可以互换地使用这些术语。或者你也许听说过Linux被称为“类Unix”操作系统。 那么，这个Unix是什么呢？一些漫画种讲到的是坐在发绿光的屏幕后面的精灵般的“老人”，他编写C代码和shell脚本，由老式的滴灌咖啡所驱动。但除了那些1970年代那些老去的C程序员以外，Unix有更丰富的历史。 虽然详细介绍Unix历史和“Unix与Linux”比较的文章比比皆是，但本文将提供高层的背景介绍和这些互补世界之间的主要差别的列表。 Unix 开端 Unix的历史起始于二十世纪六十年代的AT&T贝尔实验室，在那时，一小组程序员正在为PDP-7编写多任务、多用户操作系统