自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 Vue项目从0到1 项目环境的搭建 和配置

1.安装node.js node官网 可直接下载 2.安装脚手架 vue-cli 在vs code 终端中输入命令 npm install -g vue-cli 进行安装 3项目的创建 先进入要创建项目的文件夹 在vs code 终端打开输入 vue create +项目名称 来创建项目 然后等待 配置项 然后配置完成 即可等待项目完成 移动端项目的配置 先把默认创建的组件删除 App.vue为根组件 4.创建重置样式 reset. styl 来消除一些标签自带的默认样式 一般把re

2020-08-19 22:21:53 756

原创 react中 跨组件通信的实现

react中跨组件通信 例如 Grandfather ------>Father ------->Son 这样三层 Grandfather想要直接与Son 通信 1.跨组件通信 首先先新建一个context文件夹 在文件夹下新建一个index.js文件 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kUp6ffkb-1597846674615)(C:\Users\86152\AppData\Roaming\Typora\typora-user-ima

2020-08-19 22:19:50 390 1

原创 react项目中 过渡效果的 引入

react 过渡动效 的引入 1.先在终端 输入 yarn animate.css react-transition-group 来安装 过渡动效的 第三方 插件 2.因css过渡动效在项目中很多地方都会用到 因此在index.js中引入 从而设为全局样式 import 'animate.css' [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1gfwofL8-1597846556718)(C:\Users\86152\AppData\Roaming\Typora\

2020-08-19 22:17:20 343

原创 CSS3 3D旋转图片立方体特效

CSS3 3D旋转图片立方体特效代码。 效果图: 这是一个3D的立方体盒子 给盒子添加动画属性 使其可以转动。 原理: 原理其实很简单 我们看到的一个立方体其实就是靠六个平面搭建起来的 如图所示 :六张正方形块堆叠在正中心位置 往前走边长的1半就形成了前面这一面 (1号) 往后走边长的一面也就是2号 往左走一半 然后再旋转90度 就形成了左侧的一面 依次类推六个面就组成了一个...

2020-03-01 20:11:24 1181

原创 HTML CSS定位属性详解 嘿嘿嘿

定位属性:Position 作用:检索或者设置元素的定位方式“(改变元素位置) 定位的步骤: 1.给元素添加position属性 证明该元素要做位置变 2.确定参照物!(通过position的属性值来确定 ) 3.确定坐标 left right top bottom Position的属性值: 1.static 静态定位: (1) Position的默认值,默认文本流的状态。...

2020-02-24 21:52:49 784

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除