当前按更新日期排序按发布日期排序

Airglass.js开发笔记:处理端口逻辑

airglass.js最佳实践
更新日期:2019年9月19日 星期四

在输入端口与输出端口连通的一瞬间,除视觉形式外,更大的意义是执行相应的逻辑。更严谨地说,端口之间并不是瞬间连通的,这取决于逻辑执行的时间长短,我规定,只有端口处理器将逻辑成功执行完毕才可以将输入端口与输出端口连接。从视觉上能直观反应出逻辑执行成功与否。

airglass开发笔记:节点间端口连通与断连

节点连接airglass.js最佳实践
更新日期:2019年9月19日 星期四

到目前为止,实现了通过已有数据渲染节点连接,还实现了从节点的输出端口拖出一条临时连线。在节点的输入端释放鼠标完成节点间端口对端口的关联关系。并解决如何断连端口之间的连线。

airglass.js最佳实践:创建模块连线

airglass.js最佳实践
更新日期:2019年9月16日 星期一

编辑模块间的关联关系。模块的输出端口是连线的起始位置,模块的输入端口是连线的终止位置。从任意输出端口拖拽出一条曲线去连接另一个模块的输入端口,从而建立起模块与模块之间的连接关系。除了创建关联,如何解除关联关系,以及如何给模块创建新端口或删除模块的多余端口。

Airglass.js开发笔记:可视化模块连接

模块连接可视化airglass.js最佳实践
更新日期:2019年9月15日 星期日

我特别为airglass.js新增了Module和BezierLine两个类。我所理解的模块就像一个个小黑匣子,黑匣子一面从输入端口接收外界信息,一面向外界环境中通过输出端口发送信息,每一个黑匣子都能相互连接。无需关心黑匣子内部如何运作,只需关心模块的输入和输出以及模块之间的关联关系。

标注预览与标注结果的导入导出

标注数据导入格式导出多边形标注airglass.js最佳实践
更新日期:2019年9月14日 星期六

使用Airglass.js第一个最佳实践标注了许多多边形标注区域,下一步就是将这些标注数据导出用于下一步工序。以及将标注数据导入继续编辑标注。统一数据导出格式,是实现正确导入导出的关键。

Airglass.js最佳实践:优化多边形标注体验

多边形标注颜色canvas编辑多边形区域airglass.js最佳实践
更新日期:2019年9月13日 星期五

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

Airglass.js最佳实践:标注多边形区域

canvas拖拽多边形canvas标注多边形airglass最佳实践
更新日期:2019年9月12日 星期四

我打算用Airglass.js重新实现网页版图像区域标注切割工具作为Airglass.js的第一个最佳实践。为此我为Airglass.js新增了Polygon类用来创建多边形。

[译] Javascript Web Notification API

webapijavascript
更新日期:2019年9月12日 星期四

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

[译] HTML Canvas 2D Context

canvascontext2drender
更新日期:2019年9月12日 星期四

该规范定义了HTML canvas 的2D绘图上下文,这个2D绘图上下文提供了一些对象,方法和属性来在canvas画布上绘制丰富的图像。

[译] socket.io官方文档·上篇

websocketsocket.io中文手册socket.io官方文档
更新日期:2019年9月12日 星期四

socket.io中文手册,socket.io让基于事件的双工通信成为可能,任何 平台,任何浏览器或设备均可使用。可靠,迅捷,平等。

[译] 《Eloquent JavaScript 第二版》数值

javascriptEloquent JavaScriptMarijn Haverbeke技术文章翻译技术干货
更新日期:2019年9月12日 星期四

这是一本关于如何让计算机处理你希望他们做的事情。现如今计算机和螺丝刀一样普遍,但是他们却隐藏着极为复杂的部分,因此理解他们并...

[译] socket.io官方文档·下篇

websocketsocket.io中文手册socket.io官方文档
更新日期:2019年9月12日 星期四

socket.io中文手册,socket.io让基于事件的双工通信成为可能,任何平台,任何浏览器或设备均可使用。可靠,迅捷,平等。

[译] MySQL参考手册·中篇

mysql数据库
更新日期:2019年9月12日 星期四

本篇文章将介绍MySQL的相关知识,通过展示如何借助mysql客户端用程序指令创建和使用一个简单的数据可。mysql是一个交互式程序指令工具,你可以借此连接到MySQL数...

[译] 前端架构

前端架构
更新日期:2019年9月12日 星期四

我想要构建一个多页面、支持多设备屏幕与分辨率、便于系统升级与维护、高性能、部分组件可重用的项目。

[译] Fabric.js入门—面向对象

fabricjscanvas
更新日期:2019年9月12日 星期四

对象模型/画布/图像/路径

[译] Fabric.js进阶—事件驱动

fabricanimationimage-filtereventstext
更新日期:2019年9月12日 星期四

动画/图像滤镜/颜色/渐变/文字排版/事件

[译] Fabric.js高级—后端渲染

fabricjs
更新日期:2019年9月12日 星期四

本篇介绍在服务器端使用FabricJS库渲染看不见的canvas,围绕fabricjs针对Node服务端的核心接口展开说明。

在线图像标注工具

陈帅华开源项目在线图像标注在线多边形套索工具
更新日期:2019年9月12日 星期四

基于canvas技术在图像上绘制多边形,最终得到包含透明通道的裁切后的base64编码图像,以及全部标注点位置坐标数据。

[译] D3.js非常官方的入门指南

d3dom操作数据可视化信息可视化
更新日期:2019年9月12日 星期四

D3js强大的基于数据的DOM操作。D3对web标准友好,提供了现代浏览器支持的全部功能,而无需依赖特殊框架。

[译] MySQL参考手册·上篇

mysql中文mysql文档mysql翻译数据库学习中文
更新日期:2019年9月12日 星期四

本篇文章将介绍MySQL的相关知识,通过展示如何借助mysql客户端用程序指令创建和使用一个简单的数据可。mysql是一个交互式程序指令工具,你可以借此连接到MySQL数...

MySQL实用命令汇总

mysql数据库
更新日期:2019年9月12日 星期四

MySQL数据库实用语法汇总

[译] MySQL参考手册·下篇

mysql数据库
更新日期:2019年9月12日 星期四

本篇文章将介绍MySQL的相关知识,通过展示如何借助mysql客户端用程序指令创建和使用一个简单的数据可。mysql是一个交互式程序指令工具,你可以借此连接到MySQL数...

探索Web前端获取音视频流录制视频

html5录视频前端录视频前端获取音视频流
更新日期:2019年9月12日 星期四

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

图解Arduino打造LED流水灯

arduinoled学习与成长记忆缺损
更新日期:2019年9月12日 星期四

先回顾Arduino基础,搭配涂鸦图解数字信号与模拟信号,逐步引导了解如果使用Arduino开发板制作了ED流水灯效果。

Airglass.js开发笔记:最佳实践的前奏

airglass.js最佳实践Airglass开发笔记
更新日期:2019年9月11日 星期三

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

Airglass.js开发笔记:起步

typescript构建类库设计继承类webpack构建类库airglass.js开发笔记
更新日期:2019年9月10日 星期二

Airglass是我在2017年的夏天想要启动的独立项目——基于Canvas技术开发一款支撑FUI/HUD视觉风格用户界面的基于面向对象思想与方便扩展组件的基础组件库。从本篇开始我会一边开发Airglass.js一边详解开发过程。

Airglass.js开发笔记:监听

canvas虚拟事件委托JS类的继承airglass的故事
更新日期:2019年9月10日 星期二

Airglass要做的是FUI/HUD风格UI组件库。用户界面自然少不了对界面交互的支持。利用事件委托的方式,canvas将监听到的鼠标和触摸事件派发给canvas中绘制的虚拟元素。我甚至让开发者能够订阅虚拟元素触发的各种定制化事件。从而实现用户操作canvas画布上虚拟UI的可能。

Airglass.js开发笔记:订阅

订阅canvas合成事件airglass的故事
更新日期:2019年9月10日 星期二

Airglass有层叠玻璃的概念,为此我创建了Glass类,并让Renderer类继承Renderer。Glass类实现了处理原生与非原生的合成事件的订阅与退订功能。每一层渲染器都可以订阅其他任何渲染器发生的事件。最顶层的渲染器用来捕获和发布外部原生事件,就像最上层玻璃能感知光线穿过,层层传递给下层玻璃。

Github项目因NPM依赖包版本低存在安全漏洞

github依赖包隐患npm依赖风险源代码与构建代码分离
更新日期:2019年9月10日 星期二

下午邮箱收到一连串GitHub推送的警告信息,说因为NPM依赖包版本存在安全漏洞。又由于牵扯项目太多,上次出现这一问题我是挨个项目升级NPM依赖包。于是换了一种解决思路。

交互式命令快速选择并构建前端项目

交互式命令行交互式CLINode命令行交互式构建前端项目
更新日期:2019年9月10日 星期二

文接上篇。我通过将项目源代码与构建代码分离的方法,解决了我托管在GitHub上的多个项目因存在构建代码相似和各项目NPM依赖更新频繁且重复的问题。本篇我将进一步在有多个前端项目的开发场景中使用交互式命令行——能够快速选择项目并构建项目。

最新留言

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

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

yizhibaozi · 8月28日留言 · 去围观

动起来哈哈

陈帅华 · 8月28日留言 · 去围观

学起来了

陈帅华 · 8月27日留言 · 去围观

避而不谈的是真相,需细细琢磨。
悬而未决的是争议,需从长计议。

陈帅华 · 8月27日留言 · 去围观

1. 你是知道什么是对什么是错?!
2. 你知道能决定你的行动的只有你自己?!
3. 你知道大多数人对你的一切的态度是冷漠,充其量抱着看热闹的心态?!

陈帅华 · 8月15日留言 · 去围观

Blender2.8变化蛮大的