Andy Liu的博客

image

css动画是可以暂停的

发布于 3 月前5 分钟阅读4 条评论
css动画大家都不陌生,但是你知道css动画是可暂停的吗?如果你不知道就来看看吧。 虽然用过很多次animation,但是也就前几天才知道动画是可以暂停的,可见自己对动画的了解还是不够深,一起来学习一下今天的主角—animati...
查看详情 →
image

css性能优化-will-change

发布于 4 月前3 分钟阅读2 条评论
will-change通过告知浏览器该元素会有哪些变化,使浏览器提前做好优化准备,增强页面渲染性能。 属性的取值: 1、auto: 实行标准浏览器优化。 2、scroll-position: 表示开发者希望在不久后改变滚动条的位置或者使...
查看详情 →
image

clip-path应用–制作地图

发布于 4 月前8 分钟阅读7 条评论
一、实现原理 clip-path属性可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示,区域外的隐藏。剪切区域是被引用内嵌的URL定义的路径或者外部svg的路径,也可以是一个形状如circle()。 二、所需数据 1、剪切区...
查看详情 →
image

给前端开发者的5点建议

发布于 5 月前15 分钟阅读3 条评论
最近接触了很多前端的小伙伴,和他们谈了很多职业发展的问题,大部分是做了一到三年的前端新手。 在交流中发现了一个很有意思的现象,同样是入门不足三年,有部分人觉得前端很有前途,甚至有人年薪已经30W以上,但也有部分人觉得前端薪资不高,技术体系庞...
查看详情 →
image

数据驱动表格(2)

发布于 5 月前10 分钟阅读0 条评论
前几天分享了驱动表格的一种排版,今天分享另一种排版,效果如下图: 相较于第一种复合排版,这种排版实现起来比较简单,基本规则与之前的相同,只是仅显示能后排下的字段。 tips:本文只分享一种思路,代码中仍有一些需优化的地方,可自行优化。 实现...
查看详情 →
image

数据驱动表格

发布于 6 月前2 分钟阅读8 条评论
从前实现表格,尤其是跨行垮列的复杂表格大都是一行一行写的,很是费时间,今天特来分享一个跨行跨列表格驱动思路(基于Vue)。 一、生成规则说明 1、每个字段配置有最小列数和最大列数,字段label宽度固定为2列(将表格等分为14列,1列为1单...
查看详情 →