雷达扫描动效

基于Airglass.js

我是我的作品

个人简历

我一直在路上

记录心上到路上的“旅行”

待办事项

由原生JS实现的视图组件

项目管理平台

基于Vue.js

甘特图在线编辑

基于Airglass.js

Blender3D模型渲染

基于Three.js渲染

元胞自动机

基于Airglass.js

JS原型链可视化

基于Airglass.js

重构图像在线标注

基于Airglass.js

图像在线标注工具

基于原生Canvas实现

极坐标地图

Canvas缓动动画实验

类星系关系可视化

Canvas交互事件触发

趣玩周易64卦

国学小项目

日程计划组件

基于React.js

科技感波动

基于canvas实现蜂窝动效

喝彩奖杯

Canvas复杂形状

萤光漂浮

Canvas动效

Bilibili直播间

没在直播哈哈~

家谱可视化

基于Airglass.js

Airglass.js官方API

我的Canvas库使用参考

我读《你当像鸟飞往你的山》
2020年6月25日发布阅读预计需要 3 分钟

这本书在2018年出版。这本书是塔拉的处女座。塔拉自己在书中提起,在写这本书时她29岁。全书共分三个部分,给我印象最深刻的是第一部分,可以用匪夷所思和触目惊心来形容塔拉的家庭,第二三部分讲述塔拉从17岁自学考入杨百翰大学一直到成为博士的过程中如何调和自己的选择与原生家庭的牵绊之间矛盾关系,并完成蜕变的过程。不幸和万幸,绝望和希望,不断交替。

[译] Using Models and Templates
2020年6月16日发布阅读预计需要 9 分钟

您可以以编程方式构建节点和链接图。但是GoJS提供了一种以更具声明性的方式构建图的方法。您仅需要提供图表和自动复制到图中的零件实例(即模板)所需的节点和链接数据(即模型)。这些模板可以通过节点和链接数据的属性进行参数化。

[译] Building Parts with GraphObjects
2020年6月16日发布阅读预计需要 9 分钟

您可以用传统的原生JavaScript代码构造Node或其他类型的Part。GoJS还提供了一种更具声明性的构建部件方式,与原生代码的构建方式相比具有一些优势。本篇将讨论可用于构建节点的基本对象类型。本篇通过显式创建和添加节点和链接来构建图表。后续篇章将展示如何使用模型而不是使用此类代码来构建图表。

[译] Introduction to GoJS Diagramming Components
2020年6月15日发布阅读预计需要 10 分钟

这世界有那么多美好的事物,如果不去发现,就会错过。GoJS是能在现代浏览器中轻松创建交互式图表的JavaScript库。GoJS支持图形化模版和数据绑定,即将模型数据绑定到图形化对象的属性上。开发者只需保存和恢复数据,那些简单的对象存储着你需要的属性。许多预定义的工具和命令实现了所有图表所需要的标准行为。只需设置属性就能定制外观和行为。

JavaScript内置构造函数:Array
2020年6月11日发布阅读预计需要 19 分钟

Array是JavaScript语言核心的内置构造函数。函数和数组的本质都是对象,对象是属性的集合。Array构造函数拥有很多属性和方法,用Array构造函数实例化的数组实例本质也是对象,数组梳理也拥有很多属性和方法。本篇我整理总结Array构造函数及其构造出的实例所拥有的属性和方法,以及这些数组属性和方法在前端开发中如何使用。文章的JS代码片段都是Chrome浏览器自带的开发者工具中执行的。

我读《三体》
2020年5月24日发布阅读预计需要 4 分钟

我不喜欢凑热闹,无论是聚在一起聊的热火朝天的人群,还是在网络上对热点聊的热火朝天的虚拟人群,我都不感兴趣。就像做外卖的从不吃自己做的外卖,因为食品是否安全卫生只有他知道,新媒体和新闻专业出身的我,反而对新闻新媒体行业的浮躁和无良带节奏行为嗤之以鼻,让我对所谓的热点新闻和时下话题刻意迟钝应对。舆论和热点牵着每个甘愿被煽动的人的鼻子。虽然错过了当热点发生时与人的谈资,但我收获的是浪潮退去后的冷静和片刻永恒。2020年是适合读书的年份,《三体》已没有那么火热,我才敢拿出它来读,没有外界的杂音来干扰仅我个人对他的评价。

科目一考试经历
2020年5月18日发布阅读预计需要 4 分钟

我的最终成绩是98分。交卷后,在考场出口的窗口领取科目一考试通过凭证,这是一张A4纸,没有标成绩,仅代表该学员科目一考试成绩及格,可以参加科目二的考试。

[译] Deno 1.0发布
2020年5月17日发布阅读预计需要 29 分钟

Deno是一个新的运行时,用于在Web浏览器之外执行JavaScript和TypeScript。Deno试图提供一个独立的工具来快速编写复杂功能的脚本。Deno是(并将始终是)单个可执行文件。就像网络浏览器一样,它知道如何获取外部代码。在Deno中,单个文件可以定义任意复杂的行为,而无需任何其他工具。

我读《自卑与超越》
2020年5月5日发布阅读预计需要 4 分钟

因为2020年的疫情原因,我又有了充足的时间阅读。自《瓦尔登湖》和《自私的基因》之后,我慢慢的好像已经找到了能让我有阅读快感的书籍类型了。原本想先阅读弗洛伊德的《梦的解析》,但翻看了几页之后就发现自己有点难以下咽,书里干货很多,我需要先喝点酸的,开开胃。于是我打开了与弗洛伊德、荣格并称为20世纪三大心理学家的奥地利心理学家,个体心理学之父——阿尔弗雷德·阿德勒的《自卑与超越》。

对实时捕获视频画面取色
2020年4月15日发布阅读预计需要 9 分钟

基于MediaDevice这一Web API捕获摄像头拍摄的实时画面,将视频画面即时渲染至Canvas画布上,基于Airglass.js处理与取色相关的交互操作。

甘特图在线编辑工具
2020年4月1日发布阅读预计需要 1 分钟

基于Canvas技术在画布中完整渲染甘特图,基于Airglass.js库管理Canvas画布内的虚拟元素以及处理鼠标和触摸事件。

原生实现待办清单小工具
2020年3月11日发布阅读预计需要 1 分钟

待办事项清单小工具,尘封了两年的独立小作品,没有使用任何前端框架,基于原生前端基础实现。

非零与奇偶环绕规则
2020年3月10日发布阅读预计需要 6 分钟

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

趣玩周易-微信小游戏最佳实践
2020年3月9日发布阅读预计需要 14 分钟

3月初开始接触微信小游戏,从注册、集成环境开发到上线流程,它都和微信小程序很相似,只有审核阶段比小程序繁琐。从技术角度讲,小游戏比小程序更纯粹,因为几乎所有和UI渲染相关的接口都是围绕Canvas技术,这也是我欣赏它的地方。知道就要做到,所以我决定把“趣玩周易”这个基于Canvas的网页端作品迁移到(或者说重新开发)微信小游戏中,在学习过程中,我会一边熟悉微信小游戏的API和研发流程,一边寻找“趣玩周易”的游戏模式。

我的拿手家常饭
2020年3月3日发布阅读预计需要 3 分钟

是否常常在快做饭前还在犹豫不知道吃什么?是否常常在买菜时犹豫不知道买什么?这里列出了所有我会做的菜,包括主食、素菜和荤菜。当我想不起来做什么吃的的时候;当我想不起来某一道拿手菜的制作诀窍的时候;或者当我想在某一道菜的制作工序上搞点创意的时候,随时翻出来这篇备忘记。备忘记才不被忘记。

HTTPie 学习指南
2020年2月16日发布阅读预计需要 3 分钟

HTTPie的正确发音是“aitch-tee-tee-pie”,一款拥有交互式用户界面的HTTP客户端请求命令行工具。它支持JSON和语法高亮,有和wget类似的下载功能,支持插件,而且任何系统下都能使用HTTPie。

Github Actions 学习指南
2020年2月14日发布阅读预计需要 8 分钟

基于持续继承和持续开发的软件开发的最佳实践,GitHub 推出 Actions 功能。监听围绕代码仓库管理的各种事件,比如 push 和 pull_request 事件,触发提前计划好的一系列步骤,即工作流。这些步骤用 YAML 文档记录。触发工作流包括了构建和测试。这些工作流可以在 GitHub 的服务器上执行,开发者也可以在自己的服务器响应从GitHub触发的事件来执行工作流。

Web Workers API 学习指南
2020年2月14日发布阅读预计需要 4 分钟

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

趣玩周易六十四卦
2020年2月12日发布阅读预计需要 3 分钟

我从喜欢听《庄子》中的荒唐离奇故事,再到喜欢《老子》中深奥玄妙的理论,再到从《周易》中追溯国学的源头活水。我不打算把“趣玩周易64卦”做成一个像是解读《周易》的作品,而是我要给《周易》插上技术和艺术的翅膀,让他飞得更远,飞到更多人的生活里。当世界给你传来一张纸条,结合自己实践,相信值得你相信的内容,质疑值得你质疑的内容,不认死理儿。对与不对只在于适不适合你,因为我们的参考系都不相同。

我读《自私的基因》
2020年1月27日发布阅读预计需要 13 分钟

2020年,一场人类和病毒之间的较量注定会被载入史册,重读理查德·道金斯所著的《自私的基因》,基因为了获得永生,“操控”宿主不断繁衍和作出为适应新环境的变异进化。我们不得不承认人在大部分时候无法控制自己原始的本能,唯有教育、法律和道德才可约束他。书中内容对我启发良多,如同看魔术师变戏法,相比言之所达,那些没有说出口的才更引人深思,不要用人类狭隘的私欲与基因的“自私”抗衡。请保持一颗敬畏自然的心,顺应自然法则才是明智的选择。

帅华君
陈帅华
前端 / Node / UI / 动效
陈帅华动态先知道,请关注一个教程。
一个教程微信个人订阅号
笔友留言
jannylz,2019年9月12日留言《在线图像标注工具》
请问在线体验入口在哪里?可否标注矩形框,可以拖拽类型的
JavaScript核心
微信公众平台开发
翻译计划
Node.js实战
数据可视化
设计与动画
网站建设
简单生活
我的书单
效率协作
硬件编程
学车之路