RED

该闯关内容与JS闯关衔接. 每一题的答案均在注释处, 第一关:把所有的HTML内容放在一个包含有container-fluid的class名称的div下( 注意,是所有的HTML内容,style标签属于CSS,为了代码可读性尽量不要把style标签内容放在div内,需要添加代码的地方已经用注释标注出来了) 1 < link href ="//fonts.googleapis.com/css?family=Lobster" rel ="stylesheet" type ="text/css" > 2 < style > 3 .red-text { 4 color : red ; 5 } 6 7 h2 { 8 font-family : Lobster, Monospace ; 9 } 10 11 p { 12 font-size : 16px ; 13 font-family : Monospace ; 14 } 15 16 .thick-green-border { 17 border-color : green ; 18 border-width : 10px ; 19 border-style : solid ; 20 border-radius : 50% ; 21 } 22 23 .smaller-image { 24 width : 100px ; 25 } 26 </

该闯关内容与JS闯关衔接. 每一题的答案均在注释处, 第一关:把所有的HTML内容放在一个包含有container-fluid的class名称的div下( 注意,是所有的HTML内容,style标签属于CSS,为了代码可读性尽量不要把style标签内容放在div内,需要添加代码的地方已经用注释标注出来了) 1 < link href ="//fonts.googleapis.com/css?family=Lobster" rel ="stylesheet" type ="text/css" > 2 < style > 3 .red-text { 4 color : red ; 5 } 6 7 h2 { 8 font-family : Lobster, Monospace ; 9 } 10 11 p { 12 font-size : 16px ; 13 font-family : Monospace ; 14 } 15 16 .thick-green-border { 17 border-color : green ; 18 border-width : 10px ; 19 border-style : solid ; 20 border-radius : 50% ; 21 } 22 23 .smaller-image { 24 width : 100px ; 25 } 26 </

该闯关内容与JS闯关衔接. 每一题的答案均在注释处, 第一关:把所有的HTML内容放在一个包含有container-fluid的class名称的div下( 注意,是所有的HTML内容,style标签属于CSS,为了代码可读性尽量不要把style标签内容放在div内,需要添加代码的地方已经用注释标注出来了) 1 < link href ="//fonts.googleapis.com/css?family=Lobster" rel ="stylesheet" type ="text/css" > 2 < style > 3 .red-text { 4 color : red ; 5 } 6 7 h2 { 8 font-family : Lobster, Monospace ; 9 } 10 11 p { 12 font-size : 16px ; 13 font-family : Monospace ; 14 } 15 16 .thick-green-border { 17 border-color : green ; 18 border-width : 10px ; 19 border-style : solid ; 20 border-radius : 50% ; 21 } 22 23 .smaller-image { 24 width : 100px ; 25 } 26 </

该闯关内容与JS闯关衔接. 每一题的答案均在注释处, 第一关:把所有的HTML内容放在一个包含有container-fluid的class名称的div下( 注意,是所有的HTML内容,style标签属于CSS,为了代码可读性尽量不要把style标签内容放在div内,需要添加代码的地方已经用注释标注出来了) 1 < link href ="//fonts.googleapis.com/css?family=Lobster" rel ="stylesheet" type ="text/css" > 2 < style > 3 .red-text { 4 color : red ; 5 } 6 7 h2 { 8 font-family : Lobster, Monospace ; 9 } 10 11 p { 12 font-size : 16px ; 13 font-family : Monospace ; 14 } 15 16 .thick-green-border { 17 border-color : green ; 18 border-width : 10px ; 19 border-style : solid ; 20 border-radius : 50% ; 21 } 22 23 .smaller-image { 24 width : 100px ; 25 } 26 </

https://www.micron.com/about/blog/2018/may/ceph-bluestore-vs-filestoreblock-performance-comparison-when-leveraging-micron-nvme-ssds BlueStore 是 Ceph 的新存储引擎 ，是社区版的默认配置。 BlueStore性能数字不包含在我们当前的 Micron Accelerated Ceph存储解决方案 参考架构中，因为 Red Hat Ceph 3.0 目前不支持它 。 我在 Ceph参考架构硬件上 对社区版 Ceph Luminous（12.2.4） 进行了 性能测试， 并将结果与​​我们在此博客中在RHCS 3.0中实现的FileStore性能进行比较。 4KB随机写入IOPS性能提高18％，平均延迟降低15％，尾部延迟降低99.99％高达80％。 使用BlueStore，在更高的队列深度下，4KB随机读取性能更好。 该解决方案针对块性能进行了优化。 使用Linux中的Rados Block Driver进行随机小块测试 ，在2插槽存储节点 中使铂级8168 Intel Purley 处理器 饱和 。 每个存储节点有10个驱动器，该架构具有232TB的可用存储容量，可通过添加额外的1U存储节点进行扩展。 参考设计 - 硬件 测试结果和分析

该闯关内容与JS闯关衔接. 每一题的答案均在注释处, 第一关:把所有的HTML内容放在一个包含有container-fluid的class名称的div下( 注意,是所有的HTML内容,style标签属于CSS,为了代码可读性尽量不要把style标签内容放在div内,需要添加代码的地方已经用注释标注出来了) 1 < link href ="//fonts.googleapis.com/css?family=Lobster" rel ="stylesheet" type ="text/css" > 2 < style > 3 .red-text { 4 color : red ; 5 } 6 7 h2 { 8 font-family : Lobster, Monospace ; 9 } 10 11 p { 12 font-size : 16px ; 13 font-family : Monospace ; 14 } 15 16 .thick-green-border { 17 border-color : green ; 18 border-width : 10px ; 19 border-style : solid ; 20 border-radius : 50% ; 21 } 22 23 .smaller-image { 24 width : 100px ; 25 } 26 </

项目中使用到element-ui组件库，经常需要操作表格，编辑样式的过程中遇到一些问题，官网针对table给出了很多的api，自己可以自定义，基本能满足产品需求，但是没有给出具体的案例，网上的资料也比较简略，这里简单整理下一些常用的操作，如果有类似的功能可以做一个参考 具体的使用方法还是建议仔细阅读官网-table章节： https://element.eleme.cn/#/zh-CN/component/table#table-column-scoped-slot 自定义列的内容 需求：在表格最后一栏添加操作按钮 image 通过 slot-scope="scope" 添加操作按钮，这是专门为我们提供的插槽，方便自定义添加不同的内容。 <template slot-scope="scope"> <el-button size="mini" type="primary">编辑</el-button> <el-button size="mini" type="danger">删除</el-button> </template> </el-table-column> 　　 image scope.$index 获取当前行下标 添加进来的操作按钮可以通过 scope.$index 可以获取当前行对应的下标 <el-table-column label= " 操作 " width= "

ProgressBar控件的重要属性： FontFamily——控件中显示文本的字体 FontSize——控件中显示的字体的大小 Foreground——控件中显示的文本的前景色 Text——显示的文本的内容 TextWrapping——控件中显示的文本的换行方式。 　　 NoWrap——不自动换行，超出的部分被截断， 　　 Wrap——自动换行，文本长度超出控件宽度时自动换行。 Visibility——值为True时文本可见，值为False时文本不可见。 < Canvas x:Name= "LayoutRoot" Background= "White"> FontSize——字体大小 Foreground——文本前景色 < TextBlock Text= "信息显示控件示例——TextBlock" Margin= "10,5,0,0" FontSize= "18" FontWeight= "Bold" Foreground= "#ffbe4d4d" /> < TextBlock Text= "1、显示红色的文本" Foreground= "Red" Canvas.Left= "10" Canvas.Top= "40" /> < TextBlock Text= "2、显示带双引号"TextBlock"文本" Canvas.Left= "10" Canvas.Top= "60" />

本文最新版已更新至 http://thinkinside.tk/2013/05/03/r_notes_1_what.html 在学习量化投资的时候，我发现了R（ www.r-project.org ）。R到底是什么呢？在开始之前，先看看R的神奇之处。 1. R初窥 从CRAN（The Comprehensive R Archive Network） cran.r-project.org—mirrors.html 中选择一个镜像，然后下载合适的安装包（R支持Linux、Mac OS X和Windows）。 安装并运行R后，可以看到R的控制台（我的操作系统是Mac OS）： 在R的控制台输入如下命令： > install.packages( ' quantmod ' ) # 安装quantmod包 > require(quantmod) # 引用quantmod包 > getSymbols( " GOOG " ,src= " yahoo " , from = " 2013-01-01 " , to= ' 2013-04-24 ' ) # 从雅虎财经获取google的股票数据 > chartSeries(GOOG,up.col= ' red ' ,dn.col= ' green ' ) # 显示K线图 > addMACD() # 增加MACD图 就能够看到下图的效果了： 最后，退出R：

问题： I have these divs that I'm styling with .tocolor , but I also need the unique identifier 1,2,3,4 etc. so I'm adding that it as another class tocolor-1 . 我有这些div，我正在使用 .tocolor ，但我还需要唯一标识符1,2,3,4等，所以我将它添加为另一个类 tocolor-1 。 <div class="tocolor tocolor-1"> tocolor 1 </div> <div class="tocolor tocolor-2"> tocolor 2 </div> <div class="tocolor tocolor-3"> tocolor 3 </div> <div class="tocolor tocolor-4"> tocolor 4 </div> .tocolor{ background: red; } Is there a way to have just 1 class tocolor-* . 有没有办法只有一个类 tocolor-* 。 I tried using a wildcard * as in this css, but it didn't work. 我试着在这个css中使用通配符