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

终身学习者

专栏作者
733
文章
1194917
阅读量
32
订阅数
【学习图片】06:PNG
PNG和GIF都支持透明度,不过有一个重要区别。GIF将透明度视为二进制命题——像素要么是不透明的颜色,要么是完全透明的。PNG支持“alpha通道”透明度,这意味着每个像素可以被设置为0(完全透明)到255(完全不透明)之间的透明度级别。
前端小智@大迁世界
2023-03-01
9050
【学习图片】03:矢量图像
矢量图形是一种将一系列形状、坐标和路径传达给其渲染环境的方法。它们是一组关于如何绘制图像的指令。当该图像被放大或缩小时,该图像所代表的点和线的集合被按比例重新绘制。两点之间的平滑曲线在任何尺寸下都会被重新绘制,这与HTML元素上的CSS定义的边框在视口中被缩放时重新绘制的方式相似。
前端小智@大迁世界
2023-02-23
5490
定制一个 Vue 3 模板 - 集成 Vite, Pinia, Vue Router 与 Tailwind CSS
本文 GitHub https://github.com/qq449245884/xiaozhi 已收录,有一线大厂面试完整考点、资料以及我的系列文章。 不久前,我意识到我正在用一些重复使用的后台基础模板,浪费了我一些摸鱼时间,我突然想到--为什么不把这些可重复使用的部分重新利用起来,把它们简单地堆在一个模板里呢?🤔 技术栈 这个后台模板中,用到了如下的框架或库: Vite Pinia Vue Router Tailwind CSS Vite SVG loader 前提 开始之前,首先要安装 Node.
前端小智@大迁世界
2022-09-27
2K0
你是这样的 CSS,19个唯美的边框,我的项目又有"亮"点了!
编辑中可能存在的bug没法实时知道,事后为了解决这些bug,花了大量的时间进行log 调试,这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。
前端小智@大迁世界
2022-06-15
4360
评价打分组件,SVG 半颗星的解决方案!
对于一个内容服务的网站来说评价打分也是很重要的一部分,它有利于分析用户对我们的内容的喜好程序。最近,我们团需要为一个项目实现一个星级评价的组件,需求如下:
前端小智@大迁世界
2022-06-15
6450
SVG 入门指南(看完,对SVG结构不在陌生)
SVG,即可缩放矢量图形(Scalable Vector Graphics),是一种 XML 应用,可以以一种简洁、可移植的形式表示图形信息。目前,人们对 SVG 越来越感兴趣。大多数现代浏览器都能显示 SVG 图形,并且大多数矢量绘图软件都能导出 SVG 图形。SVG 主要可以概括为以下几点:
前端小智@大迁世界
2022-06-15
2.2K0
这 5 个 VSCode 扩展提高你的开发效率
VSCode 为我们提供了一个小颜色框作为参考,但它还不够大,无法判断相似颜色之间的差异。Color Highlight 通过用颜色包装每个十六进制代码为我们提供了更大的预览。
前端小智@大迁世界
2020-09-28
1.4K0
SVG 入门指南(初学者入门必备)
SVG,即可缩放矢量图形(Scalable Vector Graphics),是一种 XML 应用,可以以一种简洁、可移植的形式表示图形信息。目前,人们对 SVG 越来越感兴趣。大多数现代浏览器都能显示 SVG 图形,并且大多数矢量绘图软件都能导出 SVG 图形。SVG 主要可以概括为以下几点:
前端小智@大迁世界
2020-07-29
3.1K0
小智在这3年开发中遇到的 CSS 问题及解决方案,有大佬帮他总结好了 !
在浏览器中实现用户界面时,请尽可能减少浏览器带来的差异,以使用户界面具有可预测性。 跟踪所有这些差异很困难,因此,我整理了一些常见问题及其解决方案方便大家查看。
前端小智@大迁世界
2020-06-16
3.6K0
CSS中的混合模式,制作高级特效的必备技巧 进入mix-Blend-Mode
在CSS中,有两个属性负责混合。 mix-blend-mode用于混合DOM元素,background-blend-mode用于组合多个CSS背景。
前端小智@大迁世界
2020-05-26
3K0
这 5 个 VSCode 扩展提高你的开发兴趣
VSCode 为我们提供了一个小颜色框作为参考,但它还不够大,无法判断相似颜色之间的差异。Color Highlight 通过用颜色包装每个十六进制代码为我们提供了更大的预览。
前端小智@大迁世界
2020-05-18
9370
web 图像技术:前端引入图片的各种方式及其优缺点
前端开发人员在构建网站时需要做的一个决定是引入图片的方式。它可以是<img>标签,或者是通过CSS background 属性,还可以使用 SVG <image>。选择正确的方式是很重要的,它对性能和可访问性有很大的影响。
前端小智@大迁世界
2020-05-12
4.7K0
适合前端开发 和UI 设计的20多个最佳 ICON 库
在应用界面中图标的存在,会给用户一个良好第一印象,这个挺重要的。但是从零开始开发图标需要大量的时间和金钱。在你的网站上使用图标可以让你有效地与你的访问者交流:它们增加了可读性,突出了重要的内容,加强了功能或特性,增强了设计。因此,使用现成图标是很好的一个选择。
前端小智@大迁世界
2020-05-11
2.7K0
React 造轮子系列:Icon 组件思路
本轮子是通过 React + TypeScript + Webpack 搭建的,至于环境的搭建这边就不在细说了,自己动手谷歌吧。当然可以参考我的源码。
前端小智@大迁世界
2019-06-15
4.5K0
当我开始使用React 时,我希望我知道这些知识
自2013年5月29日首次发布以来,React.js已经占领了互联网。我和许多其他开发人员将他们的成功归功于这个了不起的框架,这已经不是什么秘密了。
前端小智@大迁世界
2019-06-15
8950
11个React Native 组件库和 Javascript 数据可视化库
超过 10k stars 和 1k fork,NativeBase 是一个广受欢迎的 UI 组件库,它为 React native 提供了几十个跨平台组件。当使用 NativeBase 时,你可以使用任何现成的本地第三方库,并且项目本身围绕着它提供了丰富的生态系统,从有用的starter-kit到可定制的主题模板。这是一个不错的入门工具包。
前端小智@大迁世界
2019-05-13
11.4K0
没有更多了
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档