前端开发
文章平均质量分 70
FreeeLinux
A3GM5H3647LPD4QVYMYAER2S47P4WZ2UKBXBCGZES2V62WEY2HULQA
展开
-
CSS随笔2
字体font-family就是字体,如果用户电脑里面没有这个字体,那么就会变成宋体。页面中,我们只使用微软雅黑,宋体,黑体,如果页面中需要其他的字体,那么需要切图。font-family: "Arial", "宋体"; 我们需要先将英文字体写在前面,否则英文字体会出错。行高可以用百分比。 font: 12px/200% "宋体";等价于font: 12px/24px "宋体";伪类同一个标签,根原创 2017-07-11 00:11:02 · 445 阅读 · 0 评论 -
[React]简易留言板
效果如图: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https:/原创 2017-12-11 11:06:04 · 1840 阅读 · 0 评论 -
[React]属性和状态
属性和含义和用法(props)三种赋值方法1. var style = { color: "red", border: "1px solid #000", }; var HelloWorld = React.createClass({ render: function () { return <p>Hello原创 2017-12-10 23:29:55 · 665 阅读 · 0 评论 -
[React]JSX的用法
什么是JSX基于ECMAScript的一种新特性一种定义带属性树结构的语法非DOM属性介绍非DOM属性: dangerouslySetInnerHTML、ref、keydangerouslySetInnerHTML: 在JSX中直接插入HTML代码ref: 父组件引用子组件key: 提高渲染性能React diff算法Created with Raphaël 2.1.0开始节点相同自定原创 2017-12-09 21:51:02 · 605 阅读 · 0 评论 -
html5网页布局
index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>immoc</title> <link rel="stylesheet" href="css/style.css"></head><body><header> <div class="container">原创 2017-11-16 19:12:25 · 1432 阅读 · 0 评论 -
html5标签
新增的标签结构标签多媒体标签web应用标签状态标签列表标签其他标签删除的标签纯表现的标签对可用性产生负面影响的元素产生混淆的元素新增的属性inputformautocompleteautofocusmultipleplaceholderrequiredlinkol其他属性新增的标签结构标签<article> 标记定义一篇文章<header> 标记定义一原创 2017-11-16 19:05:30 · 789 阅读 · 0 评论 -
[React]组件的生命周期
组件的生命周期组件本质上是伏态机,输入确定,输出一定确定。 状态发生转换时会触发不同的钩子函数,从而让开发者有机会做出响应。 可以用事件的思国思路来理解状态。初始化->运行中->销毁初始化getDefaultProps(只会在第一个实例初始化时被调用)->getInitialState->componentWillMount->render->componentDidMount运行中compon原创 2017-12-09 10:25:05 · 502 阅读 · 0 评论 -
CSS3边框与圆角
边框与圆角CSS3圆角border-radius属性一个最多可指定四个border-*-radius属性的复合属性,这个属性允许你为元素添加圆角边框。 div { width: 800px; height: 300px; border: 5px solid red; margin: 0 au原创 2017-12-08 16:04:13 · 503 阅读 · 0 评论 -
CSS3选择器
选择器基本选择器子元素选择器如: section > div即直接后代选择器。与之前的section div不同,因为后者不只会选择子元素,还有孙子元素等。兄弟元素选择器如: section > div + article,即使用+号,这句表示选择了div的兄弟article。通用兄弟选择器选择某元素后面的所有兄弟元素,而且他们具有一个相同的父元素 section > div ~ article表原创 2017-12-08 16:03:13 · 433 阅读 · 0 评论 -
CSS3背景图像
背景图像background-clip属性background-clip属性指定背景绘制区域语法 background-clip: border-box | padding-box | content-box;border-box: 背景被裁剪到边框盒 padding-box: 背景被裁剪到内边距框 content-box: 背景被裁剪到内容框原创 2017-12-08 16:02:03 · 377 阅读 · 0 评论 -
网页的瀑布流布局
代码本文实现网页的瀑布流布局,用三种方法,分别是javascript,jQuery和CSS3。 首先是HTML:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalabl原创 2017-11-10 18:20:55 · 848 阅读 · 0 评论 -
margin的知识点
margin的塌陷现象标准文档流中,竖直方向的margin不能叠加,以较大的为准。不是标准流的盒子没有塌陷现象。盒子居中margin:0 auto;margin的值可以为auto,表示自动,当left, right的值都为auto的时候,表示居中。 margin: 0 auto;表示上下0,左右auto。注意:使用margin:0 auto的盒子必须有width。只有标准流的盒子才能使用该方式原创 2017-07-10 00:14:32 · 680 阅读 · 0 评论 -
坑爹的IE6兼容性问题
第一:IE6不支持小于12px的盒子 解决方法很简单,就是将盒子的字号,设置小(小于盒子的高),比如0px。height: 4px;font-size: 0px;浏览器hack,就是浏览器提供的后门,针对某一种浏览器做兼容。IE6留了一个后门,就是只要在css属性之前加上下划线,这个就是专门用来对付IE6的。解决微型盒子,正确写法:height: 10px;_font-size: 0;否则IE原创 2017-07-09 21:29:16 · 509 阅读 · 0 评论 -
CSS随笔1
ul,li的作用不是为了给列表加圆点,而是用来表示一个列表的语义,并且每个项目和每个项目之间是不分先后的。ul就是英语unordered list 无需列表的简写。li就是英语list item,列表项的意思。 (组标签,所有的li必须包裹在ul里面,ul的儿子不能有别的东西,只能有li)。ol有序列表,和ul类似定义列表: <dl> <dt>北京</dt>原创 2017-07-09 20:10:26 · 419 阅读 · 0 评论 -
react-native环境搭建
首先安装nvm,brew install nvm安装react-native-cli,命令忘记了,不过很简单,一查就知道。npm install wordwrap //必须在项目上一级目录,不能加-greact-native init wilcotestnpm install uuid –savenpm install babel-template –savereact-native原创 2018-02-06 22:03:49 · 427 阅读 · 0 评论