标签:javascript

HTML5

HTML5 Canvas模仿瀑布动画效果

herman 7年前 (2018-02-23) 4284浏览 0评论

前段时间,我模仿的黑客帝国动画效果深受大家喜爱,今天我再为大家分享一款模仿瀑布动画效果,希望大家喜欢。 正如本文的主题一样,本动画案例使用的是 HTML5 + Canvas 技术实现。最终运行效果如下面截图: 相关主要的实现代...

HTML5

CSS 实现代码高亮显示行数原理解析

herman 7年前 (2018-02-23) 4215浏览 0评论

在很多编程网站,包括我的个人网站:业余草。大家都会看到很多书写代码的地方进行了高亮显示,并且还显示有代码的行数。这是怎么实现的呢?本文将通过原理层面为你解析。 整个实现的代码很简单,html 代码如下: <div class=&...

HTML5

process.nextTick() 教程

herman 7年前 (2018-02-23) 3794浏览 0评论

process.nextTick() 是 Node 的一个定时器,让任务可以在指定的时间运行。其中 Node 一共提供了4个定时器,它们分别是 setTimeout()、setInterval()、setImmediate()、process.n...

HTML5

setTimeout 和 setImmediate

herman 7年前 (2018-02-23) 2393浏览 0评论

由于setTimeout在 timers 阶段执行,而setImmediate在 check 阶段执行。所以,setTimeout会早于setImmediate完成。 setTimeout(() => console.log(1));...

HTML5

WebGL vs Three.js

herman 7年前 (2018-02-11) 3668浏览 0评论

最近有人问到我如何系统的学习 Three.js,我给他推荐了知乎上的一篇文章《如何系统的学习three.js?》。从这里我们可以看出,学习 Three.js,最好要有一些 WebGL 基础。基于此,本文希望通过一个最简单的例子来说明他们之间的关系...

HTML5

jQuery仿酷狗叮咚官网音乐播放器

herman 7年前 (2018-01-24) 3331浏览 0评论

今天闲来无事,看见酷狗叮咚官网的音乐播放器上的新闻焦点图很漂亮,就使用 jQuery 模仿了该插件,本文分享一下制作过程。 老规矩,我们还是先来看一下运营效果图: 相关实现代码如下: <!DOCTYPE html&...

HTML5

jarvis 教程

herman 7年前 (2018-01-24) 5619浏览 0评论

jarvis 是一个非常智能的基于浏览器的Webpack仪表板。在 github 上它拥有 3000 多个 star。 JARVIS(只是一个非常智能的系统)将从您的webpack构建中,无论是在开发或生产中,将您的浏览器的所有相关信息。 ...

HTML5

CSS3+SVG实现带秒针的复古圆盘表盘时钟

herman 7年前 (2017-12-30) 4842浏览 0评论

模仿时钟走的动画网上也有很多,但是复古形式的不是很多。今天就借助 CSS3 和 SVG 给大家制作一款带秒针的圆形时间表时钟动画。 在网页上,特别是个人博客中经常会用到时钟插件,一款个性化的时钟插件不仅可以让页面显得美观,而且可以让访客看到...

HTML5

小程序组件化开发框架 wepy 教程

herman 7年前 (2017-12-01) 5755浏览 0评论

wepy 是腾讯开源的一个小程序组件化开发框架。在开源以来深受广大开发者喜爱,目前已有超过 1500 位开发者使用或了解本框架, 拥有众多的开发特性和优化方案。为此我准备了这篇教程,希望能让大家更快的上手 wepy。 介绍 ...

HTML5

使用clip-path实现任意元素的碎片飞入动画效果

herman 7年前 (2017-11-30) 3988浏览 0评论

clip-path 是CSS3 中的一个属性。该属性可以防止部分元素通过定义的剪切区域来显示,仅通过显示的特殊区域。剪切区域是被URL定义的路径代替行内或者外部svg,或者定义路线的方法例如circle()。clip-path属性代替了现在已经弃...

HTML5

animateplus.js 教程

herman 7年前 (2017-11-29) 4217浏览 0评论

animateplus(Animate Plus)是一个基于现在的网络的动画模块。Animate Plus是一个专注于性能和创作灵活性的JavaScript动画库。它的目标是提供稳定的60 FPS,重量小于2 KB(缩小和压缩),使其特别适合移动...

HTML5

SPA管理框架 Miox 教程

herman 7年前 (2017-11-28) 3093浏览 0评论

Miox 是一个SPA管理框架。根据 github 上开源信息显示,应该是来自51信用卡团队的开源产品。本文介绍 Miox 的使用教程。 在经典的网页开发中,浏览器创建和管理一系列网页生命周期活动,如会话历史,页面创建,丢弃,页面...

JAVA

websocket实现APP扫描二维码,自动登陆网站(扫码登录)

herman 7年前 (2017-11-12) 13400浏览 0评论

我了解网站扫描二维码并实现自动登陆功能是从微信哪里看到的,该功能体验还不错,减少密码被盗的风险。那么一个普通的网站该如何实现此功能呢?本文将借助websocket+java实现这一功能。 实现思路 后台系统,提供生成带参数的二维码...