在使用 p5js 进行 processing 练习或者创作的时候,要经常查阅到p5js的官方 api 文档[1],但你知道吗?这个文档里面有一个“隐藏”的大佬。 为啥称之为“隐藏”?...p5js-drawingContext官方文档[2] 就 '2d' 模式而言,drawingContext是CanvasRenderingContext2D类的实例,CanvasRenderingContext2D...绘制阴影 效果:一个跟随鼠标运动的圆,圆的阴影色为黑色,且阴影的模糊范围是 100。...参考资料 [1] p5js的官方 api 文档: https://p5js.org/reference/ [2] p5js-drawingContext官方文档: https://p5js.org/reference...如果有收获,能一键三连么?
当页面中包含自动播放视频的flash播放器时,flash的流媒体播放会一直不停的下载视频(哪怕你点击了播放暂停/停止也一样在不停下载),这样会影响到页面其它元素的加载。...最简单的优化办法就是让Flash一开始不要播放:当然,你可以修改fla源文件,让视频播放一开始就处于暂停,直到用户点击了播放按钮。...但问题是,如果您嵌入的是没有源文件的flash动画,这种路子就走不通了。 思路: 可以先在放置flash的地方,放一张小图片,点击图片后再把图片元素换成对应的object标签。 运行代码 (注:如果点击运行代码后报js
【本文被整理到cocos2d-js官方介绍中:http://cn.cocos2d-x.org/tutorial/show?...现在正好拿素材来做个cocos2d-js的版本。暂时在手机上运行闪退,还没时间看具体原因。 在chrome下运行,内存控制还不错,可见cocos2d-js的对象池和粒子系统的回收都做得不错。...http://kenkozheng.github.io/cocos/hungry_hero/index.html 代码地址: https://github.com/kenkozheng/cocos2d-js...对象池(cc.pool) 3、粒子系统(cc.ParticleSystem) 4、位图字体(cc.LabelBMFont) 5、批量渲染层(cc.SpriteBatchNode) 游戏简介: 超人目标是吃尽可能多的食物
Flash和js交互的效率分析 AS代码: var time:int = getTimer(); for (var..."hasReturn" ); //8371ms } trace(getTimer() - time2); JS...} 在i5机器下跑,试了几次,数据如下: noReturn: 4182 4085 4130 4085 hasReturn: 4425 4474 4449 4328 这样看来,flash...和js交互效率非常低,不适合不断的调用。...这个分析,看起来好像很无厘头,但是否有更好的方法写一套代码,让html5和flash都运行起来呢?
Shumway is a Flash VM and runtime written in JavaScript https://github.com/mozilla/shumway 代码位于shumway.../src/compatibility.js"> </script...swf=path/to/swf/file 结论: 支持AS3教全面,甚至支持Box2D物理引擎; 对复杂flash解析仍然不够不如swf2js,不建议使用。
检查浏览器是否启用flash控件,需要先检查浏览器是否支持ActiveXObject,可以使用typeof检查window.ActiveXObject是否等于undefined。...undefined" 如果,window.ActiveXObject不等于undefined,使用new ActiveXObject("ShockwaveFlash.ShockwaveFlash")返回flash...Safari等现代浏览器不支持ActiveXObject,它们支持navigator.plugins检查浏览器插件,因此谷歌、火狐等浏览器都可以使用navigator.plugins检查浏览器是否启用flash...插件,可以使用下面的代码返回flash插件: var swf = navigator.plugins['Shockwave Flash']; 封装一个兼容性代码: function hasUsableSWF...true : false; }; 上面的hasUsableSWF检查浏览器是否支持flash,如果支持返回true, 否则返回false。
最近笔者在阅读《深入浅出Node.js》,结合查阅的相关资料,本文算是一篇 Node.js 笔记。 Node.js 是基于 Chrome V8 引擎的 JavaScript 运行时环境。...浏览器和 Node.js 的结构是相似的,比如它们都是通过事件驱动的异步架构,浏览器通过事件驱动来完成界面 UI 交互,Node.js 通过事件驱动完成服务 I/O。...既然是异步 I/O,那什么时候去指定这个任务呢?跟浏览器一样,Node.js 也有一套事件循环的机制。...Node 是基于 libuv 实现跨平台的,它处于操作系统与 Node.js 上层模块之间。libuv 也是很多系统实现跨平台的基础组件。...什么场景下使用 Node.js 适合场景 上文提到,Node.js 是单线程、使用非阻塞 I/O 调用,这允许它支持数以万计的并发支持(在事件循环中维持)。
这是鄙人的亲身经历,1999年开始接触Flash技术,2000年向 Macromedia提交了Flash AS1的Math相关算法而成为beta tester,2003年是Macromedia Flash...Flash开始走下坡路业界都认为是从苹果乔布斯的那篇檄文而起。没错,那篇檄文是Flash开始走下坡路的开始,后续的一系 列对Flash的不利消息又接踵而来,都给Flash造成了沉重的打击。...Macromedia 虽然是Flash官方,但是最后一个进场,而且当时中移动已经初定一家山寨Flash的产品成为标准,称之为MFlash。...好吧,这个蛋疼的流程虽然我不知道当初是谁制定的,但 是结果就是,我有款新上市的手机有植入Flash的计划,我要先把我的硬件信息全部公开给第三方进行评估,而且手机将来能否出货,要先等几个月的 Porting...例如Visual Studio虽然也可以支持HTML5和JS开发,但是相比C++,C#在VS中的集成工作流,待遇显然就是一个不招待见的“干儿子”。
第一次听到RPO,我以为是专门割韭菜的IPO,加上说这话的人不断对我挤眉弄眼,以至于我手抖,怎么搜都搜不到这个技术名词。 到了最后我才弄明白,他说的是RPO,而不是IPO,是灾备场景中的名词。...RTO = Recovery Time Objective = 恢复时间目标 RPO = Recovery Point Object = 恢复点目标 其差别,一个是Time、一个是Point。...值得注意的是,任何宣称RTO=0和RPO=0的厂商,都是在吹牛皮。 单机服务 对于单机服务来说,从故障到恢复正常服务,它的间隔时间不可能是0。...但如果数据写入的恰好是A机房的这三个节点,数据还没有完全同步到B机房,那同步时间间隔内的数据就会丢失。...所以智能的服务还要有能够识别出机房和zone的能力,以便在发生问题时,B机房起码有一份数据时刻是最新的。
在软件开发的过程中随着业务的复杂,产生缺陷是在所难免的,而发现缺陷修正缺陷的代价也会越来越大,当业务价值和缺陷共存的时候是追求0缺陷还是追求业务价值最大化成为了相当困难的抉择。...价值优先还是质量零缺陷优先谁说了算 最后做什么是PO产品负责人说了算,但是责任是团队共担的。...所以DevOps持续交付能力是构建适应变化的基础,另一方面的难度在于团队对于质量的定义,也就是用户故事中虚拟角色所需要的价值。是更多考虑游戏中的硬核玩家还是更多普通玩家呢?
夏日的美好 本文是来自一位前端人员的吐槽,笔者自己在做接口测试的时候,也会发现各类不太合理的接口定义,看看前端人员怎么说。...一个接口可以10分钟搞定,复杂的搞个一周都有可能,有时我们在项目中可能急于完成任务,而忽视了其他方面,但,我认为有些问题是可以提前避免的。 01 接口能实现功能就可以了吗?...什么是好的接口? 一个能满足需求实现的接口远远达不到“好”的标准,我相信大部分的Java工程师都可以写出满足需求实现的接口,但是并非所有人都能写出好的接口。.../模块下的,后面就不需要再出现了,应改为:dashboard/group/treeList 笔者注:这个是规范的问题,产品级的系统,还是要注意规范化编码,减少人为障碍。...问题三:路由风格要统一 接口风格不统一,有些是Rest风格的,有些不是Rest风格的 问题四:所有接口全部合成一个 上图是某项目的销售简报,从电商迁移过来的,一个页面中有多个图表,但全部用一个接口查询返回
本文是来自一位前端人员的吐槽,笔者自己在做接口测试的时候,也会发现各类不太合理的接口定义,看看前端人员怎么说。...一个接口可以10分钟搞定,复杂的搞个一周都有可能,有时我们在项目中可能急于完成任务,而忽视了其他方面,但,我认为有些问题是可以提前避免的。 01 接口能实现功能就可以了吗?...什么是好的接口? 一个能满足需求实现的接口远远达不到“好”的标准,我相信大部分的Java工程师都可以写出满足需求实现的接口,但是并非所有人都能写出好的接口。...问题三:路由风格要统一 接口风格不统一,有些是Rest风格的,有些不是Rest风格的 问题四:所有接口全部合成一个 上图是某项目的销售简报,从电商迁移过来的,一个页面中有多个图表,但全部用一个接口查询返回...往期推荐: 测试团队的一次复盘实践 接口测试断言 你写的接口脚本合理么 事务一致性测试 研发效能度量指标的陷阱思考
在JS中有一类特殊的函数 —— 标签函数,用于自定义模版字符串的处理逻辑。...内置的标签函数 JS中只有一个内置标签函数 —— String.raw,用于获取模字符串的原始字符串形式,即: 处理替换(例如替换${name}为变量实际的值) 不处理转义序列(例如 \n) 对于如下代码...要实现一个简易的String.raw也很简单,比如下面的myRaw,其中: strings参数是保存原始字符串的数组 values参数是保存所有替换变量的数组 function myRaw(strings...身份标签 标签函数的一个有意思的应用场景是「定义身份标签」,也就是告诉编译器「接下来这段模版字符串是什么语言」。...举个例子,我们在JS文件中定义两个变量(markup与style),IDE此时只认为这是两个普通的模版字符串(没有语法高亮): 现在,我们将String.raw分别重命名为html和css: const
varint是使用一个或多个字节序列化整数的方式,他可以把一个固定字节的整数编码成变长字节。...varint编码中每一个字节的最高位都不用来存储数字的真正表示,而是表示当前字节是否还属于当前数据,1代表是,0代表不是(也就是该字节是当前数据的最后一个字节数据)。...每一个字节的低7位用于以7位为一组存储数字的二进制补码表示,最低有效数组在前,这也就表明varint编码是按照小端序来排列的。
undefined" 如果,window.ActiveXObject不等于undefined,使用new ActiveXObject("ShockwaveFlash.ShockwaveFlash")返回flash...Safari等现代浏览器不支持ActiveXObject,它们支持navigator.plugins检查浏览器插件,因此谷歌、火狐等浏览器都可以使用navigator.plugins检查浏览器是否启用flash...插件,可以使用下面的代码返回flash插件: var swf = navigator.plugins['Shockwave Flash']; 封装一个兼容性代码: function hasUsableSWF...ActiveXObject("ShockwaveFlash.ShockwaveFlash"); }else{ swf = navigator.plugins['Shockwave Flash...true : false; }; 上面的hasUsableSWF函数检查浏览器是否支持flash,如果支持返回true, 否则返回false.
那些写程序员不是吃青春饭的文章,基本上都是这两点理由:第一见着的老程序员写代码都超级牛叉,小年轻都自愧不如,人家收入还很高;第二国外人家程序员写到退休的有的是啊。...基本上就这两点吧,这两点第一点说的是岁数大的技术大牛,第二是外国人,各位对号入座觉着自己能成为岁数大写代码很牛叉的那个还是能成为外国人呢? 编程这个工作并没有多少年的历史。...有一个公认的的结论就是,程序员一个是需要长期不断学习新知识的工种,老程序员的弱点就是在学习新知识这块,精力的确不如年轻人。...再有一些公司,有一些程序员是可以自己主动转职的,比如转实施或者转测试啊等等,代码写的没那么牛就可以想办法改成公司中的其他工种,这也是转型,有很多人就写了一两年代码就改行了,发展其实也未必比程序员差。...如果不转型的话,岁数大一些以后,就得琢磨养老问题啦,最好是找一个公司比较稳定,不经常换技术的公司,今天学安卓明天学ios的这种公司就不要待了,开了一辈子车的老司机也不习惯今天学开装载机明天学开挖掘机。
要回答这个问题,就要搞清楚这里的所谓的“做东”主要是为谁提供怎样的服务,这里: 客人(被服务的对象)是运行在MCU上的程序; 服务主要是 Libc 所许诺提供的服务; 与大家一般意义上的理解不同: 这里的主人并非是...(然而并不是,哈哈哈……) 【Semihosting是如何成为嵌入式“阑尾”的】 正如前面所说,Semihosting是一种由PC上运行的调试程序(Debugger),经由调试仿真器(Debugger...其中 BKPT 是Cortex-M 的 Break Point(软件断点)指令,而常数 0xAB 则是 Semihosting 专用暗号。...下面是Semihosting所覆盖的libc功能的主要类别: 1....Compiler 5向Arm Compiler 6迁移必经之路上的拦路虎之一就是名为BKPT 0xAB的Hardfault: 你以为你写了 int main(void) 编译器就不给main()函数传参数了么?
前言 前几周做了个使用Selenium的项目,踩了好多好多好多的Selenium的坑,越来越感觉他作为一个第三方库,对于Chrome的操作实在是有局限。...另外,推荐大家一个Selenium之外的操作浏览器的选择:puppeteer(https://github.com/GoogleChrome/puppeteer),是来自谷歌的库。...好了,收回来,Selenium很多难解决的问题,我们要首先想到从JS脚本出发,毕竟Selenium还是支持驱动浏览器运行JS脚本的。...issue 2676: Some ChromeDriver status codes are wrong [[Pri-2]] Resolved issue 2665: compile error in JS...运行,chrome67版本可行,75版本提示升级flash * @param driver * @param url */ public static void allow_flash
因此,之前有大牛提出,不要在 JS 中使用位运算: Javascript 完全套用了 Java 的位运算符,包括按位与&、按位或|、按位异或^、按位非~、左移>和用0补足的右移>>>...这套运算符针对的是整数,所以对 JavaScript 完全无用,因为 JavaScript 内部,所有数字都保存为双精度浮点数。...但是在我看来,如果对 JS 的运用达到炉火纯青的地步,能避开各种“Feature”的话,偶尔用一下位运算符也无所谓,还能提升运算性能,毕竟直接操作的是计算机最熟悉的二进制。...位运算的原理可以参考这篇文章 《位运算符在JS中的妙用》 1....9. n & (n - 1),如果为 0,说明 n 是 2 的整数幂 ? 10. 使用 A + 0.5 | 0 来替代 Math.round() ? 如果是负数,只需要-0.5 ?
Redis 现在已经十分流行,互联网几乎所有项目都会用到,在使用 Redis 时,你知道是如何保证稳定和高效的提供服务呢,它的架构演化路程是什么呢?...哨兵集群 有了主从复制就万无一失了么?答案是否定的。 因为我们通过人工介入来实现主从切换的,就必须要算上人的反应时间、操作时间,所以,在这期间你的业务应用依旧会受到影响。 如何把这个过程自动化?...哨兵是 Redis 的一种运行模式,它专注于对 Redis 实例(主节点、从节点)运行状态的监控,并能够在主节点发生故障时通过一系列的机制实现选主及主从切换,实现故障转移,确保整个 Redis 系统的可用性...Redis 集群是一种分布式数据库方案,集群通过分片(sharding)来进行数据管理(「分治思想」的一种实践)。 将数据划分为 16384 的 slots,每个节点负责一部分槽位。...是一个无中心架构,并提供复制和故障转移功能。 展望未来 Redis 受欢迎主要原因是极高的性能以及丰富、方便使用的数据结构,这些简单好用的数据结构大幅度降低开发业务复杂度。
领取专属 10元无门槛券
手把手带您无忧上云