- 博客(6)
- 收藏
- 关注
原创 每个前端都需要知道这些面向未来的CSS技术
写在前面前端技术日新月异,我们需要不断学习来更新自己的前端知识并运用到自己的项目中。这次笔者整理一些未来普及或者现在同学们可能已经用到的CSS特性,包括SVG图标、滚动特性、CSS自定义属性、CSS现代伪类 、JS in CSS、Web Layout、混合模式和滤镜、CSS计数器等等。滚动特性在能用CSS实现的就不用麻烦JavaScript文章提及到滚动捕捉的特性,更多有关于容器滚动方面的CSS新特性其实还有有很多个,比如:自定义滚动条的外观scroll-behavior指容容器滚动行为,让滚动
2021-07-28 12:50:48
172
原创 让页面中的文字更加生动有趣
前言有时候有些页面需要生动的表现力,我们不得不运用 SVG、CANVAS、CSS、WebGL等等技术来满足需求,笔者这次收集了一些富有生动表现力的字符串动画效果,里面涵盖以上技术来实现。只要你修改字符串,就可以令整个页面增添不少气息,增加不少表现力。WARNING 前方高能!! 危险!! 危险!! 危险!!完整演示看得多奈飞的电影是不是感觉很熟悉呢完整演示You Are My SunShine 你是我的阳光完整演示Hello Jue Jin 你好掘金完整演示Hello World
2021-07-22 21:43:04
147
原创 凡是可以用CSS实现的,最终都要用CSS实现
前言凡是可以用 JavaScript 来写的应用,最终都会用 JavaScript 来写。— Atwood定律凡是可以用CSS实现的就不用麻烦JavaScript。— 笔者定律具体看同学们自己的使用习惯。不过用好CSS,还是可以提高不少开发效率,至少代替很多JavaScript场景,减少JavaScript代码。上一篇文章能用CSS实现的就不用麻烦JavaScript提到好几种常用场景,这次笔者再分享多几个用CSS代替JavaScript的场景。希望大家能在日常开发中使用到。拾色器拾色器是Jav
2021-07-20 20:55:39
195
1
原创 能用CSS实现的就不用麻烦JavaScript
前言凡是可以用 JavaScript 来写的应用,最终都会用 JavaScript 来写。——Atwood定律虽然万物都可以是JavaScript,但某种程度css的运行效率会比JavaScript高,所以笔者认为:能用CSS实现的就不用麻烦JavaScript。两种语言都有不同的用途随着浏览器版本特性和属性的增加,CSS正成为一种功能强大的语言,能够处理我们以前依赖JavaScript实现的功能。平滑滚动曾经有一段时间,我们不得不依靠JavaScript的window.scrollY来实现来执行
2021-07-18 10:37:30
188
2
原创 教你如何用Three.js创造一个三维太阳系
前言笔者认为Three.js是一个伟大的框架,为什么这样说,因为它可以让我们轻易创造三维世界,甚至好像笔者写这遍教程,可以创造一个太阳系,在这个三维世界里你就是创世主。哈哈!好像说得有点夸!!了解一些基本天文知识学习创造这个三维太阳系之前先了解一下基本的天文知识:太阳系有“八大行星”,按照离太阳的距离从近到远,它们依次为水星、金星、地球、火星、木星、土星、天王星、海王星。八大行星自转方向多数也和公转方向一致。只有金星和天王星两个例外。金星自转方向与公转方向相反。而天王星则是在轨道上“横滚”的。例如地球
2021-07-12 16:40:38
408
原创 用最简单方式打造Three.js 3D汽车展示厅
前言在上一篇文章简单粗略的描述了开发3D汽车展厅,笔者想再写一篇比较详细的教程。对于笔者来说Three.js说难不难,说简单也不简单。说简单因为他简化了对三维知识的理解,简化了很多操作。说难是因为api很多,要用熟也不是一朝半夕的时间。笔者在这给大家介绍一下以最简单方式打造一个3D汽车展示厅。这个3D汽车展厅实现出来也不算完整,主要想让同学们找找感觉,找些成就感,有感觉自己也有学下去的动力。_简单粗略了解三维在2D里只有两个坐标,分别是X轴,和Y轴。在3D就多了一个Z轴。相信刚学3D的同学对X轴和Y轴
2021-07-09 11:04:29
2687
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人