草庐IT

flex-direction

全部标签

英特尔发布数据中心级GPU Flex系列:高性能、低功耗突破计算壁垒

数字时代的今天,爆炸式增长的数据总量,以及层出不穷的各种创新应用,使得数据中心的计算资源面临着巨大的压力。为了满足AI、3D游戏等等创新应用对于算力的需求,GPU、DPU等各种计算产品相继推出,异构计算时代正式开启。近期,英特尔正式推出了其数据中心级GPUFlex系列,共有两种规格:75W的Flex140配备了12GB内存,150W的Flex170配备了16GB内存,两款产品均已向客户出货。作为异构计算的重要组成部分,GPU强大的并行计算能力能够补齐CPU所无法覆盖到的计算类型。随着Flex系列GPU的正式发布,英特尔进一步补全了旗下的产品线,以更加全面的产品更好的服务客户,推动企业数据中心的

dotnet C# 使用 Vortice 支持 Direct2D1 离屏渲染

本文告诉大家如何使用Vortice进行D2D的离屏渲染功能,本文将在一个纯控制台无窗口的应用下,使用Direct2D1进行离屏绘制,将绘制结果保存为本地图片文件本文属于使用Vortice调用DirectX系列博客,也属于DirectX系列博客,本文属于入门级博客,但在阅读本文之前,期望大家了解了DirectX的基础概念本文使用的Vortice是SharpDx的代替品,是对DirectX的底层C#封装。使用Vortice底层库,能让C#代码比较方便的和DirectX对接。尽管本文使用的是Vortice库来调用DirectX相关的接口,但不代表着只有Vortice库能做此实现,可以将Vortice

dotnet C# 使用 Vortice 支持 Direct2D1 离屏渲染

本文告诉大家如何使用Vortice进行D2D的离屏渲染功能,本文将在一个纯控制台无窗口的应用下,使用Direct2D1进行离屏绘制,将绘制结果保存为本地图片文件本文属于使用Vortice调用DirectX系列博客,也属于DirectX系列博客,本文属于入门级博客,但在阅读本文之前,期望大家了解了DirectX的基础概念本文使用的Vortice是SharpDx的代替品,是对DirectX的底层C#封装。使用Vortice底层库,能让C#代码比较方便的和DirectX对接。尽管本文使用的是Vortice库来调用DirectX相关的接口,但不代表着只有Vortice库能做此实现,可以将Vortice

《Objective-C Direct Methods》学习笔记

原文通过对Objective-C发展史、Objective-C中Runtime的动态派发,C语言的直接派发进行铺垫介绍,引出了directmethods这个“新特性”(文章写于2019年)。定义看起来是个OC的方法,却和C方法一样,当被调用时,他是会直接使用而不是通过objc_msgSend。使用方法声明/定义针对@interface的成员变量或者方法的做法:@interfaceMyClass:NSObject@property(nonatomic)BOOLdynamicProperty;@property(nonatomic,direct)BOOLdirectProperty;-(void)

《Objective-C Direct Methods》学习笔记

原文通过对Objective-C发展史、Objective-C中Runtime的动态派发,C语言的直接派发进行铺垫介绍,引出了directmethods这个“新特性”(文章写于2019年)。定义看起来是个OC的方法,却和C方法一样,当被调用时,他是会直接使用而不是通过objc_msgSend。使用方法声明/定义针对@interface的成员变量或者方法的做法:@interfaceMyClass:NSObject@property(nonatomic)BOOLdynamicProperty;@property(nonatomic,direct)BOOLdirectProperty;-(void)

flex常用布局

公共样式:*{margin:0;padding:0;}.has-flex{display:flex;} 垂直居中子元素左右分布css.father-one{width:100%;height:200px;background-color:#fffcef;align-items:center;/*纵轴)方向上的对齐方式。*/justify-content:space-between;/*均匀排列每个元素首个元素放置于起点,末尾元素放置于终点,中间元素的中间间隔相等*/justify-content:space-around;/*均匀排列每个元素每个元素周围分配相同的空间*/justify-con

flex常用布局

公共样式:*{margin:0;padding:0;}.has-flex{display:flex;} 垂直居中子元素左右分布css.father-one{width:100%;height:200px;background-color:#fffcef;align-items:center;/*纵轴)方向上的对齐方式。*/justify-content:space-between;/*均匀排列每个元素首个元素放置于起点,末尾元素放置于终点,中间元素的中间间隔相等*/justify-content:space-around;/*均匀排列每个元素每个元素周围分配相同的空间*/justify-con

sass 混合指令 (Mixin Directives)详解

​ 混合指令(Mixin)用于定义可重复使用的样式,避免了使用无语意的class,比如.float-left。混合指令可以包含所有的CSS规则,绝大部分Sass规则,甚至通过参数功能引入变量,输出多样化的样式。​ mixin是可以重用的一组CSS声明。mixin有助于减少重复代码,只需声明一次,就可在文件中引用。​ 可以看出,mixin类似变量,不同的是变量存储值,mixin存储一组css声明。mixin可以传入参数。定义与使用混合指令@mixin@mixinmixin-name([param1,[param2...]]){ /*css声明*/}例1:标准形式//定义页面一个区块基本的样式@m

sass 混合指令 (Mixin Directives)详解

​ 混合指令(Mixin)用于定义可重复使用的样式,避免了使用无语意的class,比如.float-left。混合指令可以包含所有的CSS规则,绝大部分Sass规则,甚至通过参数功能引入变量,输出多样化的样式。​ mixin是可以重用的一组CSS声明。mixin有助于减少重复代码,只需声明一次,就可在文件中引用。​ 可以看出,mixin类似变量,不同的是变量存储值,mixin存储一组css声明。mixin可以传入参数。定义与使用混合指令@mixin@mixinmixin-name([param1,[param2...]]){ /*css声明*/}例1:标准形式//定义页面一个区块基本的样式@m

CSS 弹性(Flex)布局

Flexbox(弹性盒子)是CSS3中的一种布局模式。它允许元素在一个容器中自动排列,可以使用灵活的方式创建复杂的布局。Flex布局有很多优点,例如,它很容易实现响应式设计,并且可以很容易地对齐和排列元素。要使用flex布局,你需要将容器的CSSdisplay属性设置为flex,然后可以使用flex属性和简单的CSS规则来控制子元素的排列。Item1Item2Item3这段代码将会使得三个div宽度相等并且在一行上。 关于flex布局,还有很多有用的属性和简单的CSS规则可以用来控制子元素的排列,这些属性包括:flex-direction:确定主轴的方向,默认为水平(row)justify-c