之前我们开发页面时常用的布局方法有表格(table)、浮动(float)、 定位(position)和内联块(inline-block),这些方法本质上来讲都是hacks,存留了很多需要实现的重要功能问题(例如,垂直居中)。Flexbox的出现起到一定的补救作用,但是它只可以实现简单的一维布局,并不适用于复杂的二维布局(实际上 Flexbox 和 Grid 可以一起结合使用起到最佳效果)。

Read More

:focus-within伪类能够在当前元素或其后代任何元素在focus状态时应用相应的规则。语言上比较难理解,可以直接看下面的例子:

Read More

img是我们在web开发中比较常用的一个标签,它代表着文档中的一个图像元素。HTML5给这个标签新增加了一个crossorigin属性,这个属性决定了图片获取过程中是否开启CORS功能

Read More

如果你了解最新的软件开发实践,那么你就会经常听到unit testTDDBDD这些词汇。很多Javascript开发者对这些术语都不是很清楚,这篇文章将解释它们分别是什么,以及它们之间的区别在哪里。

Read More

在产品开发前,开放团队往往会制定一系列编码规范,在编码时遵循这些规范来避免出现低级Bug,而实用Lint工具和代码风格检测工具,则可以辅助编码规范的执行,有效的控制代码质量。

Read More

由于项目的后端采用的是Ruby来开发,因此前端也就采用了Ember这一mvc框架,相比较于其他mvc框架而言,Ember内置了强大的Ember Data,它是介于你的应用和持久层之间的一个数据模型。

Read More