仅显示以下 8 篇标记「featured」的文章。查看全部文章

聊聊 Unicode 中的组合字符(Combining Character)

2019-09-03 by Dron

在字体排印学中,组合字符(Combining Character)是用来改变其它字符所用的字符,这些字符可以添加到目标字符周围或覆盖目标字符,例如汉语拼音字母「ü」上面的两个小点,或「á」、「à」字母上面的音标。

组合字符通常的用法为:将组合字符 置于需要修饰的目标字符后边,使目标字符被渲染(或打印)成相应结果。

一组你值得拥有的 Markdown 中混用 HTML 案例

2019-08-23 by Dron

Markdown 基础语法(见附录)已经无法满足日益丰富的信息内容,好在 Markdown 支持直接写 HTML,让扩展成为可能。

本文罗列一些常见的、实用的扩展案例,尝试设定规约,通过用少量的 HTML 代码作为 Markdown 的补充来辅助排版,并且保持简明直观的语义。

如果你是一个完美 Markdown 控,对于混用 HTML 的情况实在无法接受的话,可以不用往后阅读了。

Map 的两个小扩展

2018-09-03 by Dron

在以前,实现数据映射,我们利用给对象属性赋值,就像这样:

var mapping = Object.create( null );
mapping[ key ] = value;

ES6 的 Map/WeakMap 提供了更为便利及语义化的用法,功能更加强大,key 支持所有数据类型:

const mapping = new Map;
mapping.set( key, value );

通过继承 Map/WeakMap,很容易扩展功能,以 Map 为例,本文讲述一个带 过期控制持久化 能力的 Map 扩展。

三门问题和 JavaScript 仿真实验

2017-05-20 by Dron

1990 年 9 月美国《广场杂志》的「请教玛丽琳」专栏,曾刊登如下逻辑题:

假设你在进行一个游戏节目。现给三扇门供你选择:一扇门后面是一辆轿车,另两扇门后面分别都是一头山羊。你的目的当然是要想得到比较值钱的轿车,但你却并不能看到门后面的真实情况。主持人先让你作第一次选择。在你选择了一扇门后,知道其余两扇门后面是什么的主持人,打开了另一扇门给你看,而且,当然,那里有一头山羊。现在主持人告诉你,你还有一次选择的机会。那么,请你考虑一下,你是坚持第一次的选择不变,还是改变第一次的选择,更有可能得到轿车?

简述年会新春特别奖的前端实现

2016-05-17 by Dron

回乡心切,去年年底我早早的就撤了,年会并没有参加,亲手为年会定制的一个烟花抽奖程序——新春特别奖,年会时的现场秀也因此没能感受到,遗憾之余听说 @文龙 中了头奖,心里平衡了许多:三天时间的开发总算没白忙活!

写本文前,我将程序简单做了下脱敏和静态分离:

进入页面后,片头动画开始播放,「你」划燃火柴,转身面向炮仗,进入等待状态(此时应该跟观众唠唠家常,提高下神秘感);待唠瞌尽兴,「你」将火柴移向并点燃引信,待引信燃尽,炮仗应声升空,爆炸,焰火奇迹般的组成一个花名(中奖者),拍照留念,背景持续燃放烟花,完毕。

本文将介绍该效果的前端实现。

码农自己当老家新厝的设计师

2016-05-06 by Dron

这篇文章迟发了大概一年半的时间。

有朋友已经知道这段时间我在做什么了,是的,我在农村老家新筑起了一个巢,目前施工(毛坯 + 装修)基本完成,剩下极少的收尾,而真正令我兴奋的:房子是我亲手设计的!

前年在考虑先买房还是先在老家自建时,犹豫得比较久,不过能自己体验一把设计,想想就激动,内心便十分笃定了。

小球是怎么落入指定球洞的?

2016-01-18 by Dron

这篇文章首发在 淘宝前端团队博客,现在转发到作者自己(也就是我本人)的博客上。

不知大家是否还有印象,淘宝玩法平台(一个内部系统)前不久发布了一款新的游戏 —— 小球入洞,该游戏伴随着淘宝技术部去年双 11 当天举办的一次抽奖活动,第一次在大家面前亮相。

游戏支持预先设定必中奖项:离开发射器的小球在来回弹跳一阵之后,不偏不倚的落入到指定奖项对应的球洞中。体验该功能,可在游戏测试页右侧选项区进行如下的设置:

本文试着介绍游戏的这个「掉落至指定球洞」的功能,讲的偏思路,并不涉及公式和代码,我尽可能直白,如果你觉得晦涩,可以在评论处我们接着探讨。在继续之前,为了表达上的方便,我将对游戏在视觉上进行如下图的划分:

Math.random() 二三事

2015-12-07 by Dron

这篇文章首发在 淘宝前端团队博客,现在转发到作者自己(也就是我本人)的博客上。

随机数是统计学领域的一个重要概念,对于游戏来说同样意义非凡,用好随机数,可以使你的游戏更真实、更人性、富有魅力。