React
dabbiemm
这个作者很懒,什么都没留下…
展开
-
干货分享---Ant-Icon 集成 iconfont 项目图标库的最佳实践,以React项目为例(仅兼容现代浏览器,未做充分测试)
一、想解决的问题: 随着 iconfont 图标库的增大,项目的体积多多少少会受到影响。我们怎么以最小的代价引用icon? 怎么让主流icon组件,像<svg/>一样可以设置填充色? 怎么兼顾icon组件的控制细粒度? 二、介绍iconfont的的三种引用方式: 翻阅 iconfont帮助文档 后 我们可以知道有三种方式 前两种不加赘述,优点及缺点也显而易见 1、unicode引用 兼容性好是肯定的,可惜空间浪费严重(需要打包字体文件) 用起..原创 2020-05-13 17:27:05 · 797 阅读 · 0 评论 -
干货分享---对于需求 “显示文本过长时,只显示{n}行,且缺省部分使用'...'的讨论及全网最终解决方案(React为例)
一、前言 对于这个需求的实现方式,历史上有很多版本。就让我们先讨论一下几种可能。 二、历史解决办法 1.css解决显示文本过长时,只显示单行,且缺省部分使用’…’ .className{ width: 100px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 当需求只是这样的时候,我们只需要提供这样的样式即可,且兼容大部分主流浏览器。 但是事实往往没有这么简单 2.css解决显示文本过长时,只显示{n}行,且缺原创 2020-05-13 16:42:09 · 435 阅读 · 0 评论