2 .树懒.

学生身份

我要认证

暂无相关简介

等级
TA的排名 13w+

Vuex的学习记录,从入门到实战

为什么会有VuexVueX是适用于在Vue项目开发时使用的状态管理工具。试想一下,如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值,一旦项目变得很庞大,管理和维护这些值将是相当棘手的工作。为此,Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中,我们只需要把这些值定义在VueX中,即可在整个Vue项目的组件中使用。安装 Vuex 依赖包npm install vuex --save导入 Vuex 包import Vuex

2020-08-02 18:57:25

上不去github,但是又不想买梯子,我支招给你

缘由由于众所周知的原因,Github最近无法访问或访问很慢。由于Github支持https,因此此次屏蔽Github采用的方法是dns污染,用户访问github会返回一个错误的IP翻墙当然是一种解决办法了,但总感觉不是很爽1. 修改hosts (C:\Windows\System32\drivers\etc\hosts)记事本打开2.打开Dns检测|Dns查询 - 站长工具3.在检测输入栏中输入http://github.com官网4.把检测列表里的TTL值最小的IP输入到hosts里,并对应写

2020-08-02 01:00:55

IDEA创建springboot项目时,出现错误Error message:Cannot download ‘https://start.spring.io‘: connect timed out

解决方法使用这个网址 https://start.aliyun.com/ 阿里云

2020-07-28 17:23:17

element-ui的InfiniteScroll组件一直触发加载。

解决方法:包含的UI 需要设置固定的高度,或者与视图同高,height:100%

2020-07-24 12:04:23

scrapy+splash爬取动态js网页爬过的坑记录

- 安装Python 和 Scrapy 依赖 以及 Splash依赖- 安装Docker- 安装 Splash 容器- scrapy的简单讲解- 编写爬虫 的一些小技巧 和 bug最近在做毕业设计要求要一些数据,所以要爬取一些数据作为基底因为现在的网页大部分都是动态网页,不是静态网页了,对于爬取动态的网页 有以下这几种做法我而我选择了scrapy+splash,看我对他们分析,不对的地方请大神指出。1.scrapy + selenium2.scrapy + splash首先这两者我都用过

2020-07-09 17:48:29

python的pip安装失败,更换源

1、首先找到USERPROFILE这个环境变量的地址:在cmd中输入set,找到USERPROFILE的地址(一般情况下是用户的目录)2、进入到此地址下新建一个pip目录和pip.ini文件,pip.ini文件输入如下内容:[global]timeout = 300index-url = https://pypi.tuna.tsinghua.edu.cn/simple[install]trusted-host=tsinghua.edu.cn其中,https://pypi.tuna.tsin

2020-07-05 19:57:15

关于redistemplate取springcache存入的数据为null

关于redistemplate取springcache存入的数据为null记录一下我踩的坑,首先redistemplate自动配置的是RedisTemplate<Object, Object>,默认的序列化是JdkSerializationRedisSerializer,springdata还提供了不同的序列化类有GenericToStringSerializer、Jackson2JsonRedisSerializer、JacksonJsonRedisSerializer、JdkSerial

2020-07-01 10:51:14

java.lang.IllegalArgumentException: argument type mismatch

我出现此问题是因为使用lombok的@Data ,但是自己在类写了一个构造方法,那么lombok的无参构造和全参构造就会不给你编译了,所以解决方案只要 加上一个无参构造

2020-06-30 00:16:32

element-ui upload上传组件 动态配置action遇到的的坑,不能动态改变action的原因

在写el-upload的组件的时候,发现已经按照网上大部分抄来抄去的文章做了 ,但是还是一样不行后面发现是el-upload的submit方法太快了,导致动态绑定的方法执行在后面只要一个setTimeout(function(){},400)即可解决!!看代码实在是有点郁闷 ,这个坑!!!!...

2020-06-27 22:58:02

el-upload删除按钮,想获取点击图片索引,并删除文件

el-upload删除按钮,想获取点击图片索引,并删除文件废话不多说,上代码这是我的upload组件这是我的删除按钮都是官方示例,我稍加了一点属性而已,这里不多解释,我主要讲解删除逻辑我们通过ref获取到对象后,这个对象就是我们el-upload标签,里面有一个UploadFiles对象,就包含我们已经上传的文件对象,通过它找出我们点击图片对象的索引,这时候你拿到索引就可以做自己另外逻辑,此外移除点UploadFiles对象中我们所点击的图片对象,完成!...

2020-06-25 22:19:30

element-ui中el-upload多文件一次性上传

element-ui中el-upload多文件一次性上传在使用element-ui的el-upload,多文件上传,发现选择了多少个文件就请求多少次,一开始以为逻辑写错了,后面才知道原本就是这样的但现在想,多个文件发送一次请求,可以这么实现官方给的一个属性,每次el-upload调用submit()方法的时候都会触发一次这个属性绑定的方法uploadFile在uploadFile调用fileData的append函数前,把fileData初始化成一个表单数据对象,再调用submit()函数,e

2020-06-25 18:13:07

vue基于element-ui的upload,想回显图片的方法和超过文件数消除掉upload组件的加号

1. vue基于element-ui的upload,想回显图片的方法首先效果是这样,element-ui的upload组件属性足以完成官方也有案例,但是想完成在另一个地方回显图片可以这么做,先看看实现效果,点击上图的预览看看代码,给el-upload添加一个change事件on-change方法changeImage(file, fileList){ this.imageUrls.push(URL.createObjectURL(file.raw))

2020-06-24 20:58:16

float left的div子div无法撑起父div的高度解决方法

float left的div子div无法撑起父div的高度解决方法父div加上此样式{ overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}overflow检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。取值:visible : 默认值。不剪切内容也不添加滚动条。假如显式声明此默认值,对象将以包含对象的 window 或 frame 的尺寸裁切。并且 clip 属性设置将失效auto : 在

2020-06-24 19:46:20

element-ui的el-backtop用法

注意 必须在一个div内写el-backtop,其次这个div要有个类选择器,el-backtop的target写这个div的类选择器的名字,这个div的类选择器的样式必须有这俩个 不要修改大功告成!!!

2020-06-17 23:04:42

Vue+ElementUI的文件上传要求选择图片回显预览

在官方例子中 绑定img标签的src属性,并绑定文件上传变化的事件在文件每次变化,把文件的url放入blob池并回显。

2020-06-16 14:55:24

spring boot获取ApplicationContext一直为Null的解决方案

今天在用springbot整合netty写聊天室的时候,用到了自定义SpringUtils获取Spring容器中的对象,但是一直报ApplicationContext为null,最终找到了解决方案,如下SpringUtils.java (这个类要和springboot启动类放一起)@Component@Lazy(false)public class SpringUtils implements ApplicationContextAware { private static Applicat

2020-06-07 21:33:12

SSM使用hibernate-validator

SSM使用hibernate-validator这里记录一下,SSM项目使用hibernate-validator,因为和SpringBoot项目使用,还是有一定的差异的。引入依赖 <dependency> <groupId>org.hibernate</groupId> <artifactId>hibernate-validator</artifactId>

2020-06-01 10:37:00

数据库锁的概念的讲解

什么是悲观锁?在关系数据库管理系统里,悲观并发控制(又名“悲观锁”,Pessimistic Concurrency Control,缩写“PCC”)是一种并发控制的方法。它可以阻止一个事务以影响其他用户的方式来修改数据。如果一个事务执行的操作读某行数据应用了锁,那只有当这个事务把锁释放,其他事务才能够执行与该锁冲突的操作。悲观并发控制主要用于数据争用激烈的环境,以及发生并发冲突时使用锁保护数据的成本要低于回滚事务的成本的环境中。...

2020-05-28 11:45:21

Synchronized关键字的了解记录

Synchronized的两种方式1)对象锁包含方法锁(默认锁对象为this当前实例对象) 和 同步代码块锁(自己制定锁对象)synchronized(this) synchronized(new Object())2)类锁锁为Class对象(字节码对象)synchronized可以用来修饰代码块和方法。synchronized修饰普通方法时,锁对象是this对象。修饰静态方法时,锁对象是字节码文件对象。1、同步方法synchroniz

2020-05-28 09:48:53

@transactional 和synchronized同时使用不能同步的问题

如果在service层的方法上同时使用事务和锁无法保证同步例如:@Servicepublic class Demo{ @Transactional public void synchronized update() { ............ }}上面这个例子是无法保证数据的一致性由于spring的aop,会在update方法之前开启事务,之后再加锁,当锁住的代码执行完成后,在提交事务,因此synchronized代码块执行是在事务之内执

2020-05-27 23:54:22

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。
  • 原力探索 · S
    原力探索 · S
    在《原力计划【第二季】》打卡挑战活动中,发布 12 篇原创文章参与活动的博主,即可获得此勋章。(本次活动结束后统一统计发放)
  • 分享学徒
    分享学徒
    成功上传1个资源即可获取