自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 React脚手架项目搭建流程

1.安装脚手架创建react项目全局安装react脚手架cnpm install create-react-app -g 创建react项目create-react-app xxxx//项目名称 相关命令npm start //项目启动npm build //项目打包//在暴露隐藏配置文件前现在本地git仓库保存一次git add .git commit -m 'first commit'npm run eject //将隐藏的配置文件暴露出来2.环境配置自定义

2020-08-15 15:36:52 591

原创 Webpack的环境搭载

1.创建package包,记录依赖npm init -y//生成package包记录环境依赖和开发依赖2.安装webpack和webpack-cli包cnpm webpack webpack-cli -D //安装为环境依赖cnpm webpack webpack-cli -g //如果安装完环境依赖后依旧不能执行webpack指令则全局安装一遍即可webpack.config.js文件配置:1.引入path模块const path = require('path');module

2020-08-04 20:43:04 184

原创 Vue生命周期

1.什么是生命周期从一个vue实例创建、运行、销毁的过程中,伴随着各种各样的事件,这些事件就叫做生命周期。如下图所示:在整个生命周期阶段中又分为3个大的部分,分别为创建阶段、运行阶段、销毁阶段。创建阶段:beforeCreate:实例刚从内存中创建出来,data和methods属性还有初始化完成。Created:实例已经在内存中创建完成,data和methods属性也创建完成,可以被调用和使用,但还没开始编译模板。beforemounte:已经完成了对模板的编译,但没有挂载在页面上。mou

2020-07-29 10:04:59 152

原创 MongoDB/Robo3T安装及使用

1、MongoDB安装MongoDB安装 下载.msi文件 安装时,取消勾选“MongoDB Compass”,它是MongoDB官方的图形化工具,无须安装。配置环境变量 系统设置->环境变量->添加PATH:D:\mongo\bin启动mongodb服务 mongod --dbpath “D:\mongo\data”使用 mongo shell 连接mongodb服务 连接服务:mongo 查看数据库列表:show dbs;2、Robo3T安装Robo3TadminMong

2020-07-28 20:17:34 1230

原创 JS中的防抖节流

1.防抖JS中的防抖就是在一定时间内,在第一次触发事件的时候,不立刻执行,而是等待一段时间后再执行,这里就要用到定时器来实现了,但是当再次触发事件的时候,定时器又会重新计时,直到在设定的时间内不再触发事件,然后执行事件函数。代码实现过程如下所示: var input = document.querySelector("input"); //获取input输入框 function antiShake(fn, delay) { //delay为需要设定的时间,fn传入函数

2020-07-18 11:31:53 272

原创 js数据类型转换

1.To string进制转换,语法为toString(n);n的取值为2,8,10,16,32分别代表转换为2进制,10进制,16进制,32进制。var i=100; // 转换为2进制数console.log(i.toString(2));2.Number将类型转换为数值类型,原来是数值则不变还为数值,字符串如果可以被转换为数值则转换为数值,例如"12"则被转换为数值12,不能被...

2020-03-22 12:14:10 180

原创 Box Shadow

1.box-shadow属性box-shadow属性是一个给元素添加阴影效果的css3属性,允许给元素设置一个或多个阴影效果,IE9+、Firefox 4、Chrome、Opera 以及 Safari 5.1.1 支持 box-shadow 属性。2.语法box-shadow属性由五个值组成:h-shadow(水平距离)、v-shadow(垂直距离)、blur(模糊距离)、spread(尺寸...

2020-03-08 21:30:28 296

原创 Css定位属性

在Css中用position属性来进行定位,主要有static.relative.absolute.fixed.sticked.inherit这几个值,而在其中top.left.right.bottom属性又决定了元素的位置。1. Positon:static这就是元素在文档流中的当前的布局位置,position的属性默认值也是static,此时给这个元素设置left.right.top.bo...

2020-03-01 11:45:54 262

原创 什么是怪异盒模型

盒子模型在说怪异盒模型之前我们先来了解一下盒模型,盒模型主要是在我们进行页面布局的时候来使用,我的理解是把它比喻成一个可变的框架,你可以往这里面加很多很多的东西去填充它的内容,盒模型又由几个大的部分组成从外到内依次为:margin(外边距)---->border(边框)---->padding(内边距)---->content(元素)为了便于我们理解可以看看下面这张图:了...

2020-02-22 18:42:50 6944 4

空空如也

空空如也

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

TA关注的人

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