标签:javascript

HTML5

JSON 的兴起与崛起

herman 1年前 (2018-09-06) 567浏览 0评论

JSON 已经占领了全世界。如今,任何两个应用程序通过互联网相互通信时,他们很可能使用的就是 JSON。JSON 已被所有大型企业采用。在十大最受欢迎的网络 API 中,主要由 Google,Facebook 和 Twitter 等主要公司提供的...

HTML5

Vue.js 仿冒泡排序排序过程动画效果

herman 1年前 (2018-04-21) 2986浏览 0评论

网上有很多使用 JavaScript 来模拟冒泡排序排序过程的动画。今天我们再借助目前最火的 Vue.js 来实现一个冒泡排序动画效果。 vue.js 是一款轻量级的渐进式 JavaScript 框架,在实现动画效果方面非常方便。 本...

HTML5

使用 Vue.js 实现科学型计算器

herman 1年前 (2018-04-21) 1950浏览 0评论

Vue.js 这两年很火。阿里的飞冰 ICE 好像就是基于 Vue.js 实现的。今天我们使用 Vue.js 来实现一款科学计算器。 这款计算器还可以对模式进行切换,有标准型和科学型两种,完全是模仿 Windows 系统自带的计算器一样。 ...

HTML5

Symbol.for(),Symbol.keyFor()

herman 1年前 (2018-04-21) 1513浏览 0评论

Symbol.for机制有点类似于单例模式,首先在全局中搜索有没有以该参数作为名称的Symbol值,如果有,就返回这个Symbol值,否则就新建并返回一个以该字符串为名称的Symbol值。和直接的Symbol就点不同了。 var s1 = ...

HTML5

Symbol() 教程

herman 1年前 (2018-04-21) 1586浏览 0评论

Symbol这个词在IT软件领域实际上是个常见角色,在传统前端技术领域,这个词出现频率有限,但是,随着现代web技术的发展,Symbol这个词开始在不同前端语言中出现。 symbol的中文意思是:符号;象征;标志;记号等。 我最早知道...

HTML5

Canvas上实现元素图片镜像翻转动画教程

herman 1年前 (2018-04-07) 2036浏览 0评论

越来越多的人在学习研究 Canvas,然后使用 Canvas 制作各种各样的动画。为了验证 Canvas 动画的可用性,我特意制作了一些 demo,分享给大家! 下面我们一起来进入今天的学习内容,Canvas图片水平镜像...

HTML5

TensorFlow.js 教程

herman 1年前 (2018-04-05) 3582浏览 0评论

tfjs 是 TensorFlow 推出的一款 web 端的深度学习类库。TensorFlow.js 是一个开源硬件加速的JavaScript库 培训和部署的机器学习模型。自开源到 github 上以后,深受大家的希望。因此我...

HTML5

consola 教程

herman 1年前 (2018-04-05) 1816浏览 0评论

你没看错,consola 和 console 只差一个字母,并且它们都是控制器日志输出的好帮手。console 在某些方面,使用有些局限性。consola 是一个功能更丰富,更漂亮的控制台日志输出控件。今天我们一起来学习它的一些用法。 ...

HTML5

html5media.min.js 教程

herman 1年前 (2018-03-31) 2306浏览 0评论

在 QQ 群里,或者是在 CSDN 论坛里,经常遇到有网友提问“为什么我在Windows 系统上开发的 HTML5 <video>和<audio>标签 可以正常工作,而到了 Mac 上就不行了呢?”...

HTML5

Websocket API 大全

herman 2年前 (2018-03-25) 645浏览 0评论

Websocket 自推出以来,深受广大开发者喜爱。各种应用和后端框架也有很多开源的库,但是前端这方面,涉及的开源库并不多。很多技术人员需要手动的来实现这方面的代码。我这里分享了整理了所有的Websocket API。 实例化 Websoc...

HTML5

详解 GCanvas 渲染引擎原理和机制

herman 2年前 (2018-03-04) 1390浏览 0评论

GCanvas 不是什么新鲜的技术,而是阿里团队在很早就发布的一个组件库。最近 GCanvas 团队,开源了 GCanvas,而且是和 GCanvas 一起,共开源了 3 款产品。 目前使用...

HTML5

HTML5 实现 alarm 壁纸的剪裁(smartcrop.js 教程)

herman 2年前 (2018-02-27) 1060浏览 0评论

HTML5 很强大,或者说 JavaScript 编程语言很强大,它们能在网页上实现智能剪裁。制作各种各样的壁纸,例如:alarm壁纸。在还有图片的壁纸上,能智能的分辨出人脸等。本文将借助 smartcrop.js 来实现一款智能图片裁...

HTML5

HTML5 + CSS3 实现雷达扫描动画

herman 2年前 (2018-02-23) 1643浏览 0评论

这是一款 HTML5 + CSS3 实现的雷达扫描动画。该动画还可以实现动态的切换雷达状态。有平面图和立体图两种形态,看起来十分炫酷。它的一大特点是3D立体的视觉效果,鼠标点击雷达后将会展现一张3D立体地图,并且对地图上指定的几个地点进行坐标详细...

HTML5

HTML5 Canvas模仿瀑布动画效果

herman 2年前 (2018-02-23) 1421浏览 0评论

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