方法一：使用Flexbox布局Flexbox是CSS3中引入的一种弹性盒子布局模型，它提供了简单而强大的方式来实现元素的居中对齐。

1可调用对象C++中的可调用对象（CallableObjects）是指那些能够被调用执行的对象。这包括了函数、函数对象（也叫做仿函数，即重载了operator()的类或者结构体）、Lambda表达式以及任何具有operator()的成员函数的对象。可调用对象在C++标准库算法（如std::for_each、std::transform等）以及回调函数等场景中广泛使用。1.1函数作为可调用对象任何普

CSS3DRenderer,CSS3DObject,OrthographicCameraAPI结合使用案例three.jscss3d-orthographicbody{background-color:

主备安装部署openGauss2.0.0于2021年3月31日正式发布，大部分对openGauss数据库感兴趣的小伙伴首先想到的应该是先把新版本软件下载下来，搭建一套自己的测试环境，然后再根据官方文档研究研究新特性的使用和原理

1Flex布局首先聊聊Flex布局，Flex布局又称“弹性布局”，任何容器都可以指定为Flex布局，设置Flex布局会使得子元素的float、clear、vertical-align失效1.1Flex属性1.1.1flex-direction：决定项目的排列方向，默认自左向右水平排列.box{flex-direction:row|row-reverse|column|column-reverse;

Android7.0引入了新特性：DirectBootMode，设备启动后进入的一个新模式，直到用户解锁（unlock）设备此阶段结束。

1、Oracle兼容兼容withas语法兼容insertall/first语法兼容(+)形式的左外连接和右外连接语法兼容ROLLUP/CUBE/GROUPINGSETS语法兼容createorreplaceview/trigger/procedure/function/index语法兼容renameprocedure/function语法2、新增功能条件索引（ConditionalIndex）新增

实例：3D分层图像悬停效果技术栈：HTML+CSS效果：源码：【html】3D分层图像悬停效果【css】*{/*初始化*/margin:0;padding:0;}body{/*100%窗口高度*/height:100vh;/*弹性布局居中*/display:flex;justify-content:center;align-items:center;overflow:hidden;/*渐变背景*/

Java8新了streamAPI，需要注意的是Stream和I/O中的流是没有关系的，这个stream主要是要来处理集合数据的，可以将其看作一个高级迭代器。在Collection接口中新增了非抽象的stream方法来获取集合的流。另外，Java8中新增了一个Optional类用于处理空指针异常，该类位于java.util包下，使用这个类可以更好的支持函数式编程，并且可以简化以前对null的判断。s

公司介绍IDEA(https://www.jetbrains.com/idea/)是JetBrains公司的产品，公司旗下还有其它产品，比如：WebStorm：用于开发JavaScript、HTML5、CSS3

body样式css样式*{margin:0;padding:0;list-style:none;}html,body{width:100%;height:100%;}body{display:grid;justify-content:center;align-content:center;background-color:#fff;}.circle{width:150px;height:150px

Vue3有哪些新特性和改进？CompositionAPI：引入了CompositionAPI，允许开发者按逻辑功能组织代码，提高代码的可复用性和可维护性。

css3动画*{margin:0;padding:0;}.container{width:100vw;height:100vh;background-color:#000;}.moon{width:100px

引言在Vue3中，引入了一个名为Teleport的新特性。这个特性允许开发者将组件的子组件“传送”到DOM中的任意位置，而不仅仅是它们的直接父级内部。

如果当前行内文本的字体尺寸为被人为的设置，则相对于浏览器的默认字体尺寸，他会继承父级元素的字体大小因此并不是一个固定值3、rem是css3新增的一个相对单位，使用rem为元素设定字体大小时，仍然时相对大小

订阅：https://rengongzhineng.io/谷歌近日宣布其性能最大化广告系列中引入了创新特性，包括融合双子星模型，旨在为广告商解锁更

本文介绍了MySQL8.3的一个新特性，给GTID打标签~作者：李富强，爱可生DBA团队成员，熟悉MySQL，TiDB，OceanBase等数据库。相信持续把对的事情做好一点，会有不一样的收获。

CSS3的新特性1.选择器：（1）属性选择器：[属性名][属性名=属性值][属性名^=属性值][属性名$=属性值][属性名*=属性值]（2）伪类选择器：为特定状态的元素添加样式，例如:hover、:active

1.进入安装目录MicrosoftVSCode\resources\app\out\vs\workbench2.打开文件workbench.desktop.main.css3.搜索.monaco-workbench.part

优化动画可以通过以下几个方面进行：使用CSS动画：利用CSS3提供的transition和animation属性来实现动画效果，因为CSS动画是由浏览器来执行的，通常比JavaScript动画性能更高。

一、使用css，jquery，canvas制作动画1.Canvas优点：性能好，强大，支持多数浏览器(除了IE6、IE7、IE8)，画出来的图形可以直接保存为.png或者.jpg的图形；缺点：依赖于HTML，只能通过脚本绘制图形，没有实现动画的API(依靠事件和定时器更新)；由于在canvas上以编程方式显示的文本其实就是位图，因此搜索爬行器将完全忽略文本。文本内容也无法被屏幕阅读器识别。2.cs

:nth-child()可以选择某个的一个或多个特定的子元素，你可以按这种方式进行选择：:nth-child(length);/*参数是具体数字*/:nth-child(n);/*参数是n,n从0开始计算*/:nth-child(n*length)/*n的倍数选择，n从0开始算*/:nth-child(n+length);/*选择大于length后面的元素*/:nth-child(-n+lengt

1、发展历程HTTP/0.9：只有一个命令GET没有HEADER等描述数据的信息服务器发送完毕内容，就关闭TCP连接。一个HTTP事务要使用一个TCP连接。HTTP/1.0：增加了很多命令增加了statuscode（描述服务端处理请求的状态的）和header多字符集支持、多部分发送、权限、缓存等缺陷：第一点是：连接无法实现真正意义上的复用（Connection：keep-Alive，默认false

简述HTTP2新特性HTTP2的特性减少头部的体积添加请求优先级服务器推送多路复用HTTP2的特性HTTP2采用二进制格式传输，取代了HTTP1.x的文本格式，二进制格式解析更高效。

1、增加二进制分帧HTTP协议从0.9版本开始不断增加增加新的功能特性，但长远来看都是向前兼容的(现在的版本支持以后的版本数据)。HTTP2.0在应用层跟传送层之间增加了一个二进制分帧层，从而能够达到在不改动HTTP的语义，HTTP方法，状态码，URI以及首部字段的情况下，突破HTTP1.1的性能限制，改进传输性能，实现低延迟和高吞吐量在上图所示，在二进制分帧层上，HTTP2.0会将所有传输的信息

在HTTP2.0上，客户端和服务器可以把HTTP消息分解为互不依赖的帧，然后乱序发送，最后再在另一端把它们重新组合起来。HTTP2.0通过让所有数据流共用同一个连接，可以更有效地使用TCP连接，让高带宽也能真正的服务于HTTP的性能提升。HTTP2.0的服务器推送HTTP2.0新增的一个强大的新功能，就是服务器可以对一个客户端请求发送多个响应。换句话说，服务器除了对最初请求的响应外，还可以额外向客

HTML5+CSS3实现有点小酷的input输入框动画，带动画的输入框，总是让人忍不住去点它。

webpack使用babel-loader编译ES新特性一、安装babel-loader以及配置二、测试效果一、安装babel-loader以及配置yarnaddbabel-loader@babel/core

和代码生成以改善包大小改善web平台兼容性去除弃用功能另外webpack5要求node的最小的版本为10.13.0长期缓存开发支持支持崭新web平台特性支持全新Node.js生态特性解析构建优化性能优化未来计划主要优化新特性

Webpack5在2020年10月正式发布，更新的内容比较多。我们从头梳理下本次更新的核心内容。文章目录一、构建优化1.`TreeShaking`（删除无用代码）2.合并模块`concatenateModules`3.副作用`sideEffects`4.嵌套的`Nestedtree-shaking`5.内部模块`Inner-moduletree-shaking`二、长期缓存1.`Hash`相关：2

1.1babel配置文件1.2browserslist配置文件2、处理图片、字体、图标等资源文件3、处理**less、scss、css**文件3.1css文件分离3.2处理less/sass文件3.3css3

虚拟线程（VirtualThreads）是Java21所有新特性中最为吸引人的内容，它可以大大来简化和增强Java应用的并发性。但是，随着这些变化而来的是如何最好地管理此吞吐量的问题。

阅读本文帮你你可以在使用provide/inject传递响应式数据时记住一个特性:provide传递的每一个响应式数据都需要值是一个引用不变的可监听对象。在开发vue项目时，不可避免的需要进行组件之间的相互通信。如果是在一个实际的业务项目中，组件间的通信可以采用采用像vuex,EventBus等机制实现跨组件通信。但如果在开发基础组件库时，需要跟业务项目外部环境(vuex，EventBus)解耦，

实例：广告灯牌效果的loading动画技术栈：HTML+CSS效果：源码：【html】广告灯牌效果的loading动画拼命加载中...【css】*{/*初始化*/margin:0;padding:0;/*box-sizing:border-box;*/}body{/*100%窗口高度*/min-height:100vh;/*弹性布局水平+垂直居中*/display:flex;justify-con

跟之前的版本相比较，Java8的新特性也可以帮助提升代码的可读性

发布时间：Java17发布于2021年，而JDK1.8发布于2014年.新特性：Java17相对于JDK1.8，新增了很多特性和改

Roles角色是自1.2版本之后引入的新特性，用于层次性、结构化的组织剧本roles能够根据层次型结构自动装载变量文件、任务集、以及触发的动作等，要使用roles只需要在剧本中使用include命令引入即可简单的来说

Javascript引入模块化编程，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块3Javascript使用"模块"（module）的概念来实现模块化编程,解决非模块化编程问题4模块化也是ES6的新特性

前后端技术栈类比ES6简介ES6新特性let新特性作用域//var声明的变量往往会越域//let声明的变量有严格的局部作用域{vara=1;letb=2;}console.log(a);//1console.log

4.从语法上说，Promise是一个对象，从它可以获取异步操作的消息5.Promise也是ES6的新特性，因

一、JShell除了表达式之外，还可以创建Java类和方法。jshell也有基本的代码完成功能。二、DynamicClass-FileConstants类文件新添的一种结构Java的类型文件格式将被拓展，支持一种新的常量池格式：CONSTANT_Dynamic，加载CONSTANT_Dynamic会将创建委托给bootstrap方法。其目标是降低开发新形式的可实现类文件约束带来的成本和干扰。三、局

1、在文字间添加一条水平线使用注意该符号不是成对出现的2、用来标记于段落中的较短引用，浏览器会在它之间的语句两端加上双引号。3、可以包含设计者的联系方式或者电话等。P444、链接是由百度一下产生，其中href指定要链接到的地址。P665、如果希望链接网页在新网页中打开，那么需要在第4点中设置target=”_blank”P756、当需要跳转到页面的某个位置时，可使用id属性。P767、新建一个Em

v1.5.0新特性1、配置中心Agent服务增强：针对非Java应用提供Agent服务获取配置，提供同步、异步两种Http请求方式，原生支持long-polling（Http）的方式获取配置数据、并实时感知配置变更

ansibleroles1、ansible中的角色简介角色（roles）是ansible自1.2版本开始引入的新特性，用于层次性、结构化的组织playbook；roles能够根据层次型结构自动装载变量文件

1.定位定位是一种更加高级的布局手段通过定位可以将元素摆放到页面-使用position属性来设置定位可选值：static默认值，元素是静止的没有开启定位relative开启元素的相对定位absolute开启元素的绝对定位fixed开启元素的固定定位sticky开启元素的粘滞定位通过定位可以将元素摆放到页面的任意位置1.1相对定位当元素的position属性值设置为relative时则开启了元素的相

盒子模型一.看透网页布局本质二.认识盒子三.盒子的边框（border）1.概念2.简写及分开写法3.合并问题（会相加）4.边框会影响盒子实际大小四.盒子的内边距（padding）1.概念2.简写3.内边距会影响盒子实际大小4.特殊情况（内边距不影响盒子实际大小）5.实际应用（导航栏）五.盒子的外边距（margin）1.概念2.简写（和内边距一样）3.典型应用（使块元素水平居中）4.合并问题（取大）

模板渲染ftl页面,转出的pdf中，css2有些样式好像不支持，比较常用的居中样式都没有效果，text-align:center改造成使用html页面来转pdf，css2的样式可以生效,itext是不支持css3

文章目录前言1.mysql_native_password介绍2.caching_sha2_password介绍3.常见问题3.1连接报错3.2复制配置3.3组复制配置后记前言升级到MySQL8.0后，可能会遇到如下报错，常发生在连接MySQL或配置复制关系的时候。ERROR2061(HY000):Authenticationplugin‘caching_sha2_password’reporte

文章目录前言1.安装部署1.1下载安装包1.2MySQLShell1.3配置MySQL实例1.4启动ReplicaSet1.5启动8.2Router2.测试路由总结前言MySQL8.0官方推出过一个高可用方案ReplicaSet主要由Router、MySQLShell、MySQLServer三个组件组成。MySQLShell负责管理ReplicaSet包括部署、切换、节点加入等，都可以通过内置Ad

在开发时，经常会碰到需要这样一种情况——网站滚动到一定高度的时候，让一部分内容作为navbar，也就是置顶显示，我们一般会使用js监听scroll事件来实现，但是新增的css3属性position:sticky