陈帅华的个人网站 - 探索技术艺术与国学之美
3月19日
2020年
10.2分钟
网站接入微博开放平台
微博开发

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

3月19日
2020年
3.2分钟
ml5js助力前端玩转机器学习
机器学习TensorFlow

ml5js获取服务器上已经训练好的模型,调用ml5js提供的API即可在Web前端玩转典型机器学习案例,ml5js官方提供的机器学习案例类型有图像、声音和文本三个类别,我将体验过程记录下来。

3月15日
2020年
6.0分钟
非零与奇偶环绕规则
Canvas

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

3月14日
2020年
13.9分钟
趣玩周易-微信小游戏最佳实践
微信小游戏

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

3月14日
2020年
1.8分钟
理发
生活

让我想学着给自己理发的直接原因,是在我读完《瓦尔登湖》后。我对自己仅有的一些生活技能感到担忧。如果有一天,我站在了人生选择的分叉路口,或者像梭罗一样独自一人生活。可我除了写代码,我还会做些什么属于生活本质的东西呢?所以我不止要学着自己理发,我要发掘更多让自己在未来不至于失控的技能。

3月12日
2020年
14.0分钟
Koa学习指南
Koa

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

3月11日
2020年
0.1分钟
Airglass界面数字输入模块
UED

作为Airglass未来用户界面框架其中之一的数字输入模块,畅想数字输入模块多种交互方式的体验设计。

3月11日
2020年
11.1分钟
生命游戏开发记录
独立作品

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

3月11日
2020年
9.4分钟
节点关系可视化
数据可视化

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

3月11日
2020年
9.2分钟
可视化想法出现频率
数据可视化

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

3月11日
2020年
5.3分钟
基于Airglass重构图像标注工具
独立作品

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

3月11日
2020年
4.2分钟
定制地图与雷达波动效
Canvas

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

3月11日
2020年
2.9分钟
基于Node/Canvas/WebSocket直播
WebAPICanvasNodejsWebSocketFFmpeg

借助socket.io模块双向传输视频直播流,本文涉及canvas绘制捕获到的视频流,及从服务端接收编码后的图像帧并通过canvas渲染。

3月11日
2020年
28.3分钟
[译] HTML Canvas 2D Context
Canvas

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

3月11日
2020年
5.6分钟
JavaScript原型链学习指南
JavaScript

我使用颜色与形状的可视化方法,将JavaScript中对象原型与原型链的抽象概念呈现在在涂鸦上,乍一看复杂,细看恍然大悟。

3月11日
2020年
8.9分钟
Promises学习指南
JavaScript

ES6 promise特性来自javascript走心的承诺。

3月11日
2020年
8.1分钟
正则表达式学习指南
JavaScript

除了RegExp对象的exec()方法和test()方法用于正则匹配,String对象亦拥有正则匹配的方法,比如search(),replace(),match(),split()。帅华君将这些内容梳理起来便于记忆和查阅。

3月11日
2020年
7.9分钟
Git常用命令汇总
GIT

git常用命令合集。

3月11日
2020年
3.5分钟
网站接入Github开发者平台
GitHub开发

以前用过weibo的开放平台授权登录,自从换了新域名就要重新申请微博开放平台,心想何不趁次换GitHub授权方式开发博客网站的评论功能。基于以下原因,我最终选择GitHub授权方式。

3月10日
2020年
9.9分钟
探索JS原型链规律性可视化
独立作品

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

3月10日
2020年
3.2分钟
HTTPie 学习指南
HTTP

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

3月8日
2020年
69.6分钟
[译] XMLHttpRequest规范
WebAPIAJAX

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

3月8日
2020年
0.7分钟
探索FUI风格竞赛排行榜设计
UI设计

基于canvas实时渲染竞赛排行榜单

3月8日
2020年
6.6分钟
图片渐进式加载方案探索
UED

谷歌图片采用纯色背景;知乎采用渐进模糊;微博的线框图等等预加载技术,目的都是为了让用户从感觉上无缝显示,给用户一种已经加载的满足错觉。本篇将讨论实现图片模糊渐进式加载的技术。

3月8日
2020年
3.3分钟
微信公众号开发前的准备
微信公众号

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

3月8日
2020年
3.9分钟
开启微信公众号开发者模式
微信公众号

本篇介绍如何配置用于微信公号开发的服务器。

3月8日
2020年
9.2分钟
劫持微信JS接口安全域名
微信公众号

本篇介绍通过修改本地DNS解析来绕过微信服务器的验证,搭建本地服务转发请求,获得配置JSSDK参数。

3月8日
2020年
3.1分钟
接收微信公众号普通消息
微信公众号

当普通微信用户向公众账号发消息时,微信服务器将POST消息的XML数据包到开发者填写的URL上。

3月8日
2020年
2.2分钟
验证请求来自微信服务器
微信公众号

如果公众号基于安全等考虑,需要获知微信服务器的IP地址列表,以便进行相关限制,可以通过该接口获得微信服务器IP地址列表或者IP网段信息。

3月8日
2020年
1.4分钟
接收微信公众号事件推送
微信公众号

微信用户与公众号发生交互时,用户操作通过事件推送形式通知开发者在开发者中心设置的服务器,开发者可获取并处理消息。

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

Leo陈帅华 · 2月13日留言 · 去围观

测试

陈帅华 · 10月9日留言 · 去围观

系统升级到macOS Catalina后,终端默认使用zsh shell,虽然之前没有听说过这个命令行工具,不过需要认识新的配置文件.zshrc,默认的每启动一个命令行都会执行这个配置文件。所以source .bash_profile需要每次启动新命令行工具后自动执行一次。

jannylz · 9月11日留言 · 去围观

请问在线体验入口在哪里?可否标注矩形框,可以拖拽类型的