iOS端矢量图解决方案汇总

Python实战社群

Java实战社群

长按识别下方二维码&＃xff0c;按需求添加

扫码关注添加客服

进Python社群▲

扫码关注添加客服

进Java社群▲

作者 | 小猪 
来源 | 小猪的博客

https://dreampiggy.com

简介

矢量图&＃xff0c;指的是通过一系列数学描述&＃xff0c;能够进行无损级别的变化和缩放的一种图像。相比于标量图&＃xff08;如JPEG等标量图压缩格式&＃xff09;&＃xff0c;能够在绘制时进行任意大小伸缩而不产生模糊&＃xff0c;甚至能够实现动态着色&＃xff0c;动画等等一系列交互。

在当今移动端设备尺寸越来越复杂&＃xff0c;各种操作系统级别的夜间主题&＃xff08;或者Dark Mode&＃xff09;越来越提倡的场景下&＃xff0c;如果依旧使用标量图&＃xff0c;我们需要针对不同的屏幕大小&＃xff08;如2x&＃xff0c;3x&＃xff09;&＃xff0c;和对应主题场景&＃xff08;Light/Dark&＃xff09;&＃xff0c;提供NxM数量级的标量图&＃xff0c;对于App大小开销是很大的。因此&＃xff0c;使用矢量图是一个非常有效的解决方案。这个系列文章&＃xff0c;就是主要侧重讲解iOS端上的矢量图解决方案。

第一章是关于SVG及其相应衍生方案的解决方案&＃xff0c;后续会有其他矢量图相关的PDF章节&＃xff0c;Lottie等。他们各自有不同的细节场景区分和优缺点。

SVG作为目前在Web上最流行的矢量格式&＃xff0c;在iOS端的支持可以说是一言难尽。在这里&＃xff0c;我从各个方向上总结了截至目前已有的实现&＃xff08;公开的方案&＃xff0c;企业内部实现无从得知&＃xff09;&＃xff0c;方便对比选择最适合自己场景的选择。

Symbol Image

Symbol Image&＃xff0c;是Apple在WWDC 2019和iOS 13上提供的矢量图解析方案。

之所以名称叫做Symbol Image&＃xff0c;源自于这个技术方案的实现细节&＃xff0c;它最早诞生于SVG字体规范&＃xff1a;OpenType-SVG。这个规范是Adobe提出的&＃xff0c;并且得到了包括Microsoft在内的多家公司支持。Apple自己的CoreText字体框架&＃xff0c;其实早早就在iOS 11时代内部支持了SVG类型的font table。

制作Symbol Image

Symbol Image的整体API设计&＃xff0c;其实不像是图像&＃xff0c;更像是一种字体&＃xff08;和Icon Font类似&＃xff09;。

对于同一个Symbol Image&＃xff0c;它可以看作是一个SVG Path的集合。前面提到&＃xff0c;Symbol Image基于OpenType-SVG字体&＃xff0c;对于字体来说&＃xff0c;我们都知道字重的概念&＃xff0c;用来决定渲染时候的线条粗细程度。

因此Symbol Image也有9个字重&＃xff1a;Ultralight&＃xff0c;Thin&＃xff0c;Light&＃xff0c;Regular&＃xff0c;Medium&＃xff0c;Semibold&＃xff0c;Bold&＃xff0c;Heavy&＃xff0c;Black。与此同时&＃xff0c;Symbol Image对每一个字重&＃xff0c;支持了3种大小&＃xff0c;分别是Small&＃xff0c;Medium和Large。这也就是说&＃xff0c;一个Symbol Image最多可以有27种大小字重的样式选择。

一般来说&＃xff0c;从头构建一个Symbol Image会非常复杂&＃xff0c;Apple推荐的方式&＃xff0c;是通过使用SF Symbols App&＃xff0c;来导出一个SVG模版&＃xff0c;再通过Sketch来进行图层编辑。

从原始的SVG数据来看&＃xff0c;每一个Symbol Image包含的所有样式都是一个单独的Path节点&＃xff0c;对应了图标的绘制。如果要新建一个Symbol Image&＃xff0c;需要完全删除Path节点&＃xff0c;重新绘制矢量路径。

导入Symbol Image

导入Symbol Image的方式非常简单&＃xff0c;你只需要将制作好的Symbol Image&＃xff0c;向Xcode的Asset Catalog窗口拖动&＃xff0c;就可以集成。Xcode可以会展示对应的预览效果。

另外&＃xff0c;实际上产生的文件夹后缀为.symbolset&＃xff0c;这个不同于普通的Asset Image&＃xff08;后缀名.imageset&＃xff09;&＃xff0c;也就意味着你可以同时引入一个同名的Symbol Image和普通Image。

使用Symbol Image

对于iOS 13系统提供的自带Symbol Image&＃xff0c;UIKit提供了init(systemName:)方法来获取&＃xff0c;对于App自行提供的Symbol Image&＃xff0c;我们使用init(named:)方法。

注意&＃xff0c;你可以同时包含一个Symbol Image和普通的Asset Image&＃xff0c;共享一个Name。这样设计的好处&＃xff0c;在WWDC上有介绍&＃xff0c;是为了兼容iOS 12等低系统版本&＃xff0c;在iOS 13上&＃xff0c;Symbol Image优先级永远高于普通Asset Image&＃xff0c;在iOS 12会自动fallback。

let imageView &＃61; UIImageView()
let symbolImage &＃61; UIImage(named: "my.symbol.image")
// 默认配置下&＃xff0c;这个symbol image是template的&＃xff0c;意味着他不会含有颜色&＃xff0c;颜色由UIView级别tintColor决定
imageView.image &＃61; symbolImage// 如果确定要获取系统Symbol Image
let systemSymbolImage &＃61; UIImage(systemName: "wifi.exclamationmark")// 如果要指定颜色
let redSymbolImage &＃61; symbolImage.withTintColor(.red, renderingMode: .alwaysOrigin)
imageView.image &＃61; redSymbolImage


对于Symbol Image来说&＃xff0c;我们可以指定在运行时需要的字重

let regularSymbolImage &＃61; UIImage(named: "my.symbol.image")
// 指定你想要的字号&＃xff0c;字重&＃xff0c;这里是18号&＃xff0c;Bold 字重&＃xff0c;Large 大小
let symbolConfiguration &＃61; UImage.SymbolConfiguration(pointSize: 18, weight: .large, scale: .large)
let boldSymbolImage &＃61; regularSymbolImage.applyingSymbolConfiguration(symbolConfiguration)
imageView.image &＃61; boldSymbolImage


另外&＃xff0c;我们还可以配合AttributedString使用&＃xff0c;只要使用TextAttachment传入对应的Symbol Image即可。

let textView &＃61; UITextView()
// 可以微调Symbol Image与文字的对齐
let baselineSymbolImage &＃61; symbolImage.withBaselineOffset(fromBottom: 1.0)
let imageAttachment &＃61; NSTextAttachment(image: baselineSymbolImage)
let imageString &＃61; NSAttributedString(attachment: imageAttachment)
textView.attributedText &＃61; imageString


优缺点

优点&＃xff1a;

• iOS原生支持&＃xff0c;工具链完善

• SwiftUI原生支持&＃xff0c;截止目前Image能唯一使用的矢量方案&＃xff08;排除UIViewRepresentable&＃xff09;

• 支持和AttributedString无缝混合&＃xff0c;类似Icon Font

缺点&＃xff1a;

• iOS 13&＃43; Only

• 通过字体属性控制大小&＃xff0c;取决于UI场景&＃xff0c;做到Pixel级别的拉伸会是一个问题

• 需要单独制作Symbol Image&＃xff0c;跨平台&＃xff0c;Web使用痛点

CoreSVG

CoreSVG是iOS 13支持Symbol Image的背后的底层SVG渲染引擎&＃xff0c;使用C&＃43;&＃43;编写。

截至目前&＃xff0c;CoreSVG依然属于Private Framework&＃xff0c;社区也有很多人向Apple提了反馈并建议开放出来&＃xff0c;可能在之后的WWDC 2020我们能够得知更多的消息。

注意&＃xff01;以下方法均为使用了CoreSVG的Private API&＃xff0c;可能随着操作系统变动会有改变&＃xff0c;并且有审核风险&＃xff0c;如果需要线上使用&＃xff0c;请自行进行代码混淆等方案。

通过Asset Catalog使用SVG

目前Xcode不支持直接拖动SVG文件来集成到Asset Catalog&＃xff0c;因为拖动SVG默认会当作Symbol Image处理。

但是我们可以通过一个取巧的方式来实现&＃xff0c;Xcode支持PDF矢量图&＃xff08;从iOS 11与Xcode 9开始支持&＃xff0c;PDF章会讲解&＃xff09;。因此&＃xff0c;我们可以将SVG后缀改成PDF&＃xff0c;然后拖动到Xcode中&＃xff0c;最后再修改回SVG后缀名&＃xff0c;并且同步.imageset/Contents.json里面的文件名即可&＃xff0c;如下&＃xff1a;

当你添加好SVG图像后&＃xff0c;可以通过Name&＃xff0c;以和PDF矢量图一样的方式来引入和使用&＃xff0c;如下

UIImageView *imageView &＃61; [UIImageView new];
UIImage *svgImage &＃61; [UIImage imageNamed:&＃64;"my_svg"];
imageView.image &＃61; svgImage;
// 然后我们可以自由缩放ImageView的大小&＃xff0c;会自动触发矢量绘制
imageView.frame &＃61; CGRectMake(0, 0, 1000, 1000);


从运行时来看&＃xff0c;加入Asset Catalog的SVG矢量图的UIImage&＃xff0c;含有对应的CGSVGDocumentRef对象&＃xff0c;并且也包含了一个标量图的缩略图&＃xff0c;可以供缩略图或者其他系统API来调用。并且在Xcode的Interface Builder上也会有明显的SVG标识&＃xff08;类似PDF&＃xff09;

加载任意SVG数据&＃xff08;网络&＃xff09;

除了能够通过Asset Catalog添加SVG图像&＃xff0c;通过CoreSVG&＃xff0c;我们可以在运行时去解析网络数据下载得到的SVG数据&＃xff0c;为此能提供更为广阔的应用场景。

UIImageView *imageView &＃61; [UIImageView new];
NSData *data;
CGSVGDocumentRef document &＃61; CGSVGDocumentCreateFromData((__bridge CFDataRef)data, NULL);
UIImage *svgImage &＃61; [UIImage _imageWithCGSVGDocument:document];
imageView.image &＃61; svgImage;


渲染SVG矢量图到标量图

一些UIKit的视图&＃xff0c;或者一些图像处理&＃xff0c;对矢量图支持并没有考虑&＃xff0c;或者是我们在做性能优化时&＃xff0c;需要将矢量图光栅化得到对应的标量图。CoreSVG提供了和CoreGraphics的PDF类似的接口&＃xff0c;允许你去绘制得到对应的标量图。

CGSVGDocumentRef document; // 原始SVG Document
CGSize targetSize; // 指定标量图大小
BOOL preserveAspectRatio; // 是否保持宽高比// 获取SVG的canvas大小&＃xff0c;本质上是按照SVG规范&＃xff0c;将viewPort和viewBox计算得出的
CGSize size &＃61; CGSVGDocumentGetCanvasSize(document);
// 计算Transform
CGFloat xRatio &＃61; targetSize.width / size.width;
CGFloat yRatio &＃61; targetSize.height / size.height;
CGFloat xScale &＃61; preserveAspectRatio ? MIN(xRatio, yRatio) : xRatio;
CGFloat yScale &＃61; preserveAspectRatio ? MIN(xRatio, yRatio) : yRatio;CGAffineTransform scaleTransform &＃61; CGAffineTransformMakeScale(xScale, yScale);
CGSize scaledSize &＃61; CGSizeApplyAffineTransform(size, scaleTransform);
CGAffineTransform translationTransform &＃61; CGAffineTransformMakeTranslation(targetSize.width / 2 - scaledSize.width / 2, targetSize.height / 2 - scaledSize.height / 2);
// 开始CGContext绘制
UIGraphicsBeginImageContextWithOptions(targetSize, NO, 0);
CGContextRef context &＃61; UIGraphicsGetCurrentContext();
// UIKit坐标系和CG坐标系转换
CGContextTranslateCTM(context, 0, targetSize.height);
CGContextScaleCTM(context, 1, -1);
// 应用Transform
CGContextConcatCTM(context, translationTransform);
CGContextConcatCTM(context, scaleTransform);
// 绘制SVG Document
CGContextDrawSVGDocument(context, document);
// 获取标量图
image &＃61; UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();


SVG导出

目前&＃xff0c;CoreSVG没有提供类似于PDF的修改元素的接口&＃xff0c;我们只能直接对SVGDocument进行导出。或许随着未来框架的开放&＃xff0c;会有类似于目前CoreGraphics对PDF进行编辑的高级接口。

// 获取SVG Document
UIImage *svgImage;
CGSVGDocumentRef document &＃61; [svgImage _CGSVGDocument];
NSURL *url &＃61; [NSURL fileURLWithPath:&＃64;"/tmp/output.svg"];
NSMutableData *data &＃61; [NSMutableData data];
// 导出到Data
CGSVGDocumentWriteToData(document, (__bridge CFMutableDataRef)data, NULL);
// 或者文件
CGSVGDocumentWriteToURL(document, (__bridge CFURLRef)url, NULL);


优缺点

优点

• 能够支持目前已有的大量SVG&＃xff0c;在Android和Web端复用

• Apple原生支持&＃xff0c;稳定性有一定保证&＃xff0c;并且随系统升级会持续优化

• 性能高&＃xff0c;CoreSVG利用了CoreGraphics系统库和内部的SPI做矢量绘制&＃xff0c;目前性能最好

缺点

• 目前是私有Framework&＃xff0c;有审核和使用风险

• 可能存在一些SVG元素兼容问题&＃xff0c;需要不断摸索

• SwiftUI不支持&＃xff0c;需要使用UIViewRepresentable

三方SVG库

SVGKit

SVGKit是最早的iOS上开源SVG渲染方案&＃xff0c;已经有8年之久。SVGKit内部支持两种渲染模式&＃xff0c;一种是通过CPU渲染&＃xff08;CoreGraphics重绘制&＃xff09;&＃xff0c;一种是通过GPU渲染&＃xff08;CALayer树组合&＃xff09;。有着不同的兼容性和性能。

示例

// CPU渲染
SVGKImageView *imageView &＃61; [SVGKFastImageView new];
// GPU渲染
imageView &＃61; [SVGKLayeredImageView new];
SVGKImage *svgImage &＃61; [[SVGKImage alloc] initWithData:data];
imageView.image &＃61; svgImage;


优点

• 支持纯Objective-C

• 如果是支持的图像&＃xff0c;性能相对较高&＃xff08;1000个级别的Path可在1秒内渲染&＃xff09;

缺点

• 社区不再维护&＃xff0c;大量Issue无人跟进解决

• 不遵循语义版本号&＃xff0c;用分支发布更新&＃xff0c;下游无法依赖

• 部分SVG特性虽然声明支持&＃xff0c;但存在问题&＃xff0c;如Gradient等&＃xff0c;缺少单测

• 不支持SVG动画

Macaw

Macaw是一个矢量绘制框架&＃xff0c;提供了非常简单的DSL语法来描述矢量路径绘制的场景。它本身不是和SVG强绑定的&＃xff0c;但是对SVG格式提供了兼容和支持

示例

let node &＃61; try! SVGParser.parse(path: "/path/to/svg")
let imageView &＃61; SVGView()
imageView.node &＃61; node


优点

• 目前最活跃和成熟的iOS端SVG开源框架&＃xff08;在GitHub上&＃xff09;

• 支持DSL去直接生成矢量图&＃xff0c;修改节点等&＃xff0c;非常强大

• 支持SVG动画&＃xff08;部分特性&＃xff09;

缺点

• 部分SVG特性特性声明不支持

• SVG性能渲染差&＃xff08;相对于SVGKit&＃xff09;&＃xff0c;依赖大量的的CPU绘制操作&＃xff08;非CALayer组合&＃xff09;&＃xff0c;可能需要结合异步绘制框架

SwiftSVG

SwiftSVG是一个专门针对SVG Path等常见特性的矢量图解析框架&＃xff0c;他不侧重于完整的SVG/1.1规范支持&＃xff0c;而是保证了基本的绘制实现的正确性&＃xff0c;并且支持导出SVG的Path到UIBezierPath

示例

let svgURL &＃61; URL(string: "https://openclipart.org/download/181651/manhammock.svg")!
let hammock &＃61; UIView(SVGURL: svgURL) { (svgLayer) insvgLayer.fillColor &＃61; UIColor(red:0.52, green:0.16, blue:0.32, alpha:1.00).cgColorsvgLayer.resizeToFit(self.view.bounds)
}
self.view.addSubview(hammock)


优点

• 性能相对MacPaw较好

• 对Path&＃xff0c;Circle等常见元素&＃xff0c;有着良好的兼容性和完整单测&＃xff0c;基本上只用这些特性的SVG不存在问题

• 支持导出UIBezierPath&＃xff0c;可以用作一些描边的交互

• 提供了便携方法&＃xff0c;能直接读取Xcode的Data Asset&＃xff0c;URL等

缺点

• 基本上只针对Path&＃xff0c;Circle等元素有良好的支持&＃xff0c;其他的

• Gradient&＃xff0c;Text等均不支持

• 不支持SVG动画

VectorDrawable

VectorDrawable是Android平台上官方提供的一套矢量图解决方案&＃xff0c;他是以一个类似SVG的XML表达形式&＃xff0c;来描述矢量图的绘制方式。

从整体设计上看&＃xff0c;VectorDrawable基本上是对SVG的精简和二次改造&＃xff0c;大部分的元素在SVG中都有对应的概念&＃xff0c;并且样式属性也一一对应。甚至&＃xff0c;Android Studio支持直接将SVG导出成VectorDrawable文件并直接集成。

在iOS上平台上&＃xff0c;Uber内部开源了一套自己在用的VectorDrawable实现&＃xff1a;Cyborg&＃xff0c;通过利用CoreGraphics和CoreAnimation来渲染VectorDrawable文件。

使用VectorDrawable渲染

VectorDrawable提供了一个专门用于矢量图的View&＃xff0c;并且能够制定对应的Theme&＃xff08;Theme是用来支持不同资源的Dark Mode切换的&＃xff09;。

// Bundle加载
let vectorView &＃61; VectorView(theme: myTheme)
vectorView.drawable &＃61; VectorDrawable.named("MyDrawable")// Data加载
vectorView.drawable &＃61; VectorDrawable.create(from: data)
如果这个不满足&＃xff0c;你也可以通过CALayer来做渲染&＃xff0c;做更为细致的调节。并且VectorDrawable也提供了一些定制项&＃xff08;如设置tintColor&＃xff09;


优缺点

优点

• 能够和Android端复用&＃xff0c;并且由于可由SVG生成&＃xff0c;意味着Web端也可复用设计资源

• 性能良好&＃xff0c;无论官方还是Example测试&＃xff0c;除去CoreSVG外都是最快的渲染速度

缺点

• 目前iOS实现不支持动画&＃xff08;AnimatedVectorDrawable&＃xff09;

• 部分SVG实现VectorDrawable不支持&＃xff0c;需要设计资源修改

• Uber内部开源&＃xff0c;可能存在未来持续社区建设和维护成本&＃xff0c;需要评估

SVG-Native

SVG-Native是由Adobe主导提出的一个W3C规范&＃xff0c;目前处于Draft Stage&＃xff0c;不过由于Apple&＃xff0c;Google的赞同&＃xff0c;大概率会在2020年内通过&＃xff0c;并且正式规范定稿。

SVG-Native基于目前的SVG/1.1版本&＃xff0c;是SVG/1.1的真子集&＃xff08;即一个SVG-Native图一定可以被浏览器正确渲染&＃xff09;。

注&＃xff1a;曾经W3C有一个SVG Tiny的规范&＃xff0c;但是它是针对移动浏览器场景的&＃xff0c;和SVG-Native解决的问题是不一样的。

它针对移动平台&＃xff0c;桌面平台等非浏览器场景做了针对性定制&＃xff0c;废弃了一些Native端非常困难实现的功能&＃xff0c;包括&＃xff1a;

• scripting: 不依赖Javascript环境

• animations: 不支持动画

• filters: 不支持滤镜&＃xff0c;部分效果&＃xff08;如文字滤镜&＃xff09;依赖实现复杂

• masks: 不支持蒙层

• patterns: 不支持仿制图章&＃xff0c;Color Pattern

• texts: 不内嵌文字&＃xff0c;文字使用Path绘制

• events: 点击事件等&＃xff0c;因为没有Script交互自然不需要

• CSS3&＃xff1a;CSS3是一个完整布局系统&＃xff0c;大量属性远远超过SVG的功能&＃xff0c;如Flexbox&＃xff0c;Media-Query&＃xff0c;都是不必要的&＃xff0c;只有基本的渲染属性

可以看出&＃xff0c;这些剥离的功能都是和浏览器场景完全绑定的&＃xff0c;不适用于通用的App内渲染矢量图的用途。SVG-Native更适合桌面/移动的App&＃xff0c;渲染器实现也会精简很多&＃xff0c;容易单元测试&＃xff0c;并且可供操作系统内嵌集成。

使用

Adobe提供了一个目前Draft规范的渲染实现SVG Native Viewer&＃xff0c;目前提供了多种渲染引擎的桥接&＃xff0c;包括我们熟悉的CoreGraphics和Skia。

SVG-Native解码器&＃xff0c;能够以标量图的方式&＃xff0c;渲染SVG到一个指定大小的CGContext上&＃xff0c;性能目前看足够快&＃xff08;和CoreSVG对比&＃xff09;。目前一般是通过重写drawRect来让View大小变化时进行重绘。

- (void)drawRect:(NSRect)dirtyRect {[super drawRect:dirtyRect];Document* d &＃61; [[[self window] windowController] document];SVGNative::SVGDocument* doc &＃61; [d getSVGDocument];if (!doc)return;NSGraphicsContext* nsGraphicsContext &＃61; [NSGraphicsContext currentContext];CGContextRef ctx &＃61; (CGContextRef) [nsGraphicsContext CGContext];SVGNative::CGSVGRenderer* renderer &＃61; static_cast(doc->Renderer());CGRect r(dirtyRect);CGAffineTransform m &＃61; {1.0, 0.0, 0.0, -1.0, 0.0, r.size.height};CGContextConcatCTM(ctx, m);renderer->SetGraphicsContext(ctx);doc->Render(r.size.width, r.size.height);renderer->ReleaseGraphicsContext();
}


优缺点

优点

• W3C规范&＃xff0c;可以确保未来规范的准确性&＃xff0c;并且操作系统提供商&＃xff0c;如Apple更容易集成

• SVG-Native是SVG1.1的真子集&＃xff0c;意味者可以复用到Web上

• SVG-Native会是未来的OpenType-SVG实现&＃xff0c;意味着Adobe字体或者设计师群体更容易接受

缺点

• SVG-Native是SVG真子集&＃xff0c;意味着目前的SVG设计资源&＃xff0c;需要适配修改才可支持

• 截至目前&＃xff0c;SVG-Native依然处于Draft阶段&＃xff0c;稳定&＃xff0c;推广普及需要较长时间

• SVG-Native目前只有Adobe的解析器实现&＃xff0c;部分特性在CoreGraphics上工作并不良好

• 目前没有看到动画的支持

总结

总结一下关于SVG的相关解决方案&＃xff0c;可以看出&＃xff0c;没有一种Case能够涵盖所有场景&＃xff0c;当然&＃xff0c;这和Apple本身对矢量图支持的建设有一定关系&＃xff0c;大部分建设依赖于开源社区。因此&＃xff0c;通常情况下需要根据自己具体的实际需要来选择&＃xff0c;比如&＃xff1a;

• 只考虑Path&＃xff0c;Circle等矢量路径&＃xff1a;使用SwiftSVG、Macaw即可

• 考虑和Android复用&＃xff1a;使用VectorDrawable

• 不考虑iOS 13以下兼容&＃xff1a;优先用Symbol Image和CoreSVG

• 考虑SVG动画&＃xff1a;Macaw

• 面向未来&＃xff1a;SVG-Native

参考资料

[1]https://swiftcafe.io/post/sf-symbol 
[2]https://www.avanderlee.com/swift/sf-symbols-guide/ 
[3]https://developer.mozilla.org/en-US/docs/Web/SVG 
[4]https://github.com/SDWebImage/SDWebImageSVGCoder 
[5]https://developer.android.com/guide/topics/graphics/vector-drawable-resources 
[6]https://eng.uber.com/cyborg/ 
[7]https://helpx.adobe.com/fonts/using/ot-svg-color-fonts.html 
[8]https://medium.com/adobetech/svg-native-open-sourcing-svg-native-viewer-988125328a07

程序员专栏 扫码关注填加客服 长按识别下方二维码进群

近期精彩内容推荐&＃xff1a;  

 再见&＃xff01;程序员&＃xff01;&＃xff01;&＃xff01;

 微信号 可以改了 &＃xff01;&＃xff01;&＃xff01;真事 &＃xff01;&＃xff01;

 2020 常用的 7 款 MySQL 客户端工具

 别再问我Redis内存满了该怎么办了

在看点这里好文分享给更多人↓↓