连接方式:USB-C 端口:3x Thunderbolt 5下游端口1x Thunderbolt 5主机端口3x USB-A 3.2 Gen2(10 Gbps)1x 耳机插孔1x SD卡槽1x microSD...连接方式:USB-C 端口:3x USB-C(通过DisplayLink支持视频输出)2x HDMI 2.11x USB-C(30瓦下游供电)1x USB-C(140瓦主机笔记本供电)2x USB-A...(5 Gbps)2x DisplayPort 1.4(4K 60 Hz)3x HDMI(4K 60 Hz)1x 以太网(1 Gbps)1x 3.5毫米音频输出最佳Thunderbolt 4扩展坞Satechi...连接方式:USB-C 端口:1x Thunderbolt 4上行(40 Gbps, 100W)1x USB-C PD(10 Gbps)3x USB-A(10 Gbps)2x USB-A(5 Gbps)...90W)2x Thunderbolt 4下游(40 Gbps)1x DisplayPort 1.4(8K 30 Hz)1x 以太网(2.5 Gbps)1x microSD卡槽1x SD卡槽1x 3.5毫米音频输出最佳移动扩展坞
7.Resolutions &Rendering 8.@2x/@3x以及高倍图适配 (1)@2x @2x means the same “double”retina resolution...针对现在的iPhone4~6 Retina显示屏,需要制作额外的@2x高分辨率版本。...A single @2x pointis a 2 × 2 square of 4 pixels; an @3x point is a 3 × 3 square of 9 pixels.”...苹果为方便开发者用的是@3x的素材,然后再缩放到@2.46x上。 参考:《为什么iPhone 6 Plus要将3x渲染的2208×1242分辨率缩小到1080p屏幕上?》...从分辨率的角度来看,iPhone6沿用二倍图(@2x),但需为iPhone6+提供更高的三倍图(@3x);从屏幕尺寸角度来看,需要重新对UI元素尺寸和布局进行适配,以期视觉协调。
模块合并打包 代码转换 文件优化 接下来介绍下vue不同版本脚手架webpack使用配置的区别 3.webpack的使用 3.1 vue脚手架中的webpack目录结构 左图项目结构为vue-cli 2x...版本脚手架生成的项目,build文件夹包含了webpack配置 右图项目结构为vue-cli 3x版本脚手架生成的项目,3x版本并不存在该文件,而是将其配置集成到vue.config.js中 3.2 webpack...配置(vue-cli 2x) 3.2.1 配置文件 webpack配置文件有三个 webpack.dev.conf.js ( 开发环境运行的webpack配置文件 ) webpack.prod.conf.js
文件优化 接下来介绍下vue不同版本脚手架webpack使用配置的区别 3.webpack的使用 3.1 vue脚手架中的webpack目录结构 image.png 左图项目结构为vue-cli 2x...版本脚手架生成的项目,build文件夹包含了webpack配置 右图项目结构为vue-cli 3x版本脚手架生成的项目,3x版本并不存在该文件,而是将其配置集成到vue.config.js中 3.2 webpack...配置(vue-cli 2x) 3.2.1 配置文件 webpack配置文件有三个 webpack.dev.conf.js ( 开发环境运行的webpack配置文件 ) webpack.prod.conf.js...将执行编译打包各个模块,生成bundle.js(打包模块生成)等静态资源到目录(默认dist),再将js插入到html页面,以便访问浏览器时加载资源文件,触发立即执行函数 3.3 webpack配置(vue-cli 3x...pluginOptions - 第三方插件配置 configureWebpack - webpack 配置 通过process.env.NODE_ENV 去区分环境不同执行不同的命令 附上Vue-cli 3x
HDMI 2.0、1x USB 3.1 Type-C、2x USB 3.1、1x USB 2.0 操作系统:Windows 10 重量:4.85 磅 (约 2.2kg) 屏幕:15.6 英寸,分辨率...HDMI 2.0、1x Thunderbolt 3、1x USB-A 3.2、2x USB 2.0 操作系统:Windows 10 Pro 64 位 重量:5.14 磅 (约 2.33kg) 屏幕:15.6...HDMI、1x Thunderbolt 3、2x USB 3.1、1x USB 3.1 Gen 2 操作系统:Windows 10 Pro 64 位 重量:4.2 磅 (约 1.9kg) 屏幕:15.6...HDMI、1x Thunderbolt 3、1x USB-C、2x USB 3.2 操作系统:Windows 10 Pro 64 位 重量:4.6 磅 (约 2.08kg) 屏幕:15.6 英寸,分辨率...HDMI、1USB 3.2 Gen 2 Type C、3x USB 3.2 Type-A 操作系统:Windows 10 Pro 64 位 重量:5.3 磅(2.4kg) 屏幕:15.6 英寸,分辨率
iOS设备的分辨率和尺寸(参考The Ultimate Guide To iPhone Resolutions) 分辨率 点(point): 开发过程中,所有基于坐标系的绘制都以point为单位,point...,2x,3x 物理像素(Physical Pixels): 设备屏幕实际像素 设备屏幕的物理长度(Physical Device):设备的物理长度,使用英寸作为单位,比如iPhone8是4.7英寸,iPhone11...) 3x iPad 4,5,Air,Air2,mini3,mini4 1024×768 2048×1536 2048×1536 9.7(264ppi) 2x iPad Pro 1366*1024 2732...×2048 2732×2048 12.9(264ppi) 2x 屏幕模式(1x, 2x, 3x):描述的就是屏幕中一个点有多少个 Rendered Pixels 渲染,对于2倍屏(又称 Retina...这里就会用到屏幕模式的概念,如果屏幕是 2x,那么就需要提供 40 * 40 (单位: pixel)大小的图片,如果屏幕是 3x,那么就提供 60 * 60 大小的图片,且图片的命名需要遵守以下规范:
) 像素密度 PPI 比例(近似) iPhone 2G / 3 / 3GS 320 x 480 320 x 480 3.5英寸 @1x 163 2:3 iPhone 4 / 4S 320 x 480 640...x 960 3.5英寸 @2x 326 2:3 iPhone 5 / 5S / 5C / SE 320 x 568 640 x 1136 4.0英寸 @2x 326 9:16 iPhone 6 / 6S...x 896 1242 x 2688 6.5英寸 @3x 458 9:20 iPhone XR 414 x 896 828 x 1792 6.1英寸 @2x 326 9:20 iPhone SE (第二代...) 375 x 667 750 x 1334 4.7 英寸 @2x 326 9:16 iPhone 11 414 x 896 828 x 1792 6.1 英寸 @2x 326 iPhone 11 Pro...换算关系如下:1 inch = 2.54cm = 25.4mm 逻辑分辨率和物理分辨率 逻辑分辨率以point(pt)为单位,物理分辨率以pixel(px)为单位。
7.Resolutions &Rendering 8.@2x/@3x以及高倍图适配 (1)@2x @2x means the same “double”retina resolution...针对现在的iPhone4~6 Retina显示屏,需要制作额外的@2x高分辨率版本。...A single @2x pointis a 2 × 2 square of 4 pixels; an @3x point is a 3 × 3 square of 9 pixels.”...苹果为方便开发者用的是@3x的素材,然后再缩放到@2.46x上。 参考:《为什么iPhone 6 Plus要将3x渲染的2208x1242分辨率缩小到1080p屏幕上?》...从分辨率的角度来看,iPhone6沿用二倍图(@2x),但需为iPhone6+提供更高的三倍图(@3x);从屏幕尺寸角度来看,需要重新对UI元素尺寸和布局进行适配,以期视觉协调。
x 480 320 x 480 @1x 163 iPhone 4 3.5-inch 320 x 480 640 x 960 @2x 326 iPhone 5/5S/5C/SE 4.0-inch 320...7.@2x/@3x以及高倍图适配 (1)@2x @2x means the same “double”retina resolution that we’veseen on all iOS devices...针对现在的iPhone4~6 Retina显示屏,需要制作额外的@2x高分辨率版本。 ...苹果为方便开发者用的是@3x的素材,然后再缩放到@2.46x上。 参考:《为什么iPhone 6 Plus要将3x渲染的2208x1242分辨率缩小到1080p屏幕上?》...从分辨率的角度来看,iPhone6沿用二倍图(@2x),但需为iPhone6+提供更高的三倍图(@3x);从屏幕尺寸角度来看,需要重新对UI元素尺寸和布局进行适配,以期视觉协调。
支持HDMI/DPI 1080P60 1x TV OUTPUT,支持HDMI/DPI 1080P60 3x LCD OUTPUT 2x LCD OUTPUT 3x eHRPWM 3x eHRPWM 3x...eCAP 3x eCAP 3x eQEP 3x eQEP 1x NMI 1x NMI 1x PCIe Gen2,支持一个双通道端口,或两个单通道端口,每通道最高通信速率5Gbps 1x PCIe Gen2...,支持一个双通道端口,或两个单通道端口,每通道最高通信速率5Gbps 1x USB 2.0 1x USB 2.0 1x USB 3.0 1x USB 3.0 2x 10/100/1000M Ethernet...2x 10/100/1000M Ethernet 3x MMC/SD/SDIO 3x eMMC/SD/SDIO 10x UART 10x UART 1x JTAG 1x JTAG 2x Watchdog...2x Watchdog 1x SATA 不支持SATA 1x GPMC 1x GPMC,支持8个片选信号 5x I2C 5x I2C 2x DCAN 2x DCAN 8x McASP 8x McASP
(近似) 比例(近似) 3GS 3.5 inch 163 ppi 320*480 pt 320*480 px @1x 1.5 2:3 4/4s 3.5 inch 326 ppi 320*480...pt 640*960 px @2x 1.5 2:3 5/5S/5c/SE 4.0 inch 326 ppi 320*568 pt 640*1136 px @2x 1.77 9:16 6/6S/...px @3x 2.16 9:20 XR 6.1 inch 326 ppi 414*896 pt 828*1792 px @2x 2.16 9:20 二.相关术语说明 1. inch(英寸)...物理分辨率:显示屏的最佳分辨率,即屏幕实际存在的像素行数乘以列数的数学表达方式,是显示屏固有的参数,不能调节,其含义是指显示屏最高可显示的像素数。 物理尺寸(物理分辨率):是指屏幕的实际大小。...2、那如果逻辑point分辨率用 540×960 呢,也即图表中的 iPhone 6+ © , scale 沿用老的 @2x ,最终像素分辨率 540×960@2x 不正好是 1080×1920 吗,也是完美
贴纸(表情包) 满足的条件类型 必须是PNG APNG GIF JPEG的一种 文件大小小于500KB 图片的尺寸应该大于100px x 100px 小于206px x 206px 支持允许使用@3x...的图片 300px x 300px 到 618px x 618px 系统会自动生成@2x,@1x的图片 消息支持三种贴纸大小 小图 100px x 100px @3x(300px x 300px)...中等 136px x 136px @3x(408px x 408px) 大图 206px x 206px @3x(618px x 618px) 创建贴纸类型 系统要求 mac10.10.4之后 Motion5.2.3...MSMessageTemplateLayout类 1 发送简单的图片 MSMessageTemplateLayout *layout = [[MSMessageTemplateLayout alloc]init]; UIImage...*image = [UIImage imageNamed:@"gb_simple_icon"]; layout.image = image; 2 发送文本和图片 在上面的代码上面添加 layout.imageTitle
, 2x, 3x等等来标记每个图像。..._2x.png 2x, picture-lg_3x.png 3x"> 1x,...picture-mid_2x.png 2x, picture-mid_3x.png 3x"> 1x, picture-small_2x.png 2x, picture-small_1x.png 3x"> 2x, flower1x.png 1x " src="flower-fallback.jpg" > 我们可以做的另一件事是根据设备本身的屏幕分辨率(通常以每英寸的点或dpi来衡量)在CSS中编写媒体查询
Ethernet、9x UART、3x CAN-FD、GPMC、2x USB 2.0、CSI、DISPLAY等接口。...60pin公座B2B连接器,2x 60pin母座B2B连接器,共240pin,间距0.5mm,合高4.0mm LED 1x 电源指示灯 2x 用户可编程指示灯 硬件资源 1x GPMC 3x CAN-FD...6x I2C,支持100Kbps、400Kbps通信速率 5x SPI 3x MMCSD,支持4bit SD/SDIO备注:核心板板载eMMC设备已使用MMCSD0 1x OSPI 14x...Timer(4 Timer in M4F) 3x ePWM 9x UART 3x eCAP 2x USB 2.0 2x 10/100/1000M Ethernet,支持EtherCAT、TSN...通信协议 1x CSI 3x MCASP 3x eQEP 1x DSS(VOUT0) 1x OLDI/LVDS(4 lanes - 2x) 备注:部分引脚资源存在复用关系。
B2B连接器,2x 180pin母座高速B2B连接器,间距0.5mm,合高5mm,共720pin LED 1x 电源指示灯 2x 用户可编程指示灯 Sensor 1x TMP102AIDRLT温度传感器...硬件资源 3x VIP(Video Input Ports),支持7路1080P60视频输入 1x TV OUTPUT,支持HDMI/DPI 1080P60 3x LCD OUTPUT 3x eHRPWM...3x eCAP 3x eQEP 1x NMI 1x PCIe Gen2,支持一个双通道端口,或两个单通道端口,每通道最高通信速率5Gbps 1x USB 2.0 1x USB 3.0 2x...10/100/1000M Ethernet 3x MMC/SD/SDIO 10x UART 1x JTAG 2x Watchdog 1x SATA 1x GPMC,在核心板内部与FPGA通过普通...IO连接 5x I2C 2x DCAN 8x McASP 1x QSPI 4x SPI 备注:B2B、电源、指示灯等部分硬件资源,CPU与FPGA共用。
核心 2x PRU-ICSS,每个PRU-ICSS子系统含2个PRU(Programmable Real-time Unit)核心,共4个PRU核心,支持EtherCAT等协议 1x IVA-HD Video...0.5mm,合高4.0mm LED 1x 电源指示灯 2x 用户可编程指示灯 硬件资源 1x VIP(Video Input Ports),支持4路1080P60视频输入 1x MIPI CSI-2...(Camera Serial Interface 2) 1x TV OUTPUT,支持HDMI/DPI 1080P60 2x LCD OUTPUT 3x eHRPWM 3x eCAP 3x eQEP...1x NMI 1x PCIe Gen2,支持一个双通道端口,或两个单通道端口,每通道最高通信速率5Gbps 1x USB 2.0 1x USB 3.0 2x 10/100/1000M Ethernet...3x eMMC/SD/SDIO 10x UART 1x JTAG 2x WDT 1x GPMC,支持8个片选信号 5x I2C 2x DCAN 8x McASP 1x QSPI 4x
但屏幕尺寸碎片化(从320px到1440px+)、设备像素比(DPR)差异(1x/2x/3x)导致布局错位、图像模糊、交互失效等问题频发。...视口控制与分辨率适配作为移动端适配的关键环节,对于提升用户在移动端的浏览体验至关重要。...2.2 多倍图优化(解决图像模糊)2x, image@3x.jpg 3x" alt="DPR适配示例"...>srcset逻辑:浏览器根据DPR自动选择匹配图像(DPR=2时加载@2x图)。...屏支持1x/2x/3x全适配边框位置仅底部边框可扩展四边边框性能影响可能引起重绘独立渲染层优化维护成本多套代码维护单一CSS类管理三、响应式布局技术选型3.1 多维度适配方案对比方案适用场景优势局限Flex
针对当前主流的网络压缩传输应用,比如微信,facebook, 今日头条等的压缩方式进行调研,我们针对压缩之后不同分辨率的图像,提供两种可选的网络用于图片的增强(1x 网络)和放大(3x 网络): 1x...3x 网络 当然,终端大部分的网络传输的图片分辨率相对来说都是比较小的,经过我们的调研和分析,大部分分辨率较小的图片放大到华为以及市面上大多数手机屏幕的分辨率,需要 3 倍的网络进行放大,因此我们没有采用大多数算法那样...,主要工作集中在 2x 的图片放大。...HiSR 采用独立训练的 3x 网络对图片进行了处理,该网络只需要在 1x 的网络上进行很小的改动,加入了反卷积层,还原高分辨率图像的特征,图像的细节通过卷积层的不断学习和增强,可以有效的提升高分辨率图像的质量...1x 网络效果 ? ? 左边是原图,右边是 HiSR 超分辨率算法处理后的图片 3x 网络效果 ?
评估板接口资源丰富,引出3x Ethernet(两路支持TSN)、3x CAN-FD、9x UART、多路DI/DO、GPMC、USB、MIPI、LVDS LCD、TFT LCD、HDMI等接口,板载WIFI...),热复位 1x PORz复位按键,冷复位 2x 用户输入按键备注:其中一个为M4F控制 Micro SD 1x Micro SD接口 RTC 1x RTC座,适配纽扣电池MR2032(3V可充)、...USB 1x USB1 HOST,USB 2.0,通过USB1 HUB引出 1x USB0 DRD,USB 2.0,USB Type-C接口 CAN 3x CAN-FD,2x 6pin双层绿色端子座备注...电平测试端口 4x RS485 UART,通过UART2、UART4、UART5、UART6引出,2x 6pin双层绿色端子座 1x RS422 UART,通过UART0(M4F)引出,2x 6pin...1x 3pin排针配置接口,间距2.54mm,采用外置芯片方案 DI/DO 2x 6pin 3.81mm双层绿色端子座,包含4路DI、4路DO拓展信号 EXPORT 2x 10pin 2.54mm排母