- 博客(16)
- 收藏
- 关注
RSS订阅原创 Vuex用法详解
Vuex用法（新手教程）对于新手，觉得Vuex难懂，在项目开发中也不想运用，想着能省则省，但是你会发现也许会造成大量的代码冗余。如果学会了Vuex，可以简化你大部分代码，作为新手，通俗的讲一讲关于Vuex的用法。新建一个store.js文件；在main.js文件下引入并使用（注意store.js文件的引入路径）；在store.js文件下引入Vuex，一定不要忘记use.(Vuex)。这个时候就可以放心使用Vuex的功能了，state下就是储存的注册在全局的状态值，先初始设置一个count值此时
2021-03-18 13:52:14
213
原创 Vue中watch的详细用法
Vue中watch的详细用法运用场景当项目中某个值发生变化时，想执行对应的方法或者时刻获取最新的值，此时就需要用到watch方法常规用法当值发生变化直接执行定义在methods中的方法，这种写法，只有当值value发生变化时，才会执行方法，第一次默认绑定值时不会执行changeValue函数；data(){ return{ value:'' }} watch:{ value:'changeValue' }, methods:{ changeVal
2021-01-07 09:41:32
2051
1
原创 mongoDB数据库插入多组对象数据
在使用mongoDB插入数据时，用insertMany，一定要注意的是，如果传入的是多个对象参数，那么一定要用【】括起来，不然数据插入不进去这里我插入数据时，没有加上【】，结果添加了半天，需要插入数据库的参数还是没有找到。后来发现是这里的原因。 这种小错误要尽量避免，不然白忙活。加上【】之后，就解决了这个问题。...
2020-08-28 21:06:03
856
原创 The old API will be supported in all 16.x releases, but applications using it should migrate to the
使用antd组件时候，运行react项目报错：所有以前16个版本都将支持旧的API。x版本，但是使用它的应用程序应该迁移到新版本，这里只需要将App.js文件下的React.StrictMode删除掉即可。
2020-08-26 14:37:28
1251
原创 internal/modules/cjs/loader.js:638 Error: Cannot find module ‘E:\stage3\react-one\scripts\start.js‘
运行react项目时，后台运行报错：原因是你没有scripts文件，在你运行npm run eject后会默认有一个scripts文件夹和confign文件夹的，如果没有启动就会报错。
2020-08-26 14:13:48
613
原创 Warning: Failed prop type: Invalid prop `component` of type `object` supplied to `Route`, expected `
React项目运用mobx运行时 报错导致项目页面，数据调不出来。错误原因：传入的参数数据类型有误解决：mobx所在 的文件中，有参数未定义，导致无法接收后端传回来的数据增加定义一个接收数据的参数即可。...
2020-08-24 20:41:18
4062
原创 Expected an assignment or function call and instead saw an expression no-unused-expressions
字面意思：这里期望的应该是 函数调用或者是赋值，而不是一个表达式原因：解决办法：这样就解决了。
2020-08-14 21:01:19
11166
1
原创 vue中结合mixins运用layui弹窗
1.有时候在写vue项目时，如果遇到某功能代码块可复用的，可以运用mixins混入来减轻单页面的负担。mixins就是混入代码块2.运用：先在utils文件下的index.js文件里暴露一个代码块并命名export const mymixins={ methods:{ seebig(){ layer.open({ title: '标题', area:['750px','550px'],
2020-08-07 22:08:37
283
原创 vue中使用layui库
1.第一步：在对应的项目文件下CMD安装依赖包：npm i layui -S (这里是项目依赖，按需安装)2.第二步：引入文件：到public的主HTML文件下<link rel="stylesheet" href="../node_modules/[email protected]@layui/dist/layui.css"> <script src="../node_modules/[email protected]@layui/dist/layui.js"></script&
2020-08-07 21:50:10
804
原创 vue.js:634 [Vue warn]: Error in nextTick: “TypeError: Failed to execute ‘observe‘ on ‘MutationObserv
Vue使用Swiper插件时，有时候会出现bug：原因： 书写Swiper时，格式不对，按照下面格式补全即可<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(li,i) in list" :key="i">
2020-07-28 21:21:24
851
原创 数组的常用方法详解二
1.Array.splice();在原数组的基础上进行增删改，所得到的结果是删除的元素组成的新数组,会改变原数组的结构splice()的语法是：arr.splice(添加/删除元素的位置，要删除的元素数量，添加的新元素)例：删除第一个元素： （例子里初始arr内元素都一样）var arr=[1,2,3,4,5]; var arr1=arr.splice(0,1); console.log(arr); //结果为 [2,3,4,5] console.log(arr1); /
2020-07-16 21:55:47
95
原创 数组的常用方法详解一
1.Array.map()是一种将数组中的每个元素进行调用，并返回一个新数组的迭代方法。例：let arr=[1,2,3,4,5]; let arr1=arr.map(item => item+2); console.log(arr1); //可以得到结果 [3,4,5,6,7] console.log(arr); //原数组不发生变化 [1,2,3,4,5]2.Array.filter()将数组中的所有元素进行调用后，将满足条件的元素放在一个新数组里面返回出来
2020-07-14 21:53:52
176
原创 JS中实现拖拽效果
JS拖拽效果实现拖拽效果方法：利用JS监听鼠标的三个事件，共同配合来实现这个操作（鼠标按下事件、鼠标释放事件、鼠标按下移动事件）实现原理：使用on来监听事件， 例：onmousedown监听鼠标按下事件；onmousemove监听鼠标移动事件；onmouseup监听鼠标释放事件。例：首先设置需要拖拽的元素对象样式：需要设置定位，让它脱离文档流抒写思路：（1）首先获取到对应元素div...
2020-04-06 17:37:52
869
原创 关于for循环的简单介绍
For循环详解For循环结构是由三部分组成的：初始变量、循环条件、变量的变化和循环的语句块。初始变量：循环开始时，变量的初始值，当定义多个变量时，他们中间用“，”隔开。循环条件：又叫测试语句，测试给定的条件是真还是假。如果条件为真，那么就要执行循环中给定的代码，否则循环就会退出来。循环语句块：当条件满足时，所要执行的代码，给出特定的结果。1、for（定义初始变量，第二个变量，循环条件；...
2020-03-22 20:34:33
2496
原创 关于定位（绝对/相对）
逆战班技术汇总（二）定位（相对定位/绝对定位）：通俗的说就是设置元素在页面中的位置，他是可以实现元素之间的层叠关系的。HTML5中常见的定位属性有以下几点：1.position:static;（默认值，没有定位）2.position:relative;（相对定位：相对于当前元素自身进行偏移，不能独立存在。不使元素脱离文档流，空间继续保留，如果没有定义偏移值，那么对元素本身没有影响。）例：...
2020-03-02 22:22:09
272
原创 CSS基础样式运用
逆战班技术汇总（一）一、HTML常用标记：一般的常规标记都是有开始，有结束的。例如也有一些是空标记，有开始没有结束的。例如段落标记：页面大标题：文本标记：、、、、、、（一个页面一般只有这个6个标记）文字加粗标记 ：、（后者带有强调的意思）（文字加粗在后面可用CSS样式来调节“font-weight”）文字倾斜标记：、下划线标记：、删除线标记：、水平线：强制换行： 版权备...
2020-02-23 21:08:14
172
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人