transform-origin可以改变一个元素（块级元素与部分行内元素）变形的原点。该属性必须配合transform属性使用。 山大 举例： rotate()的transform-origin 是旋转的中心点 (这个属性的应用原理是先用这个属性的负值translate该元素，进行变形，然后再用这个 Read More
posted @ 2017-11-15 15:03
月上柳梢头，
Views(605)
Comments(0)
Diggs(0)
React提供的这个ref属性，表示为对组件真正实例的引用，其实就是ReactDOM.render()返回的组件实例； Read More
posted @ 2017-10-11 18:50
月上柳梢头，
Views(101)
Comments(0)
Diggs(0)
一、this的绑定 This是在运行时进行绑定的。并不是在编写时绑定的，他的上下文取决于函数调用时的各种条件。this的绑定与函数声明的位置没有任何关系，只取决于函数的调用方式。 二、this是什么 当一个函数被调用时，会创建一个活动记录（执行上下文）。这个记录会包含函数在哪里被调用、函数的调用方法 Read More
posted @ 2017-08-07 12:02
月上柳梢头，
Views(136)
Comments(0)
Diggs(0)
一、对象的创建：new function foo( a ) { this.a = a; } var bar = new foo( 2 ); console.log( bar.a ); // 2 创建（或者构建一个）新的对象。 新对象会被执行[[原型]]链接 新对象绑定到函数调用的this。 如果函数 Read More
posted @ 2017-07-29 16:47
月上柳梢头，
Views(120)
Comments(0)
Diggs(0)
为了简单明了地理解什么是单页面应用，我们先对比一下传统的网页应用。如图一所示在传统的web应用中： 客户端向服务器发送http请求 服务器获取请求并作出响应。这个过程具体是先由控制器（control）做出路由的分发，匹配到相应的数据服务（model）然后结合这个数据服务生成一个template即HT Read More
posted @ 2017-07-28 14:43
月上柳梢头，
Views(280)
Comments(0)
Diggs(0)
定义 行内元素 首先，IFC与行内元素密不可分，行内元素指的是strong或span之类的元素。这些元素不会在之前或之后生成“行分隔符”，他们是块级元素的后代。通过声明display：inline/inline-block/inlin-table，可以让元素成为inline-level elemen Read More
posted @ 2017-07-28 12:39
月上柳梢头，
Views(539)
Comments(0)
Diggs(0)
清除浮动之前 使用带有clear属性的空元素 在浮动元素后使用一个空元素如<div class="clear"></div>，并在CSS中赋予.clear{clear:both;}属性即可清理浮动。 缺点：添加大量无语义的html demo: 使用CSS的:after伪元素 为父元素添加伪元素 创建 Read More
posted @ 2017-07-28 12:28
月上柳梢头，
Views(136)
Comments(0)
Diggs(0)
BFC：Block formatting context，官网上的定义是这样的： Floats, absolutely positioned elements, block containers (such as inline-blocks, table-cells, and table-capti Read More
posted @ 2017-07-28 11:38
月上柳梢头，
Views(191)
Comments(0)
Diggs(0)
Formatting Context 大家一直在聊IFC（line formatting context）、BFC（block formatting context），但对于formatting text提之甚少，到底什么是formatting text？ Formatting Context ：页 Read More
posted @ 2017-07-28 11:31
月上柳梢头，
Views(170)
Comments(0)
Diggs(0)
1、对于BFC中的块级元素（特指display: block）而言，即float元素会感知到其前面块级元素，但块级元素感知不到float元素的存在，即float元素不影响块级元素的布局。 2、对于BFC中的inline或者inline-block元素而言，float元素是感知不到到inline与in Read More
posted @ 2017-07-27 20:19
月上柳梢头，
Views(281)
Comments(0)
Diggs(0)
浙公网安备 33010602011771号