摘要：
Vue.js使用了基于HTML的模板语法，允许开发者声明式的将DOM绑定至底层Vue实例的数据。 插值 Mustache标签将会被替代为msg属性的值，无论何时，绑定的数据对象msg属性发生了变化，插值处的内容都会更新（使用v-once指令，可以执行一次性的插值，当msg的内容发生改变时插值处的内容 阅读全文
摘要：
computed：计算属性将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例。 methods：methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法，或者在指令表达式中使用。方法中的 this 自动绑定为 Vu 阅读全文
摘要：
创建一个Vue的实例 每个Vue应用都是通过Vue函数创建一个新的Vue实例开始的： 当创建一个Vue实例时，就传入了一个选项对象，可以通过这些选项创建想要的行为。一个Vue应用有一个通过new Vue创建的根Vue实例，以及可选的嵌套的、可复用的组件树组成。 数据与方法 当一个Vue实例被创建时， 阅读全文
摘要：
d3.svg.axis() 创建默认的新坐标系 axis（selection）将此坐标轴应用到指定的选择集上，改选择集需要包裹有<svg>或<g> axis.scale([scale]) 设定或获取坐标轴的比例尺 axis.orient([orientation])设定或获取坐标轴的方向。 axis 阅读全文
摘要：
序数比例尺的定义域和值域都是离散的。如果需要通过输入一些离散的值得到另一些离散的值，这时候就要考虑序数比例尺。 d3.scale.orinal()：构建一个序数比例尺 ordinal(x) ：输入定义域内的一个离散值，返回值域内一个离散值 ordinal.domain([values])： 设定和获 阅读全文
摘要：
比例尺：就像函数一样，将一个量转换为另一个量，定义域到值域的转换。每个比例尺都需要指定一个domain(定义域)和range(值域)。 定量比例尺：定义域是连续的。值域有连续的也有离散的。 1、线性比例尺(Linear Scale) d3.scale.linear()：创建一个线性比例尺。 line 阅读全文
摘要：
线段生成器 d3.svg.line() 区域生成器 d3.svg.area() 弧生成器 d3.svg.arc()在制作饼状图、弦图等时使用。 符号生成器 d3.svg.symbol()生成三角形、十字架、圆形等符号 弦生成器 d3.svg.chord()用于将两段弧连接起来 对角线生成器 d3.s 阅读全文
摘要：
柱状图 柱状图 散点图、气泡图 散点图、气泡图 折线图 折线图 饼图 饼图 力导向图 力导向图 弦图(可交互) 弦图(可交互) 树状图 树状图 集群图 集群图 圆状集群图 圆状集群图 捆图 捆图 打包图 打包图 直方图（可与曲线图切换） 直方图（可与曲线图切换） 矩阵分区图 矩阵分区图 圆形分区图 阅读全文
摘要：
锚是行内元素，所以只有在单击链接的内容时它们才会激活，如果可以实现为按钮的效果，就可以有更大的可单击区域，实现方法为：display设置为block，修改width、height和其他属性，代码如下： 实现的结果如下，链接显示为块级元素，单击块中的任何地方都会激活链接： 简单的翻转 使用:hover 阅读全文
摘要：
简单的链接样式 对链接应用样式最容易的方式是：使用锚类型选择器，例如 a {color:red;} 链接伪类选择器：1、:link：寻找没有被访问过的链接2、:visited：寻找被访问过的链接 动态伪类选择器:1、:hover：寻找鼠标悬停处的元素2、:active：寻找被激活的元素，激活发生在链 阅读全文
摘要：
固定宽度的圆角框 只需要两个图像：一个应用于框的顶部，一个应用于底部 随着内容的增加，框垂直扩展（但不会水平扩展） 随着内容的增加，框垂直扩展（但不会水平扩展） 灵活的圆角框（滑动门技术） 不要使用一个图像组成顶部和底部图像，而是应用两个相互重叠的图像，随之框尺寸的增加，大图像就会有更多部分显露出来 阅读全文
摘要：
如果希望网站有一个好看的背景，只需将背景应用于主体元素，即在body上应用background-image，默认情况下浏览器水平和垂直的重复显示背景图像，让图像平铺在整个页面上，可以选择背景图像是垂直平铺、水平平铺、不平铺。如果希望在网页的开头显示一个人大的品牌图像，且不包含人格信息，是纯表现性的， 阅读全文
摘要：
css 3可以创建等高文本列，通过column-count、column-width、column-gap属性实现。假设标记如下： 下面的规则创建一个三列布局，每列的宽度为14em，列之间有2em的间距。CSS列的优点之一是在可用的空间小于已定义列的宽度时的处理方式，列不会像使用浮动时那样回绕，而是 阅读全文
摘要：
如下图所示效果，可以使用表格实现，本文采用在CSS中实现。 标记如下： 在实例中，有3个div，每列一个div，每个div中包括标题、内容、空的div，这个空的div作为底角的钩子，将这3个div放入容器div中，使用容器div限制高度，下述代码给框设置样式： 运行结果如下：产生3个高度不一致的列 阅读全文
摘要：
在一个布局中，假设有导航元素和内容元素，切给他们都分别应用了背景，理想情况下，背景应该拉长到整个布局的最大高度，从而形成列的效果，但是实际上，因为导航元素没有扩展到最大高度，所以它们的背景不会拉长，如图所示，左边的导航的灰色背景的高度没有达到最大高度。 解决方法：为创建列的效果，需创建一个伪列，即在 阅读全文
摘要：
假设浏览器窗口设置为1250px；wrapper的宽度为960px；content的宽度为920px：确保了wrapper居中时两边有20px的间距； secondary的宽度为230px； primary的宽度为670px； 其中primary中的secondary的宽度为400px; prima 阅读全文
摘要：
假设有一个布局，希望让其中的容器div在屏幕上水平居中，则只需要定义div的宽度，然后将水平外边距设置为auto 注意：上述方法在现代浏览器中都是有效的，但是，混杂模式中的IE 5.x和IE 6不支持margin:auto声明，但IE将text-align:center误解为让所有东西居中，而不只是 阅读全文
摘要：
CSS布局技术的根本是3个基本概念：定位、浮动、外边距操纵。 只需要设置希望定位的元素的宽度，然后将它们向左或向右浮动。因为浮动的元素不再占据文档流中的任何空间，它们就不再对包围他们的块框产生任何影响，为解决这个问题: 需要对布局中各个点上的浮动元素进行清理，常见的做法不是连续的浮动和清理元素，而是 阅读全文
摘要：
标准盒模型、怪异盒模型 外边距叠加 当两个或者争夺垂直外边距相遇时，他们将形成一个外边距，这个外边距的高度等于两个发生叠加的外边距的高度中的较大者。 外边距叠加实际上有重要意义，例如下图：由几个段落组成的典型文本页面，第一个段落上面的空间等于段落的顶外边距，如果没有外边距叠加，后续的所有段落之间的空 阅读全文
摘要：
DOM3级事件中定义了以下9个鼠标事件： 除了mouseenter、mouseleave、dbclick是“DOM3级事件”新增之外，其它事件都是“DOM2级事件”中定义的。在一个元素上相继触发mousedown和mouseup事件，才会触发click事件。两次click事件相继触发才会触发dblc 阅读全文