<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[fire_zero的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/fire_zero</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; fire_zero]]></copyright><item><title><![CDATA[antd的简单使用(主要参考官网文档)]]></title><link>https://blog.youkuaiyun.com/fire_zero/article/details/105913032</link><guid>https://blog.youkuaiyun.com/fire_zero/article/details/105913032</guid><author>fire_zero</author><pubDate>Mon, 04 May 2020 09:24:53 +0800</pubDate><description><![CDATA[antd的使用
1、添加antd
安装:
yarn add antd
使用:
引入:想在哪个组件用，就在哪个组件引入
import {Button} from 'antd'
引入样式：
import 'antd/dist/antd.css'
2、优化antd,按需引入样式
配置按需引入:
(参考官网的在 create-react-app 中使用文档)
1.切到文档的【高级配置】
2.yarn ad...]]></description><category></category></item><item><title><![CDATA[react脚手架基础]]></title><link>https://blog.youkuaiyun.com/fire_zero/article/details/105913027</link><guid>https://blog.youkuaiyun.com/fire_zero/article/details/105913027</guid><author>fire_zero</author><pubDate>Mon, 04 May 2020 09:23:01 +0800</pubDate><description><![CDATA[react脚手架基础
1、一些命令
yarn add create-react-app -g
添加脚手架到全局
npm install create-react-app -g
添加脚手架到全局
yarn create-react-app my-demo
创建脚手架
npx create-react-app my-demo
创建脚手架,但是不保存create-react-app到内存
已安装crea...]]></description><category></category></item><item><title><![CDATA[react基础组件的使用]]></title><link>https://blog.youkuaiyun.com/fire_zero/article/details/105912994</link><guid>https://blog.youkuaiyun.com/fire_zero/article/details/105912994</guid><author>fire_zero</author><pubDate>Mon, 04 May 2020 09:20:57 +0800</pubDate><description><![CDATA[react基础
一、jsx基本使用
1、简单的react案例
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
...]]></description><category></category></item><item><title><![CDATA[react入门介绍]]></title><link>https://blog.youkuaiyun.com/fire_zero/article/details/105912897</link><guid>https://blog.youkuaiyun.com/fire_zero/article/details/105912897</guid><author>fire_zero</author><pubDate>Mon, 04 May 2020 09:11:25 +0800</pubDate><description><![CDATA[1. React入门
## 1.1. React基本认识
## 1.2. React基本使用
## 1.3. JSX的理解和使用
## 1.4. 模块与模块化, 组件与组件化的理解

2. React组件化编程
## 2.1. 组件的定义与使用
## 2.2. 组件的3大属性: state, props, refs
## 2.3. 组件中的事件处理
## 2.4. 组件的组合使用
## 2.5. ...]]></description><category></category></item><item><title><![CDATA[js基础-轮播图演示]]></title><link>https://blog.youkuaiyun.com/fire_zero/article/details/103930013</link><guid>https://blog.youkuaiyun.com/fire_zero/article/details/103930013</guid><author>fire_zero</author><pubDate>Fri, 10 Jan 2020 21:31:33 +0800</pubDate><description><![CDATA[轮播图

一、功能
功能一：鼠标移入图片按钮浮现，移出消失
功能二：点击按钮切换相应方向的图片，且相应的小圆点变色
功能三：点击小圆点变色，并切换相应图片
功能四：鼠标移入图片开启自动轮播，移出关闭

直接查看完整代码
二、介绍
使用定时器制作简单的轮播图
主要是使用点击事件使轮播图在点击按钮时能
1、HTML代码
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
注意：第...]]></description><category></category></item><item><title><![CDATA[前端学习-css3的一些属性]]></title><link>https://blog.youkuaiyun.com/fire_zero/article/details/103465405</link><guid>https://blog.youkuaiyun.com/fire_zero/article/details/103465405</guid><author>fire_zero</author><pubDate>Mon, 09 Dec 2019 21:12:32 +0800</pubDate><description><![CDATA[一.伪元素
伪元素: before,after
相当于是元素内部的两个子元素(盒子),分别是一前一后的两个盒子,默认显示模式是行内式
必写项 ：伪元素中必须有content属性，属性值可为空。
即，可以为  content:"" ;
其他属性和正常的行内式一样
例子：
.box:before{
content:"我是before";
}
.box:after{
	content: "我是after...]]></description><category></category></item><item><title><![CDATA[前端学习-HTML5的一些属性]]></title><link>https://blog.youkuaiyun.com/fire_zero/article/details/103465072</link><guid>https://blog.youkuaiyun.com/fire_zero/article/details/103465072</guid><author>fire_zero</author><pubDate>Mon, 09 Dec 2019 20:56:32 +0800</pubDate><description><![CDATA[HTML5
在之前HTML4之上，新增了一下有语义的标签，属性，还增加了一下api（application programming  interface）应用程序接口，绘制图形，地理位置，本地存储等
注：HTML5只能用在高级浏览器中，IE9以下版本不支持，IE9部分支持
较常用标签
禁用属性
disabled：禁用属性  用法和checked，selected一样，共3种

非空验证
requi...]]></description><category></category></item><item><title><![CDATA[前端学习-css3中的选择器]]></title><link>https://blog.youkuaiyun.com/fire_zero/article/details/103464763</link><guid>https://blog.youkuaiyun.com/fire_zero/article/details/103464763</guid><author>fire_zero</author><pubDate>Mon, 09 Dec 2019 20:51:25 +0800</pubDate><description><![CDATA[总结
（选择器的详细介绍在总结的下方）
1.关系选择器
&gt;： 选择后代  多个为多级后代  (较常用)
+ ：选择同级的下一个，不能为多级。同时其他选择器的条件也要遵守
~ ：后面的所有同级，同时其他选择器的条件也要遵守
格式：
标签或类或id&gt;标签或类或id{
}

2.属性选择器
[属性名] :表示标签中包含属性名的
[属性名 = "属性值"]：表示标签中包含属性名 = "属性值"...]]></description><category></category></item><item><title><![CDATA[前端学习-css的一些常用属性]]></title><link>https://blog.youkuaiyun.com/fire_zero/article/details/103283071</link><guid>https://blog.youkuaiyun.com/fire_zero/article/details/103283071</guid><author>fire_zero</author><pubDate>Wed, 27 Nov 2019 20:42:22 +0800</pubDate><description><![CDATA[css常用属性
单属性: 一个属性名对应一个属性值
1.font-family：字体
示例：font-family: "微软雅黑";

Chrome的默认字体为微软雅黑
2.font-size：字号
示例：font-size: 16px;

字号单位是px，Chrome默认字号16px
3.font-weight：字体加粗
示例：font-weight:400;

400 normal 正常 默认...]]></description><category></category></item><item><title><![CDATA[web学习-css基础1]]></title><link>https://blog.youkuaiyun.com/fire_zero/article/details/103235205</link><guid>https://blog.youkuaiyun.com/fire_zero/article/details/103235205</guid><author>fire_zero</author><pubDate>Mon, 25 Nov 2019 21:15:52 +0800</pubDate><description><![CDATA[一.css的三种书写位置
1.第一种：内嵌式
将css代码写在HTML网页中，css代码和HTML代码相对分离。代码耦合度相对较低，在项目中偶尔使用，在讲解知识点时经常使用。
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8"&gt;
		&lt;title&gt;&lt;/title&gt;
		&lt;style type="text/c...]]></description><category></category></item><item><title><![CDATA[web学习-HTML基础]]></title><link>https://blog.youkuaiyun.com/fire_zero/article/details/103211720</link><guid>https://blog.youkuaiyun.com/fire_zero/article/details/103211720</guid><author>fire_zero</author><pubDate>Sat, 23 Nov 2019 15:40:13 +0800</pubDate><description><![CDATA[一 web基础
1.什么是web
web是world wide web的简写, 称之为 万维网, 广域网, 互联网
我们可以认为web就是网站
web的主要组成部分是HTML、css和JavaScript
简单来分的话：
结构: html
表现: css
行为: js
又或者：
html: 文本 按钮 输入框  图片  音频  视频…
css: 用来装饰网页
javascript: 网页的动态效果...]]></description><category></category></item></channel></rss>