标签:javascript

业余杂谈

纪念前端大神司徒正美 !

herman 4年前 (2020-04-01) 3444浏览

不知道有多少网友听说过司徒正美?昨天听到他不幸离世的消息,我非常震惊!也非常痛惜! 他才 36 岁,未婚。最近才从去哪离职到 OPPO 没几天。 做前端的应该都听说过司徒正美,他和阮一峰,尤雨溪,张鑫旭(他的博客由于改版,降权严重)等并...

HTML5

JSON 的兴起与崛起

herman 6年前 (2018-09-06) 3856浏览 0评论

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

HTML5

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

herman 6年前 (2018-04-21) 7352浏览 0评论

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

HTML5

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

herman 6年前 (2018-04-21) 5895浏览 0评论

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

HTML5

Symbol.for(),Symbol.keyFor()

herman 6年前 (2018-04-21) 4814浏览 0评论

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

HTML5

Symbol() 教程

herman 6年前 (2018-04-21) 5279浏览 0评论

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

HTML5

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

herman 6年前 (2018-04-07) 6234浏览 0评论

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

HTML5

TensorFlow.js 教程

herman 6年前 (2018-04-05) 8109浏览 0评论

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

HTML5

consola 教程

herman 6年前 (2018-04-05) 5933浏览 0评论

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

HTML5

html5media.min.js 教程

herman 6年前 (2018-03-31) 6961浏览 0评论

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

HTML5

Websocket API 大全

herman 6年前 (2018-03-25) 2872浏览 0评论

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

HTML5

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

herman 6年前 (2018-03-04) 5563浏览 0评论

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

HTML5

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

herman 6年前 (2018-02-27) 3669浏览 0评论

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

HTML5

HTML5 + CSS3 实现雷达扫描动画

herman 6年前 (2018-02-23) 5376浏览 0评论

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