使用 .toLocaleString() 轻松实现多国语言价格数字格式化

最近在项目中遇到了多语言价格格式化的需求(即 $2399 => $2,399 的转换)。在过去做大陆站时显然是没有这种需求的,因为千位分隔符(group separator)是为了方便快速看懂大数字位数,根据英语的千位分位方式(千、百万、十亿、万亿)而设置的。中文虽然国标规定四位以内的整数可以不分节,但所有主流网站对更大的数字也都没有进行数字分节。因为千位分隔符对中国人来说本身就是没有卵用的东西,中文即便使用数字分位,也是万位分位方式(万、亿、兆)。


继续阅读

发表在 前端开发 | 标签为 , | 留下评论

[译] JavaScript 数组方法:变异 vs. 非变异

本文翻译自:JavaScript Array Methods: Mutating vs. Non-Mutating

JavaScript 提供了许多方式去增加、删除和替换数组中的元素,有些会作用到原数组本身,有些则不是——它们会返回一个新数组。

接下来,我会分别列举如何使用变异或非变异方法来实现这三个操作。文章末尾还会展示如何通过非变异方法 array.map() 来遍历数组并转化其中的元素。

虽然在这我没有列举一个详尽的列表,但是下面基本包含了数组所有的基础操作方式。
继续阅读

发表在 前端开发 | 标签为 , , | 留下评论

在 WebStorm/PhpStorm 中开启对 Vue.js 的完美支持

JetBrains 家的 PhpStorm(WebStorm) 是我近几年来一直使用的 IDE,它改变了我从 Dreamweaver 4.03 时期起就对 IDE 的各种偏见。虽然相比现代编辑器,它们在新技术的跟进不如编辑器完全依靠插件的方式(但也往往导致插件质量不高)快捷,但在开发大中型项目时 IDE 还是有其独到的优势。
继续阅读

发表在 前端开发 | 标签为 , , | 2 条评论

二〇一七,恢复博客更新

眼瞅着 2017 年春节假期都要结束了,这个博客也荒废了快 4 年(虽然我其实每隔几天都会登录后台查阅是否有新评论)。翻了翻之前文章的评论,发现大部分朋友的域名都过期了,但仍有少数朋友坚持着、勤奋地更新着博客,无比钦佩。

为什么在国外依旧活跃的博客圈子,在国内只红火了几年就迅速被微博和朋友圈淘汰了呢?我觉得那些地方都是生活的流水账,博客才寄存着自己为互联网创造的价值。

不知道还有多少朋友使用 RSS 服务,在此只想说声,2017,继续写博。

发表在 不想分类 | 9 条评论

在 WebStorm/PhpStorm 中开启对 Compass 的支持

在最新的 WebStorm/PhpStorm 6 更新中,加入了一系列优秀的前端开发工具。其中的 File Watchers 功能可以自动编译诸如 Sass、SCSS、LESS、CoffeeScript 和 TypeScript 等预处理器语言。对我来说这是一个非常实用的扩展功能,通过它已经可以替代过去 CodeKit 所做的部分工作。但是 File Watchers 目前还缺乏对 Compass 框架的支持,这对使用 Sass/SCSS 的开发者来说影响是非常大的。

下面就说说如何配置 WebStorm/PhpStorm,使其对 Compass 提供良好的支持。
继续阅读

发表在 软件技巧 | 标签为 , , , , , | 12 条评论

HTML5 重构的真相与糟糕的「语义化」新标签

推荐看看这篇讲 HTML5 重构的文章,说到了目前 HTML5 新标签遇到的诸多问题。
http://www.netmagazine.com/features/truth-about-structuring-html5-page

继续阅读

发表在 前端开发 | 标签为 | 6 条评论

【视频】《Perfect Workflow in Sublime Text 2》视频教程全集打包

Sublime Text 2 是今年非常火的一款编辑器,这款轻便的编辑器提供了诸多功能实用的功能,「tutsplus」也做了一套教程,可以深入了解这款编辑器的各种功能。在线看的话有点慢,所以我把它打包到网盘了,如有失效请告知。

目录见这里:https://tutsplus.com/course/improve-workflow-in-sublime-text-2/

百度网盘打包下载:
http://pan.baidu.com/share/link?shareid=61833&uk=1479479056

发表在 软件技巧 | 标签为 , , | 14 条评论

从右键菜单快速在 Sublime Text 2 中打开目录

在《Perfect Workflow in Sublime Text》系列视频中,我看到了第三讲通过 Mac OSX 的「系统服务」快速在 Sublime Text 2 中打开目录的方法。跟着试了一遍,总是出错,其实还有更简单的方法,使用「Automator」自带的「打开 Finder 项目」模板即可。
继续阅读

发表在 macOS | 标签为 , , , | 5 条评论

一种通过伪元素实现的更好的图片替换技术

昨天收到一条垃圾评论,内容是「多更新,要不然还以为您老人家去保卫钓鱼岛了呢」。所以今天说什么也得写一篇证明我还没那么热血。

在过去很长一段时间里,我们都习惯用负值 text-indent 的方法来进行图片替换。在最新的 HTML5 Boilerplate 中,我看到了一种新的图片替换技术。它采用 CSS 伪元素来实现,相对于以前的图片替换技术,它很好的解决一些手机浏览器的 bug,且没有属性覆盖的问题,并且不需要额外的标签。
继续阅读

发表在 前端开发 | 标签为 | 6 条评论

通过 CSS3 根据子元素数量为其定义不同样式

在 LEA VEROU 的博客翻到这么一篇文章——《Styling children based on their number, with CSS3》。原文谈到使用“:nth-child 伪类元素选择器”的方法在 2009 年被提出,LEA VEROU 又通过普通相邻选择器(General sibling combinator[1])改良了一下。最终的代码很酷。

内容介绍

标题写的有些拗口,看看下面的例子应该可以明白。主要作用是无论父元素有多少子元素,都根据子元素的数量设定样式,而无需使用任何 class。
继续阅读

发表在 前端开发 | 标签为 , | 10 条评论