数据可视化大屏开发实践总结
在用VUE开发后台管理系统时,经常需要新增或修改一条记录,而它们的模板往往是复用的,只是新增时模板中的表单数据为空,而修改时表单中数据为该条记录已有的数据。
Intersection observer API提供了一种基于异步的方式来观察目标元素与父元素或根元素相交的变化检测。
之前我们开发页面时常用的布局方法有表格(table)、浮动(float)、 定位(position)和内联块(inline-block),这些方法本质上来讲都是hacks,存留了很多需要实现的重要功能问题(例如,垂直居中)。Flexbox的出现起到一定的补救作用,但是它只可以实现简单的一维布局,并不适用于复杂的二维布局(实际上 Flexbox 和 Grid 可以一起结合使用起到最佳效果)。
:focus-within
伪类能够在当前元素或其后代任何元素在focus
状态时应用相应的规则。语言上比较难理解,可以直接看下面的例子:
img
是我们在web开发中比较常用的一个标签,它代表着文档中的一个图像元素。HTML5给这个标签新增加了一个crossorigin
属性,这个属性决定了图片获取过程中是否开启CORS
功能
如果你了解最新的软件开发实践,那么你就会经常听到unit test
、TDD
和BDD
这些词汇。很多Javascript开发者对这些术语都不是很清楚,这篇文章将解释它们分别是什么,以及它们之间的区别在哪里。
在产品开发前,开放团队往往会制定一系列编码规范,在编码时遵循这些规范来避免出现低级Bug,而实用Lint工具和代码风格检测工具,则可以辅助编码规范的执行,有效的控制代码质量。
由于项目的后端采用的是Ruby来开发,因此前端也就采用了Ember这一mvc框架,相比较于其他mvc框架而言,Ember内置了强大的Ember Data,它是介于你的应用和持久层之间的一个数据模型。
从Ember 2.x开始,它的模型在概念上比以前清晰明了的多,你不用再纠结于template
,route
,view
,controller
,model
和component
等概念。