陈帅华的个人网站 - 探索技术艺术与国学之美
3月10日
2020年
6.0分钟
非零与奇偶环绕规则
Canvas

非零环绕规则和奇偶环绕规则在Canvas和SVG中有很重要的用途,经常用它们制作有趣的剪纸效果。两种规则存在矛盾,所以开发者需要根据需求指定使用哪一种规则。一图胜千言,我画了两张涂鸦,分别解释这两种算法的原理。如何使用这两个规则的废话也不多说,代码也能胜千言,我会在下方拿出代码片段。

8月29日
2017年
28.3分钟
[译] HTML Canvas 2D Context
Canvas

W3C编写的这个Canvas规范是给浏览器厂商参考的,它告诉厂商们应该如何实现canvas的绘图上下文。而对于普通前端开发者来说,能知道其原理固然好,相比于这些细枝末节,能在工作中将canvas活学活用才更重要。所以这篇规范并不是前端必读,可以作为想更深入canvas的参考资料来看待。

6月18日
2017年
69.6分钟
[译] XMLHttpRequest规范
WebAPIAJAX

XMLHttpRequest标准为客户端和服务器端传输数据提供了脚本化的客户端功能API。

2月14日
2020年
3.9分钟
Web Workers API 学习指南
WebAPI

善用类比法学习 Web Workers API,看透它们的共性,并找出它们各自的特性。学习任何新东西,都是在我们过去已知的经验之上。这种经验就有好处也有不好之处。从已有规则中学习,但又不被既定规则羁绊,才是好。凤凰浴火燃烧,从灰烬中涅槃重生。从灰烬中来,从淤泥中来,不受困于灰烬和淤泥。

8月26日
2019年
5.5分钟
探索前端录制音视频
WebAPI音视频开发

最近整理我的一些独立项目,考虑用音视频的形式记录感想,起初在用Mac系统自带的录屏软件,后来计划能不能用web前端技术开发一款在线录制音视频的工具,小有成果,先用文字形式记录下来。

11月19日
2018年
4.6分钟
Chrome支持画中画API
WebAPI

画中画接口允许网站创建一块可浮动缩放拖拽视频播放区域,用户可以在操作其他任务时继续观看视频。

7月11日
2017年
12.9分钟
[译] Web Notification API
WebAPI

Web Notifications 定义了一个作用于用户终端的通知API,这个通知允许在某个事件发生后在用户所在网页上下文的外

11月17日
2018年
4.3分钟
JS拥有推进与改变历史的神奇力量
WebAPI

本篇介绍pushState与replaceState。pushState就像在努力推进历史的进程,而replaceState就像在改写历史。

按月份速查已发布想法。查看3D柱状可视化
想法关键词
陈帅华动态先知道,请关注一个教程。
一个教程微信个人订阅号