一个前端在校生的2018年终总结

最近看到各大社区都有人发布自己的年终总结,我觉得这是一个很好的习惯,所以也来写一篇,既可以回顾这一年来到底做了什么,也能更好地明确下一年的目标。 先简单介绍一下自己,我今年 18 岁,是一名计算机专业的技校生。 这是学习前端开发的第二年,由于去年没有写,所以很有必要说一下我的前端入门经历。 初入前端 2016 年初,读技校,由于从小就对电脑感兴趣,所以我一下就选中了计算机专业。 ...

CSS题目系列(4) - 文字穿透遮罩层

在我刚开始学习前端开发不久的时候,曾在一个网站看到过一个效果,当时费尽脑筋,又是Canvas、又是SVG,还是无法实现(其实SVG好像是有办法可以实现的,但当时觉得麻烦就没弄)。 效果就是这样的: ![](https://gd4ark-1258805822.cos.ap-guangzhou.myqcloud.com/images/006mS5wEgy1fxlh53ze9sj31 ...

CSS题目系列(3)- 实现文字切割效果

有一天逛 Codepen 的时候,看到这么一个效果:将文字上下切开两半。 点进去看了一下代码,发现原理很简单,大概就是通过伪类使用attr()函数获取内容,然后进行定位。 你可以点下方链接查看效果: https://gd4ark.github.io/blog-demos/2018-11-26/01.html 正文 先让两个伪元素 ...

CSS题目系列(2) - 实现一个固定比例盒子

在开发过程中,会有这么一个情况,需要将一个盒子的尺寸定义为固定比例,且尺寸需根据视图的尺寸来进行缩放,也就是响应式,常见的多如有矩形、圆形等。 下面我将使用下面的例子为大家进行讲解: ...

CSS题目系列(1) - 可滚动的Table

在开发中,有这样一个需求,Table的表头不动,表身可以滚动,效果请点击以下链接查看: https://gd4ark.github.io/blog-demos/2018-11-25/01.html 正文 假设我们有一个这样结构的表格: Position Na ...