6 帅华君

尚未进行身份认证

暂无相关描述

等级
TA的排名 17w+

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

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

2019-09-13 12:43:23

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

我打算用Airglass.js重新实现canvas版的LabelImg图像标注切割功能,作为Airglass.js的第一个最佳实践。实现图像的标注和切割,关键不是切割图像,而是如何标注多边形区域,获取标注点信息。为此我为Airglass新增了创建多边形的Polygon类。拖拽多边形和矩形或圆形不同的是,多边形的中心点坐标位置和多边形的边界是通过计算得来的。用户不断的为多边形增加新的控制点,因...

2019-09-12 18:05:39

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

Airglass,从碰撞的火花中,孕育一个种子,选对语言像选了对的舞台;配置一套构建环境像DNA按预定规则构建出各种蛋白质;不断完善的类继承关系像千丝万缕错综复杂的神经网络,诞生前的痛;添加事件监听器,像婴儿睁开了眼,接收来自这个世界的善意祝福;订阅事件,像身体各器官各细胞沟通协作。他登上了台。继承关系我将Airglass中凡是支持事件的类统一都去继承Event类。Element表示一类抽象...

2019-09-12 18:02:37

Airglass.js开发笔记:监听

Airglass要做的是FUI/HUD风格的UI基础组件库,自然少不了对UI交互功能的支持。我利用事件委托,将canvas监听到的事件派发给canvas中绘制的虚拟元素。我甚至让开发者能够订阅虚拟元素触发的各种定制化事件,例如创建和移除事件等。据此实现用户操作画布中虚拟UI的可能。继承性在起步走那一篇想法中,我在最后提到Airglass.js中类的定义以及如何梳理类之间继承关系这件事。对此,我...

2019-09-12 17:58:43

图解Gulp使用指南

gulp适合处理小微型任务,比如操作文件系统,包括移动、删除、重命名等操作。除了可以使用gulp插件,开发者还可以自己创建插件。安装必要依赖确保系统中安装了最新版本的node和npm。使用npm命令全局安装gulp-cli,随后在本地项目中使用npm安装gulp。创建配置文件gulp的默认配置文件是gulpfile.js,gulpfile.js中导出一系列任务,这些任务其实...

2019-08-06 23:44:54

Github账号授权登录开发博客留言功能

以前用过weibo的开放平台授权登录,自从换了要重新申请,心想何不趁次换GitHub授权方式开发博客网站的评论功能。基于以下原因,我最终选择GitHub授权方式:我使用GitHub的频率远高于使用微博,对娱乐八卦社会新闻不感兴趣; 自己博客网站里的内容编程一类居多,GitHub天生具有这一属性; 因为GitHub是开发者的聚集地,使用GitHub账号留言的用户,方便进一步互相学习。以前看...

2019-07-27 16:47:16

Arduino打造LED流水灯

作者:陈帅华-探索技术艺术与国学之美原文链接:http://www.shuaihuajun.com/article/arduino-flow-led/灯红酒绿的城市,瓜果飘香的乡村,视觉与嗅觉灵敏者的贪婪享受,哪种更沉醉;让城市灯红酒绿的工人,让乡村瓜果飘香的农夫,哪个更伟大。优秀的工人是也从枯燥的钉子堆里爬出来的;出色的农夫是从泥土种子的坚硬外壳里钻出来的。从点亮一个LED...

2019-07-25 22:39:33

基于Webpack构建前端页面

原文作者:陈帅华-探索技术艺术与国学之美原文链接:http://www.shuaihuajun.com/article/webpack-build-spa/当前端项目做多了之后,每次开始一个新前端项目,我都会配置几乎和之前无差别的开发和前端代码构建环境,虽说温故而知新,可量变最终是要质变的。为了解决我这一痛点以及喜欢尝试新鲜事物的心态,但又不想直接套用那些对学习具有核心价值的前端知识没多大...

2019-07-23 22:28:49

Arduino硬件开发入门点亮LED

原文链接:http://www.shuaihuajun.com/article/arduino-led/我现在手里有一套Ruff开发板套件和一套Arduino开发板套件。把Ruff开发套件中的所有传感器用了一个遍之后没玩够,于是开始把玩Arduino。没有对比就没有伤害真的是,虽然我真正接触Arduino时间不长,但就我自己的感觉来说,Arduino不论从程序角度还是从硬件角度上来讲都比Ruf...

2019-07-20 14:43:35

Ruff物联网开发套件轻松入门

原文链接:http://www.shuaihuajun.com/article/ruff-beginner/记得2016年大学刚毕业那个夏天,入手的Arduino开发板,由于对一些电路概念不熟悉在加上对Arduino开发使用的编程语言比较陌生,所以对Arduino的学习暂时搁置了。2016年10月上旬,开始在中科院信工所工作,闲暇时间比较多,有大量时间研究学习,于是入手Ruff开发板。Ru...

2019-07-19 17:28:06

JavaScript中bind、call、apply的用法

改变JavaScript中执行函数的this指向,用到call、apply和bind三个函数继承自Function.prototype的方法,三者功能相近又各有不同。在JavaScript中使用typeof关键字检测数据类型存在其局限性,比如无法区分数组、对象和null:typeof[]//->"object"typeof{}//->"object"typ...

2019-07-18 12:56:49

图解JavaScript对象属性四个特性

JavaScript中的对象属性除了有属性名和属性值,还包括其它有意义的特性,比如可写性、可枚举性和可配置性,还有setter和getter特性,这些特性对开发健壮的库非常有帮助。图解JavaScript对象属性四个特性我在上图中简单模拟了一处疑似重污染工厂的用水与排污系统模型,通过类比可视化帮助我理解JavaScript对象属性的4个特性:索取,代表工厂从大自然中索取洁净水源,水表记录了...

2019-07-12 21:13:39

图解JavaScript对象原型与原型链

图解JavaScript对象原型与原型链​​​​使用颜色、形状可视化Javascript中抽象的原型链概念:橙黄色实心代表函数,函数是可执行的对象; 橘红色圈圈代表prototype属性,且总是存在于函数对象中; 蓝紫色带箭头线段代表原型链的走向; 蓝绿色实心代表普通对象圈圈+实心组合形式的含义:橘红色圈圈+黄色实心代表prototype属性为函数对象; 橘黄色圈圈+蓝绿色实心...

2019-07-11 18:49:31

如何完成网站备案

大约5月中旬,阿里云通过邮件和站内信通知我——大致内容是关于shuaihua.cc域名需完善备案信息或是需要实名认证的事情。6月上旬我才注意到这件事。与此同时,我渐渐的开始不爽.cc这一顶级域名已很久,顺便注册了shuaihuajun.com这一新域名,记录这一过程便于日后查阅。修改备案信息将会重新走一遍备案流程,对于shuaihua.cc域名,需要修改的只是是备案信息中的联系方式;对于备案s...

2019-07-10 14:18:13

Nodejs搭建前后端分离开发模式下的微信网页项目

原文链接:《Nodejs搭建前后端分离开发模式下的微信网页项目》-陈帅华本文涉及对前后端分离及微信网页项目中的前端如何在本地环境中开发与调试的思考。主要问题1、如何配置微信公众平台开发环境2、如何配置微信网页项目开发环境3、如何解决前后端分离开发接口调用时的跨域问题4、如何解决微信服务器无法访问本地测试环境问题对于上面第一个关于如何配置微信公众号平台开发环境的介绍在帅华君之前的几...

2018-12-22 20:07:32

Nodejs实现微信网页授权及正确配置JS-SDK接口

帅华君将在本文介绍基于Nodejs实现微信网页授权以及如何正确在前后端配置JS-SDK接口。微信网页授权准备工作根据微信公众号接口权限说明,只有认证服务号才有获取用户openid及用户基本信息的权限,因此,开发者需要在微信公众号后台开发者工具找到公众平台测试账号:拿到微信公众平台的测试账号后,进一步设置与网页授权相关的选项,在测试账号页面下方的体验接口权限列表中,找到网页服务-网...

2018-12-22 20:03:49

理解Javascript中的闭包概念也会如此沉重

原文链接:http://shuaihua.cc/article/javascript/closure-of-javascript.php转载请注明出处,谢谢合作。去年10月写了一篇Javascript原型链的文章,反响不错(看评论里有说有其他博主没有注明原文出处还替我打抱不平,哈哈,你们好可爱,也不能怪他们呀,忽然想起了去年野狗复制我的文章到他们的微信平台也没有注明出处

2017-02-12 03:54:39

Javascript中的原型链、prototype、__proto__的关系

javascrip中内置的对象共12个,其中10个属于函数类型——String,Number,Boolean,Array,Function,Date,RegExp,Error,Object,Event,其中两个是对象类型——Math,JSON。函数类型拥有__proto__和prototype属性,对象类型只有__proto__属性,prototype和__proto__与原型链是什么关系?一图一文捋清楚。

2016-10-06 16:07:18

webpack其实没那么可怕——官方文档解读

翻译了webpack官方英文文档,整合互联网上对webpack介绍的教程,完整全面的认识使用webpack。

2016-10-04 00:01:07

理解Canvas中的transform、setTransform函数

阅读原文:http://shuaihua.cc/article/html5/canvas-transform.php先用transform坐标系变换绘制一个立方体绘制结果源代码ctx.save();ctx.translate(win_width/2-50,win_height/2-50);//后ctx.save();ctx.transform(1,-0.05,0,1,

2016-10-03 23:56:30

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。