大家好,我是程序视点的小二哥!今天小二哥带领大家学习如何使用最少的代码创建令人叹为观止的滚动动画 在聊ScrollTrigger插件之前我们先简单了解下GSAP。 GreenSock动画平台(GSAP)可为JavaScript可以操作的任何内容(CSS属性、SVG、React、画布、通用对象等)动画化,并解决不同浏览器上存在的兼容问题,而且比jQuery快20倍。大约1000万个网站和许多主要品牌都在使用GSAP。 接下来小二哥带领大家一起学习ScrollTrigger插件的使用。 插件简介 ScrollTrigger是基于GSAP实现的一款高性能页面滚动触发HTML元素动画的插件。通过...

  THme7l37Yc9O   2023年11月01日   61   0   0 JavaScript

大家好,我是程序视点的小二哥。 今天小二哥将给大家分享一篇有前端实验室的文章。一部由CSS技术实现的作品。它将再一次证明CSS的强大力量。 欣赏 这是一部由阿姆斯特丹设计师BryanJames通过30张CSS碎片拼图展现30种濒临灭绝动物的网站。 有生活在夏威夷岛林地中的夏威夷乌鸦。有栖息于墨西哥西部加利福尼亚湾中的小头鼠海豚。原产于巴西大西洋沿岸地区的金狮面狨。印度中部繁殖生活的林斑小鸮。大西洋到墨西哥湾都有分布的肯氏龟。生活在非洲西南岸的黑脚企鹅。还有小二哥喜欢的南非白纹羊弯角剑羚。以及原产于东南亚及澳洲大陆鸟翼蝶鸟翼蝶。其他珍稀动物形象,请查阅地址:https://www.webhek....

  THme7l37Yc9O   2023年11月01日   77   0   0 Html/Css

哈喽!今天开始,慢慢和大家一起分享我学习和理解设计模式的历程。 前言 设计模式(DesignPattern)是前辈们对代码开发经验的总结,是解决特定问题的一系列套路。它不是语法规定,而是一套用来提高代码可复用性、可维护性、可读性、稳健性以及安全性的解决方案。 1995年,GoF(GangofFour,四人组/四人帮)合作出版了《设计模式:可复用面向对象软件的基础》一书,共收录了23种设计模式,从此树立了软件设计模式领域的里程碑,人称「GoF设计模式」。 让我们从创建型模式开始。先来说说工厂模式! 基本介绍 工厂模式是一种创建型的面向对象设计模式,目的将创建对象的具体过程包装起来,从而达到更高的...

  THme7l37Yc9O   2023年11月01日   52   0   0 设计模式

大家好,欢迎来到程序视点! 前言 在上一节的简单工厂模式中,我们知道简单工厂所能创建的类只能是事先考虑到的,如果需要添加新的类,则就需要改变工厂类了。 也就是说,类的创建依赖工厂类,如果想要拓展程序(添加新的类),必须对工厂类进行修改。这违背了开闭原则。 从设计角度考虑,有一定的问题,如何解决? 既然要遵循【开闭原则】,工厂类肯定是不能修改了。那就只能用新的工厂来创建新的类--具体的类由具体的工厂来创建. 新添加的“具体的类”可能是不确定的,可能是“XiaomiPhone”,也有可能是“OppoPhone”,还可能是未来会出现的“XXXPhone”...那它们对应的工厂类就应该有“Xiaomi...

  THme7l37Yc9O   2023年11月01日   36   0   0 设计模式

哈喽,大家好!我是程序视点的小二哥! 前言 自从当上程序员以来使用频率最多的不是vscode,也不是github,而是终端!!! 小师妹使用过很多的终端工具,什么Tabby,Putty,Wrap等等,最让小师妹用着顺心,看着舒心的莫过于WindTerm这一款了,最主要的是颜值高功能强,还能支持表情欧 WindTerm WindTerm不仅开源免费,还跨平台,支持Windows、Linux和macOS。并且体积仅有30M左右,妥妥的浓缩就是精华啊而且作者还拿WindTerm和Putty、xterm、iterm2、rxvt、Gnome等等做了一个性能对比,结果其他终端均被吊打 安装 直接去gi...

  THme7l37Yc9O   2023年11月01日   71   0   0 其他技术区
关注 更多

空空如也 ~ ~

粉丝 更多

空空如也 ~ ~