个人研究方向: 微服务、netty、物联网、mqtt、modbus、工作流、流程设计器、消息中间件、高并发、大数据 、区块链等
1、XHR2 上传方案 XmlHttpRequest Level2 已经原生态支持,异步文件上传。 2、实现代码。 网页代码实现: XmlHttpRequest Level2文件上传 #uploadBt...
1、什么是跨域请求 浏览器均默认开启了同源策略,它指Ajax请求所在的页面和被请求的页面在域名、端口均相同才能被访问,否则会提示如下错误: XMLHttpRequest cannot load xxxxxxx is not allowed by Access-Control-Allow-Origin. 2、JSONP解决方案 2.1 JSONP原理 JSONP 不是真正的AJAX请求,是利用script的src可可以跨域的特性,动态加载一段script脚本,脚本中包含需要的信息。
1、ajax是什么 AJAX 不是新的编程语言,而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。
5、项目的属性 属性值 说明 order 该属性定义项目的排列顺序,数值越小,排序越靠前,默认为0 flex-grow 该属性定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大。
4.5 align-items 该属性定义项目在交叉轴上如何对齐。 属性值 说明 stretch(默认值) 如果项目未设置高度或者设为auto,将占满整个容器高度 baseline 项目的第一行文字的基线对齐 flex-start 交...
1、弹性盒子模型 弹性盒子是 CSS3 的一种新的布局模式,是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间. 2、模型启用 使用display:flex即可将该容器指定为"flex"布局。
1、CSS浮动产生原因 一般是一个盒子里使用了CSS float浮动属性,导致父级对象盒子不能被撑开,这样CSS float浮动就产生了。 2、CSS浮动影响 1、背景不能显示 由于浮动产生,如果对父级设置了(CSS background背景)CSS背景颜色或CSS背景图片,而父级不能被撑开,所以导致CSS背景不能显示。
1、什么是BFC 在解释 BFC 是什么之前,需要先介绍 Box、Formatting Context的概念。 ** (1)Box: CSS布局的基本单位** Box 是 CSS 布局的对象和基本单位, 直观点来说,就是一个页面是由很多个 Box 组成的。
1、双飞翼布局概述 双飞翼布局同样来源淘宝,可以说是借鉴了圣杯布局,同时也解决了圣杯布局使用相对定位的缺陷。 2、双飞翼布局实现思路 (1)与圣杯布局一样,利用负边距技术实现初步效果 双飞翼布局 *{ ...
1、圣杯布局概述 圣杯布局是有淘宝的工程师提出,巧妙的利用我们介绍过的定位技术、负边距、相对定位、浮动、组合运用。轻松实现常见布局。 我们在前面介绍过,使用浮动特性,实现三列布局,但是使用div布局,有一个问题,那就是内容区,在左边区和右边区之后渲染。
1、三列布局需求 网页中,常见的实现3列布局,左右两边宽宽固定,中间自适应的布局。本节介绍一种,最简单的实现思路,利用div浮动特性实现。 2、实现思路 在网页中依次编写 left、right、center 三个div,注意一定要左右中,这样的编写顺序。
1、margin 负边距 负边距,不会脱离文档流,但后续原素会占用元素空间。 2、负边距与垂直方向元素 源代码 负边距与垂直方向的元素 .
1、CSS外边距合并 CSS外边距合并,只有上外边距和下外边距才会触发外边距合并,左外边距和右外边距不会。 2、相邻元素合并-上下 源代码: 相邻合并 .
CSS选择器-系列文章 1、not选择器 :not(selector) 选择器匹配非指定元素/选择器的每个元素. 2、效果演示 源代码 css-选择器-not #div:not(p){ ...
CSS选择器-系列文章 1、:empty选择器 :empty 选择器匹配没有子元素(包括文本节点)的每个元素。 2、效果演示 源代码 css-选择器-empty p:empty{ ...
CSS选择器-系列文章 1、Target选择器 :target 选择器可用于选取当前活动的目标元素 2、效果演示 源代码 CSS-选择器-Target a{ text-decor...
CSS选择器-系列文章 1、选择器说明 选择器 例子 例子描述 CSS :link a:link 选择所有未被访问的链接。 1 :visited a:visited 选择所有已被访问的链接。
CSS选择器-系列文章 1、类选择器 根据class选择元素。 2、效果演示 源代码 类选择器 .cls1{ color: red; } div1 div2 div3 运行效果 image.
CSS选择器-系列文章 1、ID选择器 根据ID选择元素。 2、效果演示 源代码: id选择器 #id1{ color: red; } div1 div2 div3 运行效果: image.
CSS选择器-系列文章 1、子元素选择器 div>p选择div的直接子元素p。注意与后代选择器的对比。 2、效果演示 源代码: 子元素选择器 #id1>p{ color: red...
CSS选择器-系列文章 1、后代选择器 div p选择div内部出现的所有p元素,不管p元素嵌套的多少层。 2、效果演示 后代选择器 #id1 p{ color: red; ...
CSS选择器-系列文章 1、兄弟选择器 选择器 例子 例子描述 CSS element+element div+p 选择紧接在 div 元素之后的所有 p 元素。
CSS选择器-系列文章 1、选择器说明 选择器 例子 例子描述 CSS :first-of-type p:first-of-type 选择属于其父元素的首个 p 元素的每个 p 元素。
CSS选择器-系列文章 1、CSS选择器说明 选择器 例子 例子描述 CSS :first-child p:first-child 选择属于父元素的第一个子元素的每个 p元素。
CSS选择器-系列文章 1、CSS选择器first-letter,first-line 选择器 例子 例子描述 CSS :first-letter p:first-letter 选择每个 元素的首字母。
CSS选择器-系列文章 1、CSS属性选择器 选择器 例子 例子描述 CSS [attribute] [target] 选择带有 target 属性所有元素。
1、浮动的概述 (1)、浮动脱离文档流,浮动的框可以向左或右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。 (2)、浮动框旁边的行框被缩短,从而给浮动框留出空间,行框围绕浮动框。
1、绝对定位概述 设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样。
1、相对定位概述 如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。(1)相对定位 元素不会脱离文档流(2)相对定位 是相对元素,在正常文档流中的原始位置 2、效果演示 源代码...
1、CSS定位原理 CSS 有三种基本的定位机制:普通流、浮动和绝对定位。 块从上到下一个接一个地排列,框之间的垂直距离是由框的垂直外边距计算出来。
1、盒子型简介 在HTML文档中任何元素,都可以看作是一个盒子,因此理解盒子模型非常重要。一个盒子包含 盒子的内容、盒子内边距、盒子的边框、盒子的外边距。
CSS选择器-系列文章 选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素。 1 #id #firstname 选择 id="firstname" 的所有元素。
一、Annotation的概念 Annotion(注解)是一个接口,程序可以通过反射来获取指定程序元素的Annotion对象,然后通过Annotion对象来获取注解里面的元数据。
1、反射的机制是什么? 反射机制是在运行状态中,对于任意一个类,都能够知道这个类的所有属性和方法;对于任意一个对象,都能够调用它的任意一个方法和属性;这种动态获取的信息以及动态调用对象的方法的功能称为java语言的反射机制。
esxi扩展驱动 https://vibsdepot.v-front.de/wiki/index.php/List_of_currently_available_ESXi_packages#NIC_drivers VM 自定义工具包 ESXi-Customizer-v2.7.2 运行软件,载入iso,网卡驱动,选择目标文件夹。
1、 vim /etc/default/grub 设置ipv6.disable=1 image.png 2、生产grub.cfg 文件 grub2-mkconfig -o /boot/grub2/grub.
1、下载与安装mysql的yum源 从mysql官网 https://dev.mysql.com/downloads/repo/yum/ 查找最新的yum源 #下载yum源 wget https://repo.
1、常用压缩格式 压缩格式 说明 .z 使用compress 程序压缩文件 .gz 使用gzip 程序压缩,为替换.z而开发 .bz2 使用bzip程序压缩,为替换.gz而开发 .tar 使用tar进行文件合并,并未压缩 .tar.gz 使用tar和gzip 压缩 .tar.bz2 使用tar和bizp程序压缩 2、GZIP压缩 -c 压缩的格式输出到屏幕上。
1、Liunx常用时间命令 查看系统时间 date 查看硬件时间 hwclock 2、什么是NTP服务 NTP是网络时间协议(Network Time Protocol),它是用来同步网络中各个计算机的时间的协议。
redis系列文章 1、Redis下载 从 https://redis.io/download 下载最新版本 本教程使用3.2.9版本进行安装 2、Redis Liunx下安装 (1)下载与解压 下载安装文件 wget http://download.
redis系列文章 1、Redis 简介 Redis是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库。
可以参考: http://git.oschina.net/jrain-group/ 组织下的Java Modbus支持库Modbus-系列文章 下一节 Modbus-Modbus功能码01HModbus-系列文章 如果读完觉得有收获的话,欢迎点赞、关...
可以参考: http://git.oschina.net/jrain-group/ 组织下的Java Modbus支持库Modbus-系列文章 modbus数据类型 数据类型 数据长度 数据访问 数据说明 离线输入量 单个比特 只读 IO系统...
可以参考: http://git.oschina.net/jrain-group/ 组织下的Java Modbus支持库Modbus-系列文章 1、虚拟成对串口 (1)下载虚拟串口软件VSPD(可在百度中搜索) image.png (2)打开软件,添加虚拟串口。
可以参考: http://git.oschina.net/jrain-group/ 组织下的Java Modbus支持库Modbus-系列文章 1、描述 读MODBUS从机线圈寄存器当前状态。
可以参考: http://git.oschina.net/jrain-group/ 组织下的Java Modbus支持库Modbus-系列文章 1、描述 读MODBUS从机线圈寄存器当前状态。
可以参考: http://git.oschina.net/jrain-group/ 组织下的Java Modbus支持库Modbus-系列文章 1、MODBUS指令说明 下表列出MODBUS支持的部分功能代码:以十进制表示。
可以参考: http://git.oschina.net/jrain-group/ 组织下的Java Modbus支持库Modbus-系列文章 1、Modbus 主站与从站 Modbus 协议一一种请求应答协议。
可以参考: http://git.oschina.net/jrain-group/ 组织下的Java Modbus支持库Modbus-系列文章 1、LRC校验 public static void writeAscii(ByteBuffer buffer, byte b) { buffer.
一、HTTP之请求消息Request 客户端发送一个HTTP请求到服务器的请求消息包括以下格式: image.png 1、请求方法* 方法 描述 GET 请求获取由 Request-URI 所标识的资源。