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

socket.io基于WebSocket协议封装,兼容不支持ws的浏览器采用ajax轮询,socket.io为开发者提供服务端和客户端两套库,无需了解全部ws底层原理,好入门,上手快。学会socket.io后可搭建类似QQ和微信这种即时通信工具的Web版,既可以一对一对话也可开房间组队创建聊天群组,我尝试过传输的媒体类型有文本、图像两种,数据都可由1和0表示,所以理论上可传输任何媒体形式。

2017年9月7日发布预计阅读35.0分钟
Blender建模导入Three.js渲染

Blender 是一款非常优秀的免费开源 3D 创意软件,支持 Windows、macOS 和 Linux 界面操作系统,支持众多常见的导入和导出格式。Three.js 是一款由 JavaScript 语言编写的用于 Web 端展示的优秀 3D 开源库,常在 Web 游戏、可视化、真实场景模拟等领域中被使用。两款优秀且开源的 3D 创意工具的碰撞,必定能为产品、设计师和前端工程师带来无限创造力。

2019年8月13日发布预计阅读6.1分钟
[译] Fabric.js高级—后端渲染

Fabric.js高级教程包括了在画布上自由涂鸦;从画布输出图像;在Node环境使用Fanric.js;与画布、对象元素矩阵变换相关的工具函数和方法;我认为最值得学习的是在Node环境使用Fabric.js,首先它拓宽了Fabric.js的应用场景,其次它丰富了无界面的后端环境下的图像处理技术栈。

2019年1月22日发布预计阅读3.8分钟
在线图像标注工具

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

2018年12月9日发布预计阅读4.4分钟
[译] socket.io官方文档·下篇

socket.io基于WebSocket协议封装,兼容不支持ws的浏览器采用ajax轮询,socket.io为开发者提供服务端和客户端两套库,无需了解全部ws底层原理,好入门,上手快。学会socket.io后可搭建类似QQ和微信这种即时通信工具的Web版,既可以一对一对话也可开房间组队创建聊天群组,我尝试过传输的媒体类型有文本、图像两种,数据都可由1和0表示,所以理论上可传输任何媒体形式。

2017年11月16日发布预计阅读15.0分钟
Node服务端编辑Excel表格

实现多种数据格式精准插入单元格,支持在excel中创建多个Sheet,并支持.xlsb .xls .csv .txt等多种数据文件导出格式。

2018年12月5日发布预计阅读11.9分钟
Canvas实现实时画面直播

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

2019年1月5日发布预计阅读2.9分钟
[译] Fabric.js入门—面向对象

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

2019年1月17日发布预计阅读5.2分钟
前后端分离开发微信网页端项目

我将在本文中阐述我对前、后端分环境开发——尤其是在微信公众号网页端项目中前、后端如何分环境开发——的思考。

2018年12月15日发布预计阅读13.0分钟
Ai绘制SVG矢量图CSS3做动画

Ai 的全称是 Adobe Illustrator。就像 Ps 的全称是 Photoshop 一样。他们都是 Adobe 公司旗下优秀的图形图像创意产品。Ps 面向摄影师,Ai 面向矢量图形设计师。Ai 和前端的结合点在于 SVG。在 Ai 中制作的矢量图形能导出成 SVG 格式的文件。SVG 又能通过 CSS 控制其部分样式。CSS3 新增了 transform 属性和 keyframe 特性,所以 SVG 配合 CSS3 就能制作出有意思的动效出来。

2017年3月20日发布预计阅读3.7分钟
微信网页端获得用户授权

帅华君将在本文介绍基于Nodejs微信网页授权以及如何正确在前后端配置JSSDK接口。

2018年12月22日发布预计阅读6.4分钟
JavaScript原型链学习指南

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

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

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

2019年10月4日发布预计阅读4.2分钟
常用基于Node命令行工具

偶尔需要更新命令行工具版本或者更换电脑的时候,许多命令行工具的安装和配置细节已经记不清,所以汇总记录下来。

2019年8月1日发布预计阅读2.6分钟
微电路流光动效

在信工所的这段时间,收获最多的却是我。FUI视觉语言,极具科幻感。

2018年7月14日发布预计阅读1.8分钟
[译] Fabric.js进阶—事件驱动

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

2019年1月17日发布预计阅读5.9分钟
Arduino硬件编程入门

由于Ruff的不成熟给开发带来诸多不便,弃坑Ruff拥抱Arduino,从点亮一排LED入门Arduino开发板的学习吧。

2019年7月19日发布预计阅读11.8分钟
使用Animate设计动画图标

我深知灵感从来都不是容易出现的,我不是一位需要随时都有灵感的专业的创意设计师,而是一名大部分时间依靠足够丰富的编程经验就能搞定事情的前端工程师。一点新鲜感,加一点点突如其来的灵感,为了不浪费这来之不易的灵感,我为自己的个站设计了几枚动态图标。这篇想法我要分享自己是如何使用 Adobe Animate CC 为自己的个站制作小而美的动态LOGO的。制作逐帧动画真的需要很大的耐心。如果完成一枚动态LOGO需要100%的精力,一瞬间的灵感只占30%,剩下的70%用专注和耐心灌溉,坐得住很重要。

2018年4月11日发布预计阅读4.2分钟
探索JS原型链规律性可视化

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

2019年10月6日发布预计阅读9.9分钟
缓存公众号的access_token

本篇介绍如何获取ACCESS_TOKEN并将其缓存,以避免接口调用次数超额。

2017年9月5日发布预计阅读4.9分钟
回到主页
陈帅华动态先知道,请关注一个教程。
一个教程微信个人订阅号
笔友最新留言
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日留言《在线图像标注工具》
请问在线体验入口在哪里?可否标注矩形框,可以拖拽类型的