雷达扫描动效

基于Airglass.js

我是我的作品

个人简历

一直在路上

心上到路上的“旅行”

待办事项

由原生JS实现的视图组件

项目管理平台

基于Vue.js

甘特图在线编辑

基于Airglass.js

Blender3D模型渲染

基于Three.js渲染

元胞自动机

基于Airglass.js

JS原型链可视化

基于Airglass.js

重构图像在线标注

基于Airglass.js

图像在线标注工具

基于原生Canvas实现

极坐标地图

Canvas缓动动画实验

类星系关系可视化

Canvas交互事件触发

趣玩周易64卦

国学小项目

日程计划组件

基于React.js

家谱可视化

基于Airglass.js

Airglass.js官方API

我的Canvas库使用参考

我读《人间失格》
2020年8月6日发布阅读预计需要 0.4 分钟
太宰,你简直TM太丧了,读你的文字我也跟着不快乐了,也因此发现了自己拥有比你可贵的东西,我比你可幸福多了。你以为自杀有多勇敢有多浪漫有多无畏?不!我当然知道这世界有多不值得爱,也因此才有了那么多可爱的事和人。听说人在濒死的一瞬有强烈的求生念,你有多次濒死体验,却依旧在死亡的边缘疯狂试探,你终于最后还是死了。
iMovie和语音备忘录制视频教程
2020年8月3日发布阅读预计需要 2.0 分钟
截屏、iMovie和语音备忘录都是macOS自带的免费软件。虽然iMovie剪辑软件免费,但功能相比Adobe家的Premiere也不差。iMac虽然自带收音能力,但我后来发现收录的环境音太过于嘈杂,所以我准备了一根带录音功能的耳机线。用截屏软件录制屏幕,同时用语音备忘录录制声音,然后用iMovie将视频和声音整合在一起剪辑,最后直接导出剪辑完成的视频。
HomeBrew安装与配置
2020年8月1日发布阅读预计需要 2.4 分钟
HomeBrew是mac操作系统和Linux系统上流行的包管理工具。虽然HomeBrew所维护的软件包用起来非常简单非常爽,但很多开发者常常在安装和用HomeBrew下载软件的过程中多是由于网络的限制无法享受这种便利。这篇不是HomeBrew官方文档的布道者,而是帮助开发者更顺畅的使用HomeBrew下载心意的软件包。
telnet与主机端口建立TCP连接
2020年8月1日发布阅读预计需要 3.2 分钟
用Telnet与我网站的80端口建立TCP连接,通过HTTP协议所规范的请求头格式获取响应消息。telnet是一个能帮助你清楚地了解HTTP协议是如何规范客户端与服务端消息发送与接受过程的工具。我在翻阅《HTTP权威指南》时知道了这个有趣的工具,并且我使用HomeBrew在mac上安装了telnet。
Deno学习手记
2020年7月31日发布阅读预计需要 1.7 分钟
我记着Deno官方网站里那只可爱的小恐龙。我想到了三件事:恐龙在地球称霸了很长一段时期。突然的一场大雨既代表了糟糕的运气或某种巨大的压力,又同时预示着雨过天晴后的彩虹。这是一只小恐龙,寓意着成长中和未来的无限可能。
C1驾考之科目二
2020年7月29日发布阅读预计需要 1.0 分钟
2020年7月27日我在石家庄燕赵驾校小路考考试场完成了C1科目二考试,考试成绩合格。一句话总结经验:扎实的技术基础 + 平稳的好心态 + 一点点好运气。在平时苦练科目二的五项基本功:倒车入库、侧方停车、曲线行驶、直角转弯和坡道定点停车起步。考试前一天休息充足考试当天心态平稳:轻松、自信、思路清晰。运气因素包括考试当天的天气情况,以及考试车的车况(如考试车的离合器是否好用、挂档是否好用等)等因素。
我读《皮囊》
2020年7月11日发布阅读预计需要 2.0 分钟
细数我这段时间看过的书,我总是挑选那些和我处于不同时代的作家写的书来读。对于那些和我处于同一时代的作家写的书,我总是非常谨慎的挑选。因为对于已经去世的作者,他的一生荣辱过往和思想品格已然定格。而对于那些仍在塑造他们自己的历史的作家来说,没人能保证他们往后会不会做出与他们早期思想相背道而驰的事情来,甚至后来连他们自己都无奈。我最近读的两本书便是这样的。之所以会读《你当像鸟飞往你的山》,是因为书名和书中讨论的内容吸引我。而《皮囊》,我是从后来因抄袭登上澎湃新闻的某位老师那里听说的,因书名而对这本书产生好奇,抱着以为内容和《变形记》一样有着怪诞离奇的故事去读这本书,仅此而已。
我读《你当像鸟飞往你的山》
2020年6月25日发布阅读预计需要 2.7 分钟
这本书在2018年出版。这本书是塔拉的处女座。塔拉自己在书中提起,在写这本书时她29岁。全书共分三个部分,给我印象最深刻的是第一部分,可以用匪夷所思和触目惊心来形容塔拉的家庭,第二三部分讲述塔拉从17岁自学考入杨百翰大学一直到成为博士的过程中如何调和自己的选择与原生家庭的牵绊之间矛盾关系,并完成蜕变的过程。不幸和万幸,绝望和希望,不断交替。
[译] Using Models and Templates
2020年6月16日发布阅读预计需要 8.7 分钟
您可以以编程方式构建节点和链接图。但是GoJS提供了一种以更具声明性的方式构建图的方法。您仅需要提供图表和自动复制到图中的零件实例(即模板)所需的节点和链接数据(即模型)。这些模板可以通过节点和链接数据的属性进行参数化。
[译] Building Parts with GraphObjects
2020年6月16日发布阅读预计需要 8.6 分钟
您可以用传统的原生JavaScript代码构造Node或其他类型的Part。GoJS还提供了一种更具声明性的构建部件方式,与原生代码的构建方式相比具有一些优势。本篇将讨论可用于构建节点的基本对象类型。本篇通过显式创建和添加节点和链接来构建图表。后续篇章将展示如何使用模型而不是使用此类代码来构建图表。
[译] Introduction to GoJS Diagramming Components
2020年6月15日发布阅读预计需要 10.4 分钟
这世界有那么多美好的事物,如果不去发现,就会错过。GoJS是能在现代浏览器中轻松创建交互式图表的JavaScript库。GoJS支持图形化模版和数据绑定,即将模型数据绑定到图形化对象的属性上。开发者只需保存和恢复数据,那些简单的对象存储着你需要的属性。许多预定义的工具和命令实现了所有图表所需要的标准行为。只需设置属性就能定制外观和行为。
JS内置构造函数之Array
2020年6月11日发布阅读预计需要 18.9 分钟
Array是JavaScript语言核心的内置构造函数。函数和数组的本质都是对象,对象是属性的集合。Array构造函数拥有很多属性和方法,用Array构造函数实例化的数组实例本质也是对象,数组梳理也拥有很多属性和方法。本篇我整理总结Array构造函数及其构造出的实例所拥有的属性和方法,以及这些数组属性和方法在前端开发中如何使用。文章的JS代码片段都是Chrome浏览器自带的开发者工具中执行的。
我读《三体》
2020年5月24日发布阅读预计需要 3.4 分钟
那个疯狂的年代所发生的事:父亲的惨死,母亲的背叛,成了叶文洁童年记忆里抹不去的阴影,埋下了对人性绝望和报复的种子。她后来的所有作为:冷酷无情,都受到那段最初记忆的影响。第一部中的文革时期,在第二部中人吃人的大低谷时期。一边说着人类世界不会生同一场大病,这叫文明免疫力,一边又让悲剧重演。善变的人一直都在,重复犯同一个错误的人也在,加入乌合之众,抹点自己的声音,变成沉默的大多数,你就是死神。
C1驾考之科目一
2020年5月18日发布阅读预计需要 3.3 分钟
2020年5月18日我在石家庄足利驾校完成C1驾照科目一考试,考试成绩合格。
[译] Deno 1.0发布
2020年5月17日发布阅读预计需要 28.7 分钟
Deno是一个新的运行时,用于在Web浏览器之外执行JavaScript和TypeScript。Deno试图提供一个独立的工具来快速编写复杂功能的脚本。Deno是(并将始终是)单个可执行文件。就像网络浏览器一样,它知道如何获取外部代码。在Deno中,单个文件可以定义任意复杂的行为,而无需任何其他工具。
对实时捕获视频画面取色
2020年4月15日发布阅读预计需要 9.2 分钟
基于MediaDevice这一Web API捕获摄像头拍摄的实时画面,将视频画面即时渲染至Canvas画布上,基于Airglass.js处理与取色相关的交互操作。
甘特图在线编辑工具
2020年4月1日发布阅读预计需要 1.3 分钟
基于Canvas技术在画布中完整渲染甘特图,基于Airglass.js库管理Canvas画布内的虚拟元素以及处理鼠标和触摸事件。
原生实现待办清单小工具
2020年3月11日发布阅读预计需要 0.7 分钟
待办事项清单小工具,尘封了两年的独立小作品,没有使用任何前端框架,基于原生前端基础实现。
非零与奇偶环绕规则
2020年3月10日发布阅读预计需要 6.0 分钟
非零环绕规则和奇偶环绕规则在Canvas和SVG中有很重要的用途,经常用它们制作有趣的剪纸效果。两种规则存在矛盾,所以开发者需要根据需求指定使用哪一种规则。一图胜千言,我画了两张涂鸦,分别解释这两种算法的原理。如何使用这两个规则的废话也不多说,代码也能胜千言,我会在下方拿出代码片段。
趣玩周易-微信小游戏最佳实践
2020年3月9日发布阅读预计需要 13.9 分钟
3月初开始接触微信小游戏,从注册、集成环境开发到上线流程,它都和微信小程序很相似,只有审核阶段比小程序繁琐。从技术角度讲,小游戏比小程序更纯粹,因为几乎所有和UI渲染相关的接口都是围绕Canvas技术,这也是我欣赏它的地方。知道就要做到,所以我决定把“趣玩周易”这个基于Canvas的网页端作品迁移到(或者说重新开发)微信小游戏中,在学习过程中,我会一边熟悉微信小游戏的API和研发流程,一边寻找“趣玩周易”的游戏模式。
陈帅华动态先知道,请关注一个教程。
一个教程微信个人订阅号
笔友留言
jannylz,2019年9月12日留言《在线图像标注工具》
请问在线体验入口在哪里?可否标注矩形框,可以拖拽类型的
掘金 · 知乎 · 哔哩哔哩 · GitHub · 微博
JavaScript核心
微信公众平台开发
翻译计划
Node.js实战
数据可视化
设计与动画
网站建设
我的书单
效率协作
硬件编程