首先这个问题就很矛盾,问题中有两个词:“入门”,“高难度”;
我们先来说说入门,指的是知识或业务的初始门路。我们都知道现在前端市场要求还是比较高的(要求会各种库和框架、对底层原理的理解等等)。但是所有的框架和库都是来自最基础的HTML、CSS、JS,所以我觉得入门应该把重心放在基础知识的学习上。
当然现在市面上的前端主要还是看原生JS和框架应用。一个是基础,一个是应用级的东西。
特效嘛,如果是工作中需要的话,网络上一搜一大把。花时间在这个上面有点不值得。
其实没有必要针对某一个特效去学习,应为特效看的是想象力和编程思路。
拿楼主的举例的这个 相册爆破特效轮播 来说吧,如何实现这样的特效还是得反向去推出思路和代码。首先这个案例是一个轮播,那么我们知道轮播其实就算使用了JS中的计时器不停的去切换页面中的图片(本质上是DOM操作)
那么爆破效果呢?其实无非就是用JS将一个完整图片切成多张小图片(背景图定位)然后让他们往不同方向以不同的速度去运动。
那么接下来就算事件了,监听鼠标事件,得到开始到结束的鼠标坐标,计算旋转角度和模拟旋转速度。
说到底还是对 DOM编程的熟练度不够,还有就是编程思路,其实学习编程(不论是不是前端)最重要的一点还是编程思路。如何将复杂的问题简单化,学会去拆分功能。如果有这个能力那么其实什么特效都不在话下。
作为初级前端真没必要为了某个特效去学习,学习好基础内容,比如DOM编程,ECMAScritp 才是正理,特效其实体现的是你的编程思路和基础知识的掌握。