自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 CSS设置10px大小字体

最近遇到了一个打印的需求,要求字号为10px,由于chrome有限制,css设置的字体大小最小为12px。网上给出来的解决方案是用scale进行缩放,但这个操作没有cover到对文本的换行计算,导致文本每行文本的后面都有大部分留白。需要注意,firefox不支持room属性,不过firefox对字体的大小是没有限制的,根据浏览器类型切换下样式就行。比较ok的解决方案是。...

2022-08-01 10:45:56 1784 1

原创 如何理解type Record<K extends keyof any, T>

Record的完整定义如下type Record<K extends keyof any, T> = { [P in K]: T;};首先要先理解keyof any是啥。type KEY = keyof any //即 string | number | symbol因为不管什么类型,它的key总是string,number,symbol中的一种。let a: any;a['a'] //oka[0] // oka[Symbol()] //oka[{}] // e

2021-08-04 14:42:36 3554 1

原创 使用minmax(10px, 1fr)代替1fr避免踩坑

grid布局的常见写法如下.grid { display: grid; grid-template-columns: repeat(3, 1fr);}这样写存在一些问题:grid column的最小宽度是它的min-content,使用<pre>,<image> 可能会溢出1fr的大小。推荐写法如下.grid { display: grid; grid-template-columns: repeat(3, minmax(10px, 1fr));}给

2021-01-27 11:16:15 1725

原创 从vuex中读取异步请求到的数据

computed:{ ...mapState({ categoryList:state=>state.home.homeData }) }, mounted() { console.log(this.categoryList); //错误示例!不应该在mounted中直接读,此时请求还没有完...

2019-10-08 18:39:06 1641 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除