MareMo_-CSDN博客

原创 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 593

原创 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 185

原创 Vue生命周期

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

2020-07-29 10:04:59 154

原创 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 1240

原创 JS中的防抖节流

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

2020-07-18 11:31:53 273

原创 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 263

原创什么是怪异盒模型

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

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

qq_39378871的博客