Sword Wang

Shanghai 292 posts

Overlook Logo设计

Overlook是自己在公司搭建的一个小应用,负责管理前端CSS的依赖关系,由React+Express构建。虽然前端代码是自己的本职工作,但一直以来自娱自乐地为自己的项目设计logo也是兴趣之一,所以就找了个晚上抽了两个多小时绘制了新的logo。 overlook是俯瞰的意思,如果要关联动物的,很明显最合适的就是“鹰”。在没有开始绘制之前,其实这个概念已经在脑子里嚼味了一段时间了,在尝试几种设计图形之后,最后还是选择了这个抽象度比较折中的版本: 鹰头的“型”是抓了很久才达到自己满意的,多个版本之后我觉得“勾嘴”、“利目”以及“颈羽”是必须的三个点,最后多次固化和调整才完成。logo的精度并不高,毕竟时间有限,但对于这种型比较重要的线条,盲目添加数学范式上去往往适得其反,所以时间不够的话不如不去硬靠了—…

更新Ghost到1.x.x

1.0比起0.11改变还是非常大的,官方换了数据库,数据只能通过导入设置,等于要重建一个Ghost,然后零零总总地做好各种关联,特别是对我这种已经对Ghost有部分定制的用户不怎么友好。前前后后搞了快一个小时,还各种出错,当然官方提供的新工具ghost-cli还挺好的,想着以后更新不必这么痛苦,就咬咬牙挺过来吧。…

书评《JavaScript启示录》

《JavaScript启示录》英文原版名称《JavaScript Enligbtenment》,作者Cody Lindley,基本看名字不知道是说什么的,启发类的书?2014年第一版,印数3000,我买到的是2次印刷,印数3001-3500,可见这本书在国内依旧属于比较冷门。…

书评《编写可测试的JavaScript代码》

今天写的书叫做《编写可测试的JavaScript代码》,英文原版名称《Testable JavaScript》,作者Mark Etban Trostlter,译者徐涛老师。我买到的是2015年2月第一版,印数3000册,字数31万。从出版信息可以看出这本书还是相当偏门的。好在时间上并不算很老,并且可以说是JavaScript里相当少见的专门谈论测试的书籍。…

深入JavaScript with语句

一般而言,所有写JS的人都有一个通常的概念:“不要用with语句”。这个准则毫无疑问一直是正确的,但要说为什么的话,并不是每个人可以回答的很好。是否去回答这个为什么并无多大意义,因为只须记住结果“不去用”就完全足够。然而去深入的理由还是有的,刚好最近有人这么问起我...刚好自己想总结一下...刚好这个题目作为草稿在博客后台躺了很久...但说到底,套用最新一话琦玉老师句式,“还是因为我很闲吧”... with语句 with的初衷是为了避免冗余的对象调用: foo.bar.baz.x = 1; foo.bar.baz.y = 2; foo.…

text-overflow与文本截断

CSSer对text-overflow肯定是非常熟悉的,并且,对于单行文本的截断,包含了text-overflow: ellipsis;的这3行代码,可能也是我们最为惯用的。 text-overflow: ellipsis; overflow: hidden; white-space: nowrap; 这小段CSS甚至兼容至IE6,毕竟text-overflow: ellipsis;原本就是IE的专属,于是早期文本截断的抗争主要是在Firefox上,直到Firefox7.0,我们才抛开对于FF的伎俩而专注使用这段代码。当然多行截断还是没戏,在一些跨浏览器兼容要求较高的场合,前端一度需要后端帮忙截断内容。 虽然也不是没有其他方式实现多行的文本截断,但对于当时的浏览器形式而言不可能全部照顾到位。比如现在可以用伪元素:after定位在多行的结尾,并施加一个渐变过渡来模拟截断。 .clamp{…

博客的回归

今天清理一下朋友们的链接,有好几年没更新的,有变成了跳转的,有只留了几行字意义不明的,还有域名索性处于出售状态的,却唯独没有依旧还在专注于书写的...想到自己也很久没有码字,顿觉惭愧。虽然家里出了些事,但说到底还是懒惰作祟,一旦停止了练习,得到的技术也会以成倍的速度变得生疏,长久不码字的后果就是文本表达力的退化——以前能娓娓道来的话题,如今手指却在键盘上如履薄冰,敲击的甚是艰难。 但翻翻过去自己的博文,能够明晰地知道自己的成长,还有些回忆实在不能说放就放,所以,加油继续写吧:) 也要感谢一直以来支持我的读者,特别是订阅RSS的看官和留下评论吐槽的过客。今后关于技术类的博文我会在放在Github存档,不想受到我生活向文章影响的话,可以直接移步至Github。而这里依旧会混合着发布内容。 自工作以来,没有间断地写博客已逾8年,回想起来仿佛就在眼前,…

JavaScript的守望者

最近整理了一下收藏夹,发现了很多有趣的陈年旧物。好几百个链接,很多都已经过期了,相对来说依旧是国外的链接存活率要高的多,可见国内网站生存条件之不易。用以前团队同事的话来说,这是“清理体内残留的代码”。 今天要写的是IBM developerworks在2010-05-04发布的JavaScript 框架比较,到现在整整7年之久。毫无疑问2010年的我们还在挣扎在IE的泥潭里,如今回过头来看其实时间过得也相当快。当时这篇JavaScript 框架比较是相当全面的,作者从各个角度详尽对面了当时流行的JavaScript框架: Prototype jQuery YUI ExtJS MooTools 每一个都是前端耳熟能详的名字,但如今有些却已罕有听闻。截止本文发布,简单对比了一下Github的数据: Prototype jQuery YUI…