RED

一、CSS显示模式​ 1.在HTML中HTML将所有的标签分为两类，分别是容器类和文本级。在CSS中CSS也将所有的标签分为两类，分别是块级元素和行内元素 2.什么是块级元素呢？什么是行内元素​？ （1）块级元素会独占一行 （2）行内元素不会独占一行 3.块级元素 p div h ul ol dl li dt dd 行内元素 span buis stong em ins del 4.记忆攻略：所有的容器级加上p标签都是块级元素；所有的文本级除了p标签，都是行内元素​。 5.例子 < div > 我是div </ div > < p > 我是段落 </ p > < h1 > 我是标题 </ h1 > < hr > < span > 我是span </ span > < b > 我是加粗 </ b > < strong > 我是强调 </ strong > 6.块级元素和行内元素的区别 （1）块级元素 如果没有设置宽度，那么默认和父元素一样宽；如果设置了宽度，那么就按照设置的来显示。 （2）行内元素 如果没有设置宽度，那么默认和内容一样宽；如果设置了宽度，也没有，是不可以设置​长度和宽度的。 例子：公共代码 < div > 我是div </ div > < hr > < span > 我是span </ span > 先看看默认的 div{ background: red; }

当面试官问道你高度塌陷时，人们第一想到的方法一定是 .clearfix::after { content: ''; display: block; clear: both; visibility: hidden; height: 0; } 　对，没错，这是一个完美的解决方案，但是我们有考虑过这个方案的实现原理吗，或者面试管继续问你这个方法的原理是什么？是不是一脸懵，不懵的也别杠，接下来我通过排他法来展示他的原理 　1. 首先 ::after 是元素的伪元素，在元素后面生成伪元素 　2.content 是伪元素的内容，为空，只是让伪元素不显示，显然不是原理 　3. height:0 是为了让伪元素高度为0 ，显然不是 　4. visibility:hidden 是为了伪元素浏览器渲染但不显示，显然也不是 　5. display: block 只是为了让伪元素成为块级元素，成为触发 clear:both 的条件，有点关系 　6. clear:both 规定在左右两侧不允许出现浮动元素， 这便是清除浮动的原理了 那么为什么要清除浮动，最常见的原因是 外层容器高度塌陷，下面简单演示一下 <style> .wrap { width: 200px; border: 1px solid #333; } .wrap:after { content: '伪元素'; } .left { float:

操作DOM DOM中节点类型 Document文档节点：代表整个网页，不代表任何HTML标记，但它是html的父节点 element元素节点：指任何HTML标记。每一个HTML标记就称一个“元素节点”。它可以有文本节点和属性节点。 attribute属性节点：指HTML标记的属性。 text节点：是节点树的最低节点。 核心DOM中的公共的属性和方法 提示：核心DOM中查找结点(标记)，都是先从根节点开始的(html节点)。主要是针对于HTML4.0开发的。 HTML DOM的新特性 每一个HTML标记与元素对象的属性一一对应 核心DOM中的属性方法，元素对象都能用 HTML DOM访问HTML元素的方法(最常用) getElementById("id名"); getElementByTagName("TagName名"); //标记,和核心DOM中nodeName一样 getElementByClass("class名"); CSS的DOM动态样式 **使用JS操作CSS中的各属性，JS只能操作修改行内样式。对于类样式，可以通过className来赋值。外联式无法操作** **style样式代替css样式** style对象属性与CSS属性的转换 1.如果是一个单词，则直接写 2.如果是多个单词，则第一个单词全小写，后面每个单词首字母大写，并去掉中划线。 DOM中Event对象

H5之postMessage 对于跨域我们有很多的解决方案，今天我来分享一下postMessage的那点事，postMessage是html5新增的一个解决跨域的一个方法，不过很可惜万恶的ie6,7不支持 postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信，可以实现跨文本档、多窗口、跨域消息传递。听起来还是很牛掰的！！！ 让我们慢慢的揭开postMessage的神秘面纱...... 我们拿跨域中的iframe做例子 <script type="text/javascript"> window.parent.postMessage('hello world','*'); //在被嵌套的iframe的页面中写入这样一段代码 </script> 注意：postMessage的写法，postMessage之前写的是你要通信的window对象（也就是你要像谁通信），此时的window.parent的权限仅限于此，不能在像同域似的，进行获取父级的DOM元素，否则浏览器会报错，提示你不能进行跨域访问，我们再来看postMessage中所接收的参数，第一个参数就是你要像另外一个窗口传递的数据（只能传字符串类型），第二个参数表示目标窗口的源，协议+主机+端口号，是为了安全考虑，如果设置为“*”，则表示可以传递给任意窗口。 那么另外一个窗口是如何接收数据的呢 <script

OpenGL Programming Guide（红宝书） http://www.glprogramming.com/red/ OpenGL Reference Manual（蓝宝书） http://www.glprogramming.com/blue/ OpenGL入门教程（经典） https://blog.csdn.net/jia_zhengshen/article/details/9298309 一字一字敲出OpenGL学习教程 拓幻科技图形学工程师教学手册(第一讲)|一字一字敲出OpenGL学习教程 拓幻科技图形学工程师教学手册(第二讲)|一字一字敲出OpenGL学习教程 拓幻科技图形学工程师教学手册(第三讲)|一字一字敲出OpenGL学习教程 拓幻科技图形学工程师教学手册(第四讲)|一字一字敲出OpenGL学习教程 现代OpenGL教程 现代OpenGL教程 01 - 入门指南 现代OpenGL教程 02 - 贴图 现代OpenGL教程 03 - 矩阵，深度缓冲，动画 现代OpenGL教程 04 - 相机，向量，输入 OpenGL基础图形编程 OpenGL基础图形编程（一）OpenGL与3D图形世界 OpenGL基础图形编程（二）OpenGL概念建立 OpenGL基础图形编程（三）WindowsNT下的OpenGL OpenGL基础图形编程（四）基础程序结构

1、创建SpringBoot工程。 spring boot版本为2.2.6， 增加spring-boot-starter-data-elasticsearch <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.2.6.RELEASE</version> <relativePath/> <!-- lookup parent from repository --> </parent> <groupId>com.example</groupId>

编译安装Aerospike 下载Aerospike Server社区版 wget -O aerospike.tgz 'https://www.aerospike.com/download/server/latest/artifact/tgz' # 解压 tar -xvf aerospike.tgz # 初始化Aerospike服务器 cd aerospike-server ./bin/aerospike init # 下载Aerospike工具 # Red Hat Variants (RHEL6): wget -O aerospike-tools.tgz 'https://www.aerospike.com/download/tools/latest/artifact/el6' # Red Hat Variants (RHEL7): wget -O aerospike-tools.tgz 'https://www.aerospike.com/download/tools/latest/artifact/el7' # 安装工具包 tar -xvf aerospike-tools.tgz && cd aerospike-tools-3.24.1-el7 # Red Hat Variants (RHEL6): rpm -Uvh aerospike-tools-3.24.1-1.el6

上一篇中介绍了几种不同功能的插件，就应该去思考插件是怎么样产生的，插件是用户为了方便使用，将一个功能，或者某种样式进行了一种封装。 使用者只用调用方法，或者选择器等就可以了。这种思路很常见，敲代码的人总是想着如何更大效率的去优化自己的代码。 举个列子： 如上个列子的lazyLoad在js中调用lazyload()方法我们知道jq或者原生js都没有这个方法可以调用，它调用的是这个插件中的自定义的方法 为了避免与其他的正常src产生冲突，又为img重新定义了data-src 这也是img标签不具备的属性 这就要看这个插件的js了 jquery常见的中扩展方法 1.$.extend 全局方法 格式如下：（注html里没有代码 需导入jquery.js) 2.$.fn.extend 对象方法 格式如下：（注html里没有代码 需导入jquery.js) 可以看看效果图两个标签将都会为blue（代码简短不妨动手试试） 简单是实例了一下两个方法，下面以上次的消息滚动为列重新为他修改一下： https://www.cnblogs.com/2979100039-qq-con/p/12715306.html body的代码，不作修改，来重新构造js里的代码 body内容如下 css 内容 *{ margin: 0px; padding: 0px; font-size: 18px; font

　　科学家们以前就曾发现，一些种类的爬行动物的性别与卵的发育环境温度有关，比如乌龟，较高的环境温度会使卵发育为雌性，较低的温度会使卵发育为雄性，但这类爬行动物究竟是如何在卵的发育过程中，将温度信息记录下来并转换为影响生理发育的一个因素的，一直还是一个未解之谜。 　　 而就在最近，一篇刊登在 Science 杂志上的论文，揭示了乌龟性别发育与卵的发育环境温度间的具体影响机制。 　　对人来说，Y 染色体上的一个特定基因来决定机体在未来的发育方式，单个的某种信号很难能被用作决定机体是雄还是雌。虽然有的生物能像雄性果蝇那样，即使没有 Y 染色体也能正常发育，但如果乌龟想要将温度信号作为判定雌雄的关键，那这个信号就必须对 “乌龟的机体发育来说” 十分重要，并能以此触发机体的雌雄发育不同，但在这一点上，与表现相当温度的染色体机制相比，我们很难发现，温度是如何能帮助有些生物确定自己是雄还是雌。 　　因为在乌龟卵的发育过程中，由于孵化可能会在不同的季节发生，其所在的环境的温度在长期上是持续变化的。 　　从中等长度的时间过渡来看，乌龟卵发育环境的温度每天可能都会不同，而从较短的时间过渡来看，乌龟卵所能接收到的温度信号则是每天的早晚都会不一样（早上高，晚上低），虽然这种 “善变” 的温度信号，乍看起来根本没法帮助乌龟在发育过程中决定自己的性别。 　　但如果类比的话

A. Sea Battle time limit per test 1 second memory limit per test 256 megabytes input standard input output standard output In order to make the "Sea Battle" game more interesting, Boris decided to add a new ship type to it. The ship consists of two rectangles. The first rectangle has a width of w 1 w1 and a height of h 1 h1, while the second rectangle has a width of w 2 w2 and a height of h 2 h2, where w 1 ≥ w 2 w1≥w2. In this game, exactly one ship is used, made up of two rectangles. There are no other ships on the field. The rectangles are placed on field in the following way: the second