最新发布

纯CSS3制作音乐舞台特效
动效课堂

纯CSS3制作音乐舞台特效

阅读(18) 评论(0) 张阳君

今天给大家带来的是CSS3制作的音乐舞台特效,整个动画仅需一张静态图片即可实现高逼格的效果。这个动画效果实现起来有一点点难度,同时由于CSS的限制,舞台灯光效果没有起作用,看上去没有想象中酷炫。建议大家制作这种灯光效果的动画,尽量使用canvas,CSS3有点力不从心。

纯CSS3仿网易云孤独星球特效
动效课堂

纯CSS3仿网易云孤独星球特效

阅读(33) 评论(0) 张阳君

今天收听网易云音乐时看到孤独星球的特效,于是就顺手搬到这里了。孤独星球特效本身没有什么难点,但如果要加入音轨控制星球运动频率就有点麻烦了,后面我会专门开一篇文章讲解如何使用js去解析mp3的音轨并制作动画特效,这里呢就稍微简单点了,既然是纯CSS3,星球运动频率就设为固定的好了。

VUE路由组件复用的一个技巧
前端技术

VUE路由组件复用的一个技巧

阅读(69) 评论(0) 张阳君

VUE的灵魂在于组件化开发,在VUE的世界里,我们可以把一切东西定义为组件,包括每一个路由对应的页面。而我之前开发都没有充分认识到页面也是组件这个概念,无形中增加了很多工作量,直到这两天写网站后台某个需求时才突然醒悟,原来路由对应的页面组件也是可以复用的,而且用起来一时爽,一直用真的一直爽。

动效课堂

纯CSS3实现旋转风车

阅读(38) 评论(0) 张阳君

今天我们依然来做一个比较简单的CSS3动画示例,五彩风车随风旋转的动画,这个动效也是仅使用CSS3完成的。这个动效使用到了一些常见的CSS3动画技巧,再加上传统CSS的三角形制作手法,就完成了风车随风旋转的效果。

动效课堂

纯CSS3实现导航下拉效果

阅读(56) 评论(0) 张阳君

本文作为前端动效课堂的开篇,我们先从一个比较简单的效果入门。相信大家在制作页面时首先要做的就是导航栏的下拉效果。导航栏是一个网站的索引,是seo的灵魂。在css3出来之前,我们会借助JQuery去实现导航下拉特效,在CSS3问世以后,我们可以简单地通过HTML+CSS3实现导航交互效果。

js数组的reduce方法在股票参数计算中的运用
前端技术

js数组的reduce方法在股票参数计算中的运用

阅读(494) 评论(0) 张阳君

最近在用js做股票和币圈的一些走势分析,这就不免要去计算K线中的一些技术指标,如移动均线MA、布林带轨线、MACD等等等,这些指标运算公式看上去不复杂,实际动手写起来还是要费一点脑子的。

生活感悟

八步颈椎操,远离颈椎病

阅读(181) 评论(0) 张阳君

程序员经常会久坐不动,不知不觉颈部就会出现各种问题,我最近在网上找了一套颈椎操,跟大家分享一下。希望大家能够重视自己的健康,好好生活。

30分钟掌握Dart语言
前端技术

30分钟掌握Dart语言

阅读(257) 评论(0) 简书-彡廿

dart是flutter的敲门砖,所以掌握好dart的基础用法非常关键!如果你有一定的编程基础,通过本文学习,你将在半小时内快速入门dart!

tensorflow.js代码解读之将曲线拟合到二维数据
前端技术

tensorflow.js代码解读之将曲线拟合到二维数据

阅读(368) 评论(0) 张阳君

开车的同学大概都知道,汽车低功率状态下运行油耗会比较大,尤其是市区堵车的情况下,一脚油门一脚刹车,不光糟心还费油。反过来,如果汽车经常跑高速,每公里油耗反而特别低。今天我们就要使用机器学习来研究一下汽车发动机功率和油耗之间的关系。这也是Tensorflow.js上机器学习入门的一个简单例子,但是麻雀虽小五脏俱全,通过本文的学习,相信你也可以跨入机器学习的门槛。