个站全端研发日志

日志形式记录我的个人网站的前端用户界面和后端功能的更新。功能日志包括在线体验独立作品;按年月想法数量可视化;主题想法泡泡;涂鸦配音;文章搜索,GIF小动画和文章分类图标设计。

2020年1月21日发布预计阅读3.0分钟
练书法

我这里所说的书法是指写毛笔字,或者叫“画”毛笔字,一边画毛笔字一边学习国学中医精华,取精华弃糟粕,练习毛笔字的文字素材包括了药王孙思邈的著作,以及黄帝内经中医、道并学的文字。

2020年1月19日发布预计阅读0.3分钟
尤克里里指弹《小情歌》前奏

尤克里里,琴身比吉他小巧,两手托起,抱于怀中;拨动琴弦,声音清脆高亢,夏威夷风情,不增吵闹,甚萌;四根琴弦,四根松紧琴弦的转轴,数十个品格,每一个品格为半个音阶,一二三四弦,自下而上,AECG;万物皆是由像震动琴弦的能量闭环组成的吗,我一次又一次在片刻之间创造宇宙,又在转瞬之际毁灭宇宙。

2020年1月14日发布预计阅读1.9分钟
Koa学习指南

Koa 是一个新(相对Express算新的)的 web 框架,由 Express 幕后的原班人马打造。既然Koa继Express后打造,必定有其优势所在。我的博客后端基于Express框架开发。我觉得做任何事都需要一个契机,Koa应该就是重构后端代码的契机吧。

2019年12月30日发布预计阅读14.0分钟
记录博客搜索想法功能实现过程

随着写过的想法数量增多,想要快速锁定到过去写的某一篇想法变得越发困难。好在我在每一篇文章在创建之初都给他们设置了多个关键词。这篇文章记录我为博客实现搜索功能的过程。日后再对搜索功能做重构或增加新功能也都记录在这篇文章中。

2019年12月29日发布预计阅读5.7分钟
AntV/F2使用记录

在Ant/F2文档看到“视觉通道”这个词,并非第一次看到这词,但却是让我对数据可视化思考更深入的一次。延伸开来,数据除了可以被视觉化,其他的感官呢。听觉、触觉、味觉、嗅觉都可以和数据发生奇妙的映射反映。数据可被一切艺术化,更像是数据+新媒体艺术碰撞的火花。

2019年12月22日发布预计阅读4.0分钟
文章目录速查

纵观我自2015年至2019年发布的文章。经历了从青涩到熟练,从浅显到逐渐深入的改变。在2019年的最后一个月,我计划回过头来,完善写过的每一篇文章,并完成这篇目录速查。

2019年12月6日发布预计阅读25.8分钟
可视化想法出现频率

我的博客主页有个可视化组件,它能动态呈现每月想法发布频率,灵感来自GitHub上代码提交频率图,不同的是,我的基本单位是月,GitHub的基本单位是天。一天提交许多次代码很常见,一天写很多篇文章很困难。

2019年11月29日发布预计阅读9.2分钟
网站接入微博开放平台

我发布想法以及访客在我的博客留言都需要登录GitHub账号。因为众所周知的原因,最近好几次我都无法正常访问GitHub,影响到我管理自己的博客。为了解决问题再次出现时的窘境,我向微博开放平台申请了网页应用,通过微博授权识别我和访客在我的博客的登录状态。

2019年11月27日发布预计阅读10.2分钟
观央视纪录片《苏东坡》有感

央视纪录片《苏东坡》,我已看三遍,每一遍看都有不一样的收获。我对苏东坡一生的遭遇;对他超脱的人生态度;对他在文学和艺术上的成就,让我产生共鸣、敬佩和感动。种种这些,对我当下正面临的困惑有所启示。

2019年11月25日发布预计阅读1.9分钟
微信公众号开发前的准备

微信公众平台开发前的准备工作。包括申请微信公众号和启动测试账号,搭建基于Node开发的Web服务,MySQL创建用于存储开发数据的数据库等。

2019年11月24日发布预计阅读3.3分钟
Fabric.js矩阵变换

Fabric.js 支持矩阵变换。无论在 fabric.Canvas 实例中,或是在继承自 fabric.Object 的各种形状实例中,还是在 fabric.util 中提供的工具函数,都有设置或者获取矩阵变换的相应属性或方法。在 fabric 中,矩阵由一个包含6个数字元素的数组表示,这6个数字能一次性把坐标系的平移、旋转和缩放信息表示出来。

2019年11月3日发布预计阅读11.1分钟
基于Airglass在线图像标注工具

我又重新实现了一版依赖Airglass.js库的基于Canvas技术的功能包括多边形区域标注以及图像切割的实验项目,这篇想法记录开发过程。

2019年10月30日发布预计阅读5.8分钟
生命游戏开发记录

完善Airglass.js的继承机制,增加了extend方法,优化了Renderable和Effect两个基础可渲染类。采用常见规则借助Airglass.js实现出了生命游戏,与网络上其他版本不同的是,我使用了彩色格子。进一步加深了我对面向对象编程思维的理解与应用熟练度。

2019年10月25日发布预计阅读11.1分钟
Airglass.js现已支持关键帧动画

Airglass.js最近的更新中支持了关键帧动画,这依赖于canvas离屏渲染技术。开发者可以从序列图创建关键帧,也可以拷贝其他可渲染组件的关键帧,这适用于希望呈现相同效果的组件,以节省不必要的内存开销。我还在探索关键帧渲染与直接渲染之间的平衡点。

2019年10月17日发布预计阅读4.0分钟
探索JS原型链规律性可视化

我曾经用Illustrator绘制过JavaScript原型链可视化信息图,也曾在最近用iPad手绘过一副JavaScript原型链的涂鸦。如今我借助Airglass.js开发的NodeLink可视化组件动态演示JS核心参考中各值之间的信息传递与关联关系。

2019年10月6日发布预计阅读9.9分钟
定制地图与雷达波动效

地图是FUI界面中常出现的组件之一。我希望Airglass.js能处理好地图渲染,以及地图中丰富多样的动效,所以尝试用Airglass.js完成一个关于地图的最佳实践。在探索的中后期,我将Three.js纳入解决方案与Airglass.js来一次混搭。

2019年10月4日发布预计阅读4.2分钟
节点关系可视化

经过了一周断断续续的探索,Airglass.js的第二个组件NodeLink终于大功告成。这期间我从Dribbble和Behance等设计网站借鉴了不少创意灵感,以及Blender操作界面给我的启发。在开始下一个组件的开发之前,我想通过这篇想法简单谈谈NodeLink组件。

2019年9月23日发布预计阅读9.4分钟
Airglass初体验

我用airglass.js初步完成了第一个最佳实践:创建和编辑多边形标注区域。做Demo的同时完善Airglass.js。我给渲染器类新增了击中检测实例方法,还增加了链式调用提升开发效率。同时新增多边形Polygon类,它是继矩形圆形后Airglass.js出现的第3个基本形状。接下来是对Demo无止境优化的漫漫长路。

2019年9月12日发布预计阅读6.9分钟
Airglass.js开发笔记:最佳实践前奏

我把Glass的集合称作舞台。理论上每一个舞台中Glass的数量是无上限的。我并不推荐一个舞台上有超过3个Glass。最理想的情况是,顶层Glass用来捕获外部事件与放置可交互元素,下层Glass用来放置数据驱动型的元素。

2019年9月10日发布预计阅读3.8分钟
回到主页
陈帅华动态先知道,请关注一个教程。
一个教程微信个人订阅号
笔友最新留言
Airglass.js的开发者文档:https://www.shuaihuajun.com/airglass/typedoc/index.html
Airglass.js在GitHub的源代码开源地址:https://github.com/airglass/airglass-co...
Leo陈帅华,2020年5月11日留言《[留言贴]前端与机器学习》
Pipcook,A JavaScript application framework for machine learning and its engineering.
https://alibaba.github.io/pipcook/
Leo陈帅华,2020年5月10日留言《在线图像标注工具》
在线标注工具的体验入口:https://www.shuaihuajun.com/project/goma-label/index.html
jannylz,2019年9月12日留言《在线图像标注工具》
请问在线体验入口在哪里?可否标注矩形框,可以拖拽类型的