vue.js过渡(vue学习记录2)

html代码：helloToggle必须要添加CSS样式（该样式来控制状态）： .expand-transition {transition: all .3s ease;height: 30px;padding: 10px;background-color: # eee;overflow: hidden;}.expand-enter, .expand-leave {heig

业界 2016年06月25日

玩转 css 居中

文字居中文字的水平居中对于非 inline 元素内的文字水平居中都可以通过 text-align: center; 完成。也可以设置 margin: 0 auto;文字（单行）的垂直居中这种场景通常在修正 input 框光标和文字的位置。设置 line-height 的值等于 height 即可。文字（单行）的相对居中/Users/alex/Desktop/24319F76

业界 2016年06月26日

关于Css的垂直居中的一些方法

前两种方法称为大致居中，一般误差随高度的减小而减小，不过一般来说不怎么看得出来，除非你用javascript调用offsetTop来查看。不然没有强迫症的比较难看出来。但是兼容性很好，尤其是table-cell的从IE6即可使用1.使用table-cell处理图片间的关系父元素使用display:table-cell; vertical:middle子元素使用display

业界 2016年07月01日

css实现div水平/垂直居中的N中方法

1、父div内部的所有子div水平居中// html 代码/*子元素纵向排列水平居中*/// css 代码.parent{ width: 400px; height: 600px; } .chil{ width: 120px; height: 120px; margin: 0 auto; }/*子元素横向排列且水平居中*///css代码.

业界 2016年07月01日

GoJS 绘图 (三) ：shapes

绘制一个几何图形。您可以控制什么样的形状绘制以及它是如何绘画和填充。形状不像的TextBlocks和Pictures，形状不能包含任何其他对象。基础图形您可以设置Shape.figure属性通常为各种形状。还需要设置GraphObject.desiredSize或GraphObject.width和GraphObject.height参数，作为确定形状尺寸。在这些简单的演示

业界 2016年07月04日

GoJS 绘图 (六) ：横向面板（panel）

横向面板 属性和纵向面板基本相同只是排列顺序不同 diagram.add(G( go.Part, go.Panel.Horizontal, { position: new go.Point(500, 0), background: '# ddd', height: 150 }, G( go.Shape, { width: 30, height: 50, fill: '# 3

业界 2016年07月05日

CSS 布局：position

点击链接预览：CODEPEN 参考：cssnext 演示你对Position的了解程度有多少?HTML和CSS高级指南之二——定位详解html 部分： Tabs PostCSS 部分（使用pluins：postcss-cssnext）： :root {--r: 50px;--height: calc(2*var(--r));--w: 10px; }.tabs {width:

业界 2016年07月11日

谈谈JS设计模式和应用场景一(单例模式)

什么是单例模式单例模式是单例模式，也叫单子模式，是一种常用的软件设计模式。 在应用这个模式时，单例对象的类必须保证只有一个实例存在。 许多时候整个系统只需要拥有一个的全局对象，这样有利于我们协调系统整体的行为。。(来源于维基百科)1.创建单例模式，案例1:其实就是创建个对象,将我们的对象看做一个人var person ={height:1,name:'wy',callbac

业界 2016年08月07日

从一滴水说起，谈谈CSS形状的生成思路

水是生命之源、生产之要、生态之基。兴水利、除水害,事关人类生存、社会进步,历来是治国安邦的大事。巴拉巴拉~不扯淡了，来看看下面这张图，额，为了扣题，就管她叫水滴吧（虽然是倒的），从这开始，让我们用css来生成她~1.首先把她理解成一个圆与一个三角组合而成，这样，就有了第一种组合法.box1 { width: 100px; height: 100px; ba

业界 2016年08月08日