纪念前端大神司徒正美 ！
herman 5年前 (2020-04-01) 3822浏览
不知道有多少网友听说过司徒正美？昨天听到他不幸离世的消息，我非常震惊！也非常痛惜！ 他才 36 岁，未婚。最近才从去哪离职到 OPPO 没几天。 做前端的应该都听说过司徒正美，他和阮一峰，尤雨溪，张鑫旭（他的博客由于改版，降权严重）等并...
标签：javascript
JSON 的兴起与崛起
herman 6年前 (2018-09-06) 4273浏览 0评论
JSON 已经占领了全世界。如今，任何两个应用程序通过互联网相互通信时，他们很可能使用的就是 JSON。JSON 已被所有大型企业采用。在十大最受欢迎的网络 API 中，主要由 Google，Facebook 和 Twitter 等主要公司提供的...
Vue.js 仿冒泡排序排序过程动画效果
herman 7年前 (2018-04-21) 7750浏览 0评论
网上有很多使用 JavaScript 来模拟冒泡排序排序过程的动画。今天我们再借助目前最火的 Vue.js 来实现一个冒泡排序动画效果。 vue.js 是一款轻量级的渐进式 JavaScript 框架，在实现动画效果方面非常方便。 本...
使用 Vue.js 实现 Tooltip 气泡提示框、用户通知弹出框插件
herman 7年前 (2018-04-21) 16905浏览 0评论
借助 Vue.js 我们再来实现一款弹出框、冒泡提示插件。效果类似于 Notifications，安卓吐司的形式。 整个插件的运行效果如下： 整个实现的过程很简单，主要代码如下： <div class=&...
使用 Vue.js 实现科学型计算器
herman 7年前 (2018-04-21) 6294浏览 0评论
Vue.js 这两年很火。阿里的飞冰 ICE 好像就是基于 Vue.js 实现的。今天我们使用 Vue.js 来实现一款科学计算器。 这款计算器还可以对模式进行切换，有标准型和科学型两种，完全是模仿 Windows 系统自带的计算器一样。 ...
Symbol.for()，Symbol.keyFor()
herman 7年前 (2018-04-21) 5168浏览 0评论
Symbol.for机制有点类似于单例模式，首先在全局中搜索有没有以该参数作为名称的Symbol值，如果有，就返回这个Symbol值，否则就新建并返回一个以该字符串为名称的Symbol值。和直接的Symbol就点不同了。 var s1 = ...
Symbol() 教程
herman 7年前 (2018-04-21) 5668浏览 0评论
Symbol这个词在IT软件领域实际上是个常见角色，在传统前端技术领域，这个词出现频率有限，但是，随着现代web技术的发展，Symbol这个词开始在不同前端语言中出现。 symbol的中文意思是：符号；象征；标志；记号等。 我最早知道...
Canvas上实现元素图片镜像翻转动画教程
herman 7年前 (2018-04-07) 6669浏览 0评论
越来越多的人在学习研究 Canvas，然后使用 Canvas 制作各种各样的动画。为了验证 Canvas 动画的可用性，我特意制作了一些 demo，分享给大家！ 下面我们一起来进入今天的学习内容，Canvas图片水平镜像...
TensorFlow.js 教程
herman 7年前 (2018-04-05) 8519浏览 0评论
tfjs 是 TensorFlow 推出的一款 web 端的深度学习类库。TensorFlow.js 是一个开源硬件加速的JavaScript库 培训和部署的机器学习模型。自开源到 github 上以后，深受大家的希望。因此我...
consola 教程
herman 7年前 (2018-04-05) 6457浏览 0评论
你没看错，consola 和 console 只差一个字母，并且它们都是控制器日志输出的好帮手。console 在某些方面，使用有些局限性。consola 是一个功能更丰富，更漂亮的控制台日志输出控件。今天我们一起来学习它的一些用法。 ...
html5media.min.js 教程
herman 7年前 (2018-03-31) 7436浏览 0评论
在 QQ 群里，或者是在 CSDN 论坛里，经常遇到有网友提问“为什么我在Windows 系统上开发的 HTML5 <video>和<audio>标签 可以正常工作，而到了 Mac 上就不行了呢？”...
Websocket API 大全
herman 7年前 (2018-03-25) 3160浏览 0评论
Websocket 自推出以来，深受广大开发者喜爱。各种应用和后端框架也有很多开源的库，但是前端这方面，涉及的开源库并不多。很多技术人员需要手动的来实现这方面的代码。我这里分享了整理了所有的Websocket API。 实例化 Websoc...
详解 GCanvas 渲染引擎原理和机制
herman 7年前 (2018-03-04) 6050浏览 0评论
GCanvas 不是什么新鲜的技术，而是阿里团队在很早就发布的一个组件库。最近 GCanvas 团队，开源了 GCanvas，而且是和 GCanvas 一起，共开源了 3 款产品。 目前使用...
HTML5 实现 alarm 壁纸的剪裁(smartcrop.js 教程)
herman 7年前 (2018-02-27) 4060浏览 0评论
HTML5 很强大，或者说 JavaScript 编程语言很强大，它们能在网页上实现智能剪裁。制作各种各样的壁纸，例如：alarm壁纸。在还有图片的壁纸上，能智能的分辨出人脸等。本文将借助 smartcrop.js 来实现一款智能图片裁...
HTML5 + CSS3 实现雷达扫描动画
herman 7年前 (2018-02-23) 5778浏览 0评论
这是一款 HTML5 + CSS3 实现的雷达扫描动画。该动画还可以实现动态的切换雷达状态。有平面图和立体图两种形态，看起来十分炫酷。它的一大特点是3D立体的视觉效果，鼠标点击雷达后将会展现一张3D立体地图，并且对地图上指定的几个地点进行坐标详细...