RED

Emmet是一个快捷编写html元素、css样式的插件，很多主流IDE都自带得有。 没有的话，可以自己给IDE装上该插件。 输入命令后，按Tab执行。 html ! 生成html文档基本骨架 link:css 生成引入css的<link /> link:favicon 生成设置网页图标的<link />。设置的是页面在浏览器标签页显示的图标，图标是.ico文件，也可以是其它图片文件 script:src 生成引入js脚本的<script> 元素直接输入元素名即可，示例： script p div >是嵌套子元素：ul>li，ul>li>a +是兄弟元素：h3+p，h3+p+div 可以搭配使用：div>h3+p 未指定数量时，默认为1，可以用*指定数量： ul>li*5 table>tr*3>td*5 每个<tr>中都有5个<td> 不确定关系时可以加() #设置id属性： div#app .设置class属性： p.red p.red.show class属性可同时设置多个值，即class="red show" 搭配使用： div#app.red div#app>p.red.show [ ]设置普通属性： input[name placeholder] input[name=username placeholder=请输入用户名] 可以设置属性值，值引不引都行 {

1. Trigger 触发器，应用属性值或有条件地执行操作； 1）触发源：控件； 2）触发条件：某属性为某个值，或执行某个事件时； 3）执行操作：更改某个属性值或执行某个事件； 4）举例：当窗口加载时（执行某个事件时），以动画的形式将窗口的大小倍数从 0 到 1 展示（执行某个事件）。 2. Trigger 的分类 1）根据触发器的触发条件，在 WPF 中，触发器的形态可以是：Trigger、DataTrigger、EventTrigger； 2）以及由 Trigger 延伸的 MultiTrigger 和由 DataTrigger 延伸的 MultiDataTrigger； 2.1 Trigger Trigger 主要用于监测依赖项属性的变化，然后使用设置器改变样式 // 例子1： < Button Foreground ="Red" Width ="350" Content ="效果" > < Button.Style > < Style TargetType ="{x:Type Button}" > < Setter Property ="Height" Value ="200" /> < Style.Triggers > <!-- 触发条件：当焦点属性的值为 True 时 --> < Trigger Property ="IsFocused" Value ="True" >

1.情景展示 　　跨行合并，如何实现？ 2.实现方式 /** * 表格指定列，根据相同值跨行 * @param tableId * 表格ID * @param columnNum * 要合并的列数（第几列） * @explain 第一行不参与跨行合并 */ function mergeTableRows(tableId, columnNum) { var tableObj = document.getElementById(tableId); // 列数所对应的下标数 var colIdx = columnNum - 1; var lastTdText = null; var rowLen = tableObj.rows.length; for (var i = rowLen - 1; i >= 1; i--) { var currText = tableObj.rows[i].cells[colIdx].innerHTML; if (lastTdText == null) { sameCount = 1; } else if (lastTdText != currText) { if (sameCount > 1) { tableObj.rows[i + 1].cells[colIdx].rowSpan = sameCount; } sameCount = 1; } else

　　小程序建议使用flex布局进行排版 　　flex是一个盒装弹性布局 　　flex是一个容器，所有子元素都是他的成员 　　 　　定义布局：display:flex 　　flex容器的属性： 　　　　一、flex-direction：排列方向 　　　　二、flex-wrap：换行规则 　　　　三、justify-content：对齐方式 　　　　四、order：成员之间的显示顺序 　　　　五、flex：成员所占屏幕的比例 一、flex-direction：排列方向 　　 【默认】 row：从左到右行排序 　　row-reverse：从右到左行排序 　　colomn：从上到下列排序 　　colomn-reverse：从下到上列排序 　　 index.html中定义五个<view>分别加上a、b、c、d、e五个文本标签， 微信小程序中默认flex-direction:row <!-- index.wxml --> Cynical丶Gary < view class ="container" > < view class ='a size' > a </ view > < view class ='b size' > b </ view > < view class ='c size' > c </ view > < view class ='d size' > d </ view >

痞子衡嵌入式半月刊： 第 3 期 这里分享嵌入式领域有用有趣的项目/工具以及一些热点新闻，农历年分二十四节气，希望在每个交节之日准时发布一期。 本期刊是开源项目（GitHub: JayHeng/pzh-mcu-bi-weekly ），欢迎提交 issue，投稿或推荐你知道的嵌入式那些事儿。 上期回顾 ： 《痞子衡嵌入式半月刊： 第 2 期》 唠两句 今天是雨水与惊蛰交节之时，惊蛰节气在农耕上有着相当重要的意义，自古以来我国人民很重视惊蛰这个节气，把它视为春耕开始的节令。 新冠肺炎疫情在逐日好转，相信大部分人都已经开始陆续复工了，但痞子衡东家还是决定 3 月 23 号之后再考虑全面复工的事。因此这些天痞子衡在家主要是以看技术文档写技术文档以及线上客户支持为主，最近原创文章产出比较惊人，一周能达到 3 篇，写文章这种事，写作过程中比较痛苦，但写完还是成就感满满的。 最近痞子衡不断接到技术群的朋友约稿，趁着在家办公的时机，痞子衡会加快写作，尽早完成大家的约稿。 本期共收录 3条资讯、4个项目、2个工具、1个RT产品，希望对你有帮助！ 资讯类 <font color="red">1、面向音频/语音应用的恩智浦 i.MXRT600 已上市</font> 恩智浦半导体于 Embedded World 2020 上宣布其旗下主打音频/语音应用的全新跨界处理器 i.MXRT600 已开始正式供货

flex布局简介 微信小程序页面布局方式采用的是 Flex 布局。 Flex 布局，是W3c在2009年提出的一种新的方案，可以简便，完整，响应式的实现各种页面布局。 Flex布局提供了元素在容器中的对齐，方向以及顺序，甚至他们可以是动态的或者不确定的大小的。 样式设置为 display:flex : 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器" 容器默认有两个轴：主轴(main axis)和侧轴(cross axis)。 主轴的开始位置为主轴起点(main start)，主轴的结束位置为主轴终点(main end),而主轴的长度为主轴长度(main size)。 同理侧轴的起点为侧轴起点(cross start),结束位置为侧轴终点(cross end),长度为侧轴长度(cross size)。详情见下图: flex布局的属性 1.flex-direction 主轴的方向使用 flex-direction 属性控制, 主轴 并不是一定是 从左到右 的，同理 侧轴 也不一定是 从上到下 ，它有4个可选值: row（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水平方向，起点在右端。 column：主轴为垂直方向，起点在上沿。 column-reverse：主轴为垂直方向，起点在下沿 2.justify

　　VMwareware虚拟机安装的 Red Hat Enterprise Linux系统剩余空间不足，造成软件无法正常安装。如果重新装一遍系统就需要重新配置好开发环境和软件的安装配置。结合自己的实践，总结了如下扩大硬盘空间的详细步骤。 　（1） 打开VMware，选择虚拟机设置(Edit Virtual mache settings)，实用工具(Utilities)下拉框中找到扩展(Expand)如下图： 　（2） 将磁盘空间 扩大到 50G，点击扩展(Expand)即可，随后进入一个较长的Expand过程，完成后这是新的空间已经增加，但linux环境下还不可见。 　（3） 启动VMware环境下的Linux操作系统,添加新分区，需要root账号身份。 　　3.1【fdisk -l】 (先查看当前分区情况，随后会新增分区) 最大分区为/dev/sda3，说明新创建的分区将会是sda4 　　3.2 输入【fdisk /dev/sda】 　　3.2.1命令行提示下输入【m】 　　3.2.2输入命令【n】添加新分区。 　　3.2.3输入命令【p】创建主分区。 　　3.2.4输入【回车】，选择默认大小，这样不浪费空间 　　3.2.5输入【回车】，选择默认的start cylinder。 　　3.2.6输入【w】，保持修改 　　3.3 输入【reboot】 重启linux，必须reboot

虚拟机分配了50G大小的空间，最近发现不够用，于是将扩展一下分区的大小，查了几种方法都不是很好，后来借助了gparted分区空间完成了，这个工具简单，方便，下面就简单的介绍一下。扩展分区主要要分为两步 Ubuntu 用GParted合并分区 http://www.linuxidc.com/Linux/2010-06/26689.htm 使用GParted和acronis进行Linux分区和NTFS分区无损调整 http://www.linuxidc.com/Linux/2010-06/26737.htm GParted:急救你的硬盘数据 http://www.linuxidc.com/Linux/2011-02/32525.htm 1）扩充虚拟硬盘容量 在VMware中有一个工具，专门用来管理虚拟硬盘，不过得在命令行中运行。在VMware安装目录下有这个程序vmware-vdiskmanager.exe 。win+R 打开cmd窗口 cd d:\vmware (我的VMware安装在 D:\vmware目录中) 运行vmware-vdiskmanager 出来以下界面 可以看到如果要扩充虚拟硬盘空间，可以用参数 -x ( -x <new-capacity> : expand the disk to the specified capacity) 它也有使用举例 ： ex 4:

一、微服务概述 1. 什么是微服务  简单地说， 微服务是系统架构上的一种设计风格， 它的主旨是将一个原本独立的系统拆分成多个小型服务，这些小型服务都在各自独立的进程中运行，服务之间基于 RPC 进行通信协作。 被拆分成的每一个小型服务都围绕着系统中的某一项或一些耦合度较高的业务功能进行构建， 并且每个服务都维护着自身的数据存储（划重点，每个微服务都有自己的数据库实例）、 业务开发、自动化测试案例以及独立部署机制。 2. 微服务的特性 <b>服务组件化</b>：一个独立的系统拆成多个小型服务。 <b>以业务划分服务</b>：微服务应该以业务来划分，而不是按能力或其他因素来划分（比如之前做的一个项目直接将缓存能力建成了一个微服务组件）。 <b>智能端点和哑管道</b>：服务之间通过 RPC 的方式调用，通常会使用以下两种服务调用方式： 第一种：使用 HTTP 的 RESTfl API 或轻量级的消息发送协议， 实现信息传递与服务调用的触发。 第二种：通过在轻量级消息总线上传递消息， 类似 RabbitMQ 等 一些提供可靠异步交换的中间件。 <b>去中心化处理</b>：不同的微服务组件可以选择不同的技术方案，甚至可以选择不同的语言。只有实现了对技术平台的透明， 才能更好地发挥不同语言对不同业务处理能力的优势， 从而打造更为强大的大型系统。 <b>去中心化管理数据</b>

　　vROPS中虚拟机对象的ID为resourceID，跟vCenter中虚拟机的UUID是不一致的，因此想要将vROPS中的虚拟机和vCenter中的虚拟机对应肯定不能靠虚拟机名称，而是一定要靠UUID。 下面的示例显示如何通过vROPS API获取虚拟机在vCenter中的UUID 步骤1，获取vROPS Token URL: https://vrops.vmware.com/suite-api/api/auth/token/acquire Method: POST Content-Type: application/json Accept: application/json Body: {"username":"admin","password":"VMware1!"} Response: { "token": "4971b55f-68aa-47a0-a351-19fa751d59cb::5c1db8e3-90ec-44f4-87f7-ad986f358ca6" , "validity": 1556219805813 , "expiresAt": "Friday, April 26, 2019 3:16:45 AM CST" , "roles" : [] } 步骤2，获取虚拟机UUID URL: https://vrops.dev-pso.com/suite-api/api