首页
学习
活动
专区
工具
TVP
发布

终身学习者

专栏作者
733
文章
1195283
阅读量
32
订阅数
【学习图片】15.图像内容分发网络
你可能已经熟悉内图像内容分发网络(CDN)的核心概念:一个分布但相互连接的服务器网络,可以快速高效地向用户提供资源。当文件上传到CDN提供商时,该文件的副本将在全球CDN网络的其他节点上创建。当用户请求文件时,数据将由地理位置最近的节点发送给该用户,从而减少延迟。CDN的分布式特性还提供了冗余性,以防网络故障或硬件故障,并进行负载平衡以减轻流量峰值。
前端小智@大迁世界
2023-03-10
2.2K0
【学习图片】14.网站生成器、框架和内容管理系统
了解内容管理系统(CMS),如WordPress和其他站点生成器如何使响应式图像的使用更加容易。
前端小智@大迁世界
2023-03-09
8670
【学习图片】09: AVIF
到目前为止,AVIF显示出了很大的潜力。由AV1编解码器开发的Alliance for Open Media的创始成员Netflix开发的测试框架显示,与JPEG或WebP相比,AVIF的文件大小显著减小。Cloudinary和Chrome编解码器团队的其他研究也对其进行了积极的评估,与当前的编码标准相比更加优秀。
前端小智@大迁世界
2023-03-01
6890
【学习图片】08:WebP
WebP的有损压缩算法基于VP8视频编解码器用于压缩视频关键帧的方法。从高层次来看,它类似于JPEG编码:WebP以“块”为单位操作,而不是单个像素,并且具有类似亮度和色度之间的分割。WebP的亮度块为16x16,色度块为8x8,并且这些“macroblocks”进一步细分为4x4子块。
前端小智@大迁世界
2023-03-01
7590
【学习图片】06:PNG
PNG和GIF都支持透明度,不过有一个重要区别。GIF将透明度视为二进制命题——像素要么是不透明的颜色,要么是完全透明的。PNG支持“alpha通道”透明度,这意味着每个像素可以被设置为0(完全透明)到255(完全不透明)之间的透明度级别。
前端小智@大迁世界
2023-03-01
9060
【学习图片】05:GIF
虽然在现代 Web 上不是特别有用,但 GIF(Graphics Interchange Format)为我们对图像编码核心概念的介绍提供了基础。
前端小智@大迁世界
2023-03-01
1.2K0
【学习图片】04:光栅图像
光栅图像可以被看作是一组像素按像素渲染二维网格的指令。常见的栅格图像格式包括 GIF (.gif)、JPEG (.jpg)、PNG (.png) 和 WebP (.webp)。每种图像格式压缩和编码这些指令的方式不同,导致文件大小的巨大变化:以 JPEG 编码的照片图像可能只有几百千字节,而同样以 PNG 编码的图像可能有几兆字节,而对最终用户没有任何明显的质量差异。
前端小智@大迁世界
2023-03-01
5910
【学习图片】03:矢量图像
矢量图形是一种将一系列形状、坐标和路径传达给其渲染环境的方法。它们是一组关于如何绘制图像的指令。当该图像被放大或缩小时,该图像所代表的点和线的集合被按比例重新绘制。两点之间的平滑曲线在任何尺寸下都会被重新绘制,这与HTML元素上的CSS定义的边框在视口中被缩放时重新绘制的方式相似。
前端小智@大迁世界
2023-02-23
5490
20个你(可能)不知道的Git命令
如果你曾经浏览过git手册(或运行man git),那么你会注意到git的内容比我们大多数人日常使用的多得多。这些命令中有很多是非常强大的,可以让你的生活变得更轻松(其他的则有点小众,但还是要知道的)。
前端小智@大迁世界
2023-02-03
7850
让你更好使用 Typescript 的11个技巧
学习Typescript通常是一个重新发现的过程。最初印象可能很有欺骗性:这不就是一种注释Javascript 的方式吗,这样编译器就能帮助我找到潜在的bug?
前端小智@大迁世界
2023-01-10
1K0
用JavaScript检测用户是否在线
有时候,我们需要知道当前网络的状态来做一些事情,以提升用户体验,这节课,我们来看一下,如何使用 JavaScript 来检测用户是否在线。
前端小智@大迁世界
2023-01-06
2.7K0
CSS新规范:样式查询
最近,Chrome团队发布了对一个新的CSS规范的实验性支持,即样式查询。简而言之,它让我们查询容器的样式,而不是只查询尺寸。在查询容器尺寸不够的情况下,这可能很有帮助。
前端小智@大迁世界
2023-01-06
8710
TypeScript 中 as const 是什么
as const 是 TypeScript 中的一个用于修饰符,它可以被用来修改类型推断的行为。
前端小智@大迁世界
2023-01-06
9570
前端工程师可以分成 4 种,你属于哪一种?
微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势,学习途径等等。 本文 GitHub https://github.com/qq44924588... 已收录,有一线大厂面试完整考点、资料以及我的系列文章。
前端小智@大迁世界
2023-01-06
3440
你可能不知道的字符串分割技巧
微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势,学习途径等等。 本文 GitHub https://github.com/qq44924588... 已收录,有一线大厂面试完整考点、资料以及我的系列文章。
前端小智@大迁世界
2023-01-06
8200
20个稀奇古怪的 JavaScript 表达式
微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势,学习途径等等。 本文 GitHub https://github.com/qq44924588... 已收录,有一线大厂面试完整考点、资料以及我的系列文章。
前端小智@大迁世界
2023-01-06
3690
保证你不知道的Vue 3技巧
在每个组件或HTML标签上,我们可以使用一些特殊的(文档没写的)钩子作为事件监听器。这些钩子有:
前端小智@大迁世界
2023-01-06
5530
开发人员面临的10个最常见的JavaScript问题
今天,JavaScript 是几乎所有现代 Web 应用的核心。这就是为什么JavaScript问题,以及找到导致这些问题的错误,是 Web 发者的首要任务。
前端小智@大迁世界
2022-11-14
7820
什么是好的错误消息?
错误信息是我们在线日常生活的一部分。每次服务器故障或没有网络,或忘记在表格中添加一些信息,我们就会收到错误信息。"出错了" 是常见的做尘。但是什么出错了?发生了什么?而且,最重要的是,我要怎么做才能修复它?
前端小智@大迁世界
2022-11-14
1.5K0
我用这9个小技巧封装Vue组件,老大都夸我’封得好‘
组件是前端框架的基本构建块。把它们设计得更好会使我们的应用程序更容易改变和理解。在这节课中,分享一下在过去几年中工作中学到的 9 个技巧。
前端小智@大迁世界
2022-11-07
7720
点击加载更多
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档