sherry-888-优快云博客

原创使用React脚手架搭建React

准备工作：先创建一个文件夹（不要在C盘），比如在E盘创建一个文件夹react吧！在此路径下输入以下命令：1.cnpm i create-react-app -g //全局安装脚手架2. create-react-app 项目名 //创建项目ps:npm从国外服务器获取资源，可能会受网速影响cnpm从国内服务器获取资源，每10min同步一次npm数据如果没有cnpm先安装nodejs，nodejs中含有npm， npm是node的包管理工具，安装好nodejs，打开cmd输入n

2020-10-28 22:08:15 177

原创 react组建通信之子传父

index.js(入口文件)import React from 'react';import ReactDOM from 'react-dom';// 组件之间的传值import App from './App';ReactDOM.render(<App />, document.getElementById('root'));“爸爸”App.jsimport React, { Component } from 'react';import Footer from './Fo

2020-10-28 21:44:55 382

原创 react组件通信之父传子

index.js中导入“爸爸”App.jsimport Reac from 'react';import ReactDOM from 'react-dom';// 组件之间的传值import App from './App';ReactDOM.render(<App />, document.getElementById('root'));App.js中导入“儿子们”import React, { Component } from 'react';import Header

2020-10-28 20:09:46 173

原创关于函数组件和类组件的浅显理解

目录结构如上index.jsimport React/* , { Fragment } */ from 'react';import ReactDOM from 'react-dom';import One from './one'import Two from './two'ReactDOM.render(<div><One name="毛毛" /> <Two name="吉吉国王" /></div>, document.getElement.

2020-10-28 08:53:41 266

转载用Webpack搭建React开发环境

Webpack搭建React开发环境1、React环境搭建实现React开发的三种方式：（1）使用CDN的方式<script src="https://unpkg.com/react@16/umd/react.development.js"></script><script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script><!-- 生产环境中

2020-10-26 19:12:48 250

原创 js函数的定义详解

某个script标签中的函数一旦创建成功，后面的所有script标签都可以使用该函数。命名函数定义函数也是对象function abc( ){console.log(“a”);}var fn=abc;abc( ); //afn( ); //a匿名函数定义var fn=function( ){ //设置给变量console.log(“b”);}fn( ); ...

2020-03-29 22:46:02 268

原创有关js数据类型转换的详解

js数据类型转换数据类型转换要先说下typeof属性。typeof属性作用：判断数据类型。例如： console.log(typeof “aaa”);得到string。var b=null；console.log(typeof b); 得到object。1.强制转换（主动将数据的类型强制转换为某种类型）（1）String(数据) 强转为字符串例如var num=null;var ...

2020-03-21 23:31:06 137

原创 CSS3-3D技术详解

CSS3-3D技术transform翻译成汉语具有"变换"或者"改变"的意思。此属性具有非常强大的功能，比如可以实现元素的位移、拉伸或者旋转等效果，最能体现transform 属性强大实力的是实现元素的3D变换效果。transform 功能函数：1、位移translatetransform: translate(x , y) 2dtransform:translateX(...

2020-03-08 17:17:25 307

原创 CSS定位属性详解

CSS定位属性关于css定位属性详解及用法：在css中，定位属性position是用来检索或设置对象的定位方式的属性。它主要有以下5个属性值：1.无定位static：默认值，也可以用于取消元素之前的定位设置。2.相对定位relative：（参照物：自己所在的位置）特点：①不使元素脱离文档流，原来的空间会被保留。②如果没有定位偏移量left、top、right、bottom，对元素本身...

2020-03-05 18:57:38 714

原创 Css盒模型属性详解

Css盒模型属性详解（margin和padding）大家好,我是逆战班的一名学员,今天我来给大家分享一下关于盒模型的知识!关于盒模型的属性详解及用法盒模型基本属性有两个：padding和margin。以边框border为界，边框里面是内边距，边框外面是外边距。1.内边距padding：如上图，如果父元素设置了边框，内边距是指235*240大小的内容区与边框之间的距离，不管父元素是否设置...

2020-02-23 23:48:38 487

ghj_Vin的博客