06 2016 档案

对BFC的理解
摘要：转载http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html 在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。 Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本 阅读全文
posted @ 2016-06-16 14:25 闹闹猪 阅读(246) 评论(0) 推荐(0)
对React的理解
摘要：转自：http://www.cocoachina.com/webapp/20150721/12692.html 现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS，ReactJs的虚拟DOM（Virtual DOM）和组件化的开发深深的吸引了我，下面 阅读全文
posted @ 2016-06-16 09:13 闹闹猪 阅读(9480) 评论(0) 推荐(2)
获取DOM的真实节点
摘要：<script type="text/babel"> var Myelement=React.createClass({ handleClick:function(){ this.refs.myInput.focus(); this.refs.[refname]获取真实的节点 只有真实的DOM发生c 阅读全文
posted @ 2016-06-15 17:38 闹闹猪 阅读(253) 评论(0) 推荐(0)
React组件三
摘要：<script> <!-- getDefalutPros 设置组件的默认值--> <!--var Mytitle=React.createClass({ getDefaultProps:function(){ return { title:"Hello World!" }; }, render:fu 阅读全文
posted @ 2016-06-15 16:39 闹闹猪 阅读(114) 评论(0) 推荐(0)
React组件二
摘要：<script type="text/babel"> <!-- this.props.children表示读取组件的所有子节点-->var Zu=React.createClass({ render:function(){ return ( <ol> { React.Children.map(thi 阅读全文
posted @ 2016-06-15 16:36 闹闹猪 阅读(130) 评论(0) 推荐(0)
React组件一
摘要：<div id='test'></div> <script type='text/babel'> var Zu=React.createClass({ return <h1>Hello {this.props.name}</h1>; }); ReactDOM.render( <Zu name='na 阅读全文
posted @ 2016-06-15 14:49 闹闹猪 阅读(143) 评论(0) 推荐(0)
React新接触
摘要：html5页面的开始引入： <script src="../build/react.js"></script> <!--核心库--> <script src="../build/react-dom.js"></script> <!--功能库--> <script src="../build/brow 阅读全文
posted @ 2016-06-15 11:11 闹闹猪 阅读(117) 评论(0) 推荐(0)
清除浮动的方法
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .wrap { border: 1px solid red; /*overflow: hidden; *zoom: 阅读全文
posted @ 2016-06-12 15:45 闹闹猪 阅读(132) 评论(0) 推荐(0)
div section article aside的理解
摘要：div 是一个大的容器 内部可以包含header main nav aside footer等标签 没有语义，多用于为脚本添加样式 section的语义比div语义强些，用于主题性比较强的内容，比如一篇博客， 一个评论 article的语义比section的语义更加强，它强调的是独立性，完整性。他具 阅读全文
posted @ 2016-06-11 11:43 闹闹猪 阅读(492) 评论(0) 推荐(0)