最新发布

m3u8和drm那件小事
前端技术

m3u8和drm那件小事

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

最近在测试m3u8工具的时候,发现优酷上的一些独播剧合成mp4后没法播放,一开始以为是代码问题,后来发现所有老视频是可以正常合成播放的,进一步研究后了解到优酷对独播剧采用了加密技术。目前很多视频网站,包括不限于youtube、优酷、爱奇艺都使用了DRM数字版权保护技术。很多大厂早在2013年就开始布局DRM,直到最近两年才开始慢慢普及使用。

如何在chrome中实时修改JS
前端技术

如何在chrome中实时修改JS

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

有时候,我们需要去研究人家网站的运行机制,这就免不了要在他们的前端脚本里插入一些调试代码看看运行效果,本文就介绍一下如何在chrome中用本地代码替换在线代码,以达到在线修改JS的效果。

EGGJS小技巧:巧用ctx扩展减少数据库访问
前端技术

EGGJS小技巧:巧用ctx扩展减少数据库访问

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

最近在使用EGGJS开发网站,这个框架整体上手难度不是很大,但是EGG的文档有些地方说得不是很详细,一些最佳实践就需要自己开发中逐渐摸索。本文就是我在实践中总结出来的一个小技巧:巧用ctx扩展减少数据库访问,希望能和大家一起探讨。

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

纯CSS3制作音乐舞台特效

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

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

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

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

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

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

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

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

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

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

动效课堂

纯CSS3实现旋转风车

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

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

动效课堂

纯CSS3实现导航下拉效果

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

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

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

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

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

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