散落的流沙-CSDN博客

原创 Vue样式设置的几种方式

1、直接使用class设置样式：代码：结果：2、通过v-bind绑定class设置样式：（1）使用json形式：代码：结果：（2）使用数组形式代码：结果：注意：通过第二种数组的方式，也可以通过三元表达式进行class的判断，此处不再赘述。3、通过:style设置样式代码：结果：注意：:style绑定样式是，不能使用常规的css样式，如font-size,background-color等，如果用到此类样式，需要遵循驼峰命名法，即fontSize，bac

2021-01-17 16:44:27 9926

原创 VUE报错------TypeError [ERR INVALID ARG TYPE]: The “path“ argument must be of type string

VUE项目中引入scss样式后启动，控制台报错TypeError [ERR INVALID ARG TYPE]: The “path“ argument must be of type string。经过反复查找，发现是因为sass-loader的版本过高导致，安装了sass-loader8.0版本后，webpack解析出错。解决方法如下：1、运行如下指令卸载已安装的sass-loadercnpm uninstall sass-loader2、指定sass-loader版本重新安装c

2020-09-15 12:43:17 7846 2

原创 npm安装yarn

npm和yarn的区别：1、速度区别npm 按照队列执行每个 package，也就是说必须要等到当前 package 安装完成之后，才能继续后面的安装；Yarn 同步执行所有任务，提高了性能。2、安装版本区别Yarn 默认会生成这样的锁定文件npm 要通过 shrinkwrap 命令生成 npm-shrinkwrap.json 文件，只有当这个文件存在的时候，packages 版本信息才会被记录和更新。npm5.0之后新增了类似yarn.lock的 package-lock.json

2020-09-10 09:42:19 3466

原创 ‘webpack-dev-server‘ 不是内部或外部命令,也不是可运行的程序

vue项目中安装ElementUI后，通过npm install或cnpm install启动时，控制台报错'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序，通过baidu后发现这是webpack的新版本的BUG，这里提供两种解决方案，可以尝试解决：1、卸载新版本，安装老版本npm remove webpack-dev-servernpm install webpack-dev-server@2.9.1npm run dev2、到项目的文件夹内，删除no..

2020-08-22 11:46:23 1974

原创 Linux命令——磁盘维护

badblocks： badblocks命令用于检查磁盘装置中损坏的区块，执行指令时须指定所要检查的磁盘装置，及此装置的磁盘区块数。cfdisk： cfdisk命令用于磁盘分区，它十分类似DOS的fdisk，具有互动式操作界面而非传统fdisk的问答式界面，可以轻易地利用方向键来操控分区操作。dd： dd命令用于读取、转换并输出数据。dd可从标准输入或文件中读取数据，根据指定的格式来转换数据，再输出到文件、设备或标准输出。e2fsck： ...

2020-08-06 17:28:21 338

原创 Linux命令——系统设置

alias： alias命令用于设置指令的别名。若仅输入alias，则可列出目前所有的别名设置。alias的效力仅及于该次登入的操作。若要每次登入是即自动设好别名，可在.profile或.cshrc中设定指令的别名。apmd： apmd命令用于进阶电源管理服务程序，负责BIOS进阶电源管理(APM)相关的记录，警告与管理工作。 aumix： aumix(audio mixer)命令设置各项音效装置的信号强度以及指定播放与录音的装置。 bin...

2020-08-06 00:05:15 1116

原创 Linux命令——系统管理

adduser： adduser命令用于新增使用者帐号或更新预设的使用者资料，与useradd指令为同一指令。使用权限：系统管理员。chfn： chfn命令提供使用者更改个人资讯，用于 finger and mail username 使用权限：所有使用者。chsh： chsh命令用于更改使用者 shell 设定。使用权限：所有使用者。date： date命令可以用来显示或设定系统...

2020-08-05 22:34:15 162

原创 Linux命令——网络通讯

apachectl： apachectl命令可用来控制Apache HTTP服务器的程序。apachectl是slackware内附Apache HTTP服务器的script文件，可供管理员控制服务器，但在其他Linux的Apache HTTP服务器不一定有这个文件。arpwatch： arpwatch命令用于监听网络上ARP的记录。ARP(Address Resolution Protocol)是用来解析IP与网络装置硬件地址的协议。arpwatch可监听区域网络中的A...

2020-08-04 16:40:30 182

原创 Linux命令——备份压缩

ar： ar命令用于建立或修改备存文件，或是从备存文件中抽取文件。它可让你集合许多文件，成为单一的备存文件。在备存文件中，所有成员文件皆保有原来的属性与权限。bunzip2： bunzip2命令是.bz2文件的解压缩程序，可以解压缩.bz2格式的压缩文件。bunzip2实际上是bzip2的符号连接，执行bunzip2与bzip2 -d的效果相同。bzip2： bzip2命令是.bz2文件的压缩程序，bzip2采用新的压缩演算法，压缩效果比传统的LZ77...

2020-08-04 15:08:24 451

原创 Linux命令——磁盘管理

cd： cd命令用于切换当前工作目录至 dirName(目录参数)。其中 dirName 表示法可为绝对路径或相对路径。若目录名称省略，则变换至使用者的 home 目录。df： df命令用于显示目前在Linux系统上的文件系统的磁盘使用情况统计。dirs： dirs命令用于显示目录记录。du： du命令用于显示目录或文件的大小，它会显示指定的目录或文件所占用的磁盘空间。edquota： edquota命令用于编辑用户或群组的磁盘...

2020-08-04 14:34:10 207

原创 Linux命令——设备管理

dumpkeys： dumpkeys命令用于显示键盘映射表，输出的内容可以被loadkeys命令识别，改变映射关系loadkeys： loadkeys命令可以根据一个键盘定义表改变linux键盘驱动程序转译键盘输入过程MAKEDEV： MAKEDEV命令用于新增/dev/下的装置档案，多数分区已经将所有的档案都产生，所以一般不太需要使用这个命令poweroff: poweroff命令用于关闭计算器并切断电源。使用权限：系统管理者。rdev：...

2020-08-04 13:26:25 188

原创 Linux命令——文件传输

bye： bye命令用于中断FTP连线并结束程序。在ftp模式下，输入bye即可中断目前的连线作业，并结束ftp的执行。ftp： ftp命令设置文件系统相关功能。FTP是ARPANet的标准文件传输协议，该网络就是现今Internet的前身。ftpcount： ftpcount命令用于显示目前以FTP登入的用户人数，执行这项指令可得知目前用FTP登入系统的人数以及FTP登入人数的上限。ftpshut： ftpshut命令在指定的时间关闭FTP服务器。该指令提供系统管理...

2020-08-04 13:23:03 389

原创 Linux命令——文档编辑

col： col命令用于过滤控制字符。colrm： colrm命令从标准输入设备读取数据，转而输出到标准输出设备，用于过滤指定的行，如果不加任何参数，则该指令不会过滤任何一行。comm： comm命令用于比较两个已经排过序的文件的差异并显示出来。csplit： csplit命令用于分割文件，将文件依照指定的范本样式予以切割后，分别保存成名称为xx00,xx01,xx02...的文件。ed： ed命令用于文本编辑。它是Linux中...

2020-08-04 12:42:59 244

原创 Linux命令——文件管理

awk：一种处理文本文件的语言，是一个强大的文本分析工具。cat： cat命令用于把档案串连接后传到基本输出（或加>filename到另一个档案文件）。chattr： chattr命令用于改变文件的属性。chgrp： chgrp命令用于变更文件或目录的所属群组。用于变更文件或目录的所属群组。chmod： linux文件调用权限分为三级：文件拥有者、群组、其他。chmod可以控制文件如何被他人调用。chown： ...

2020-08-04 11:10:17 142

原创工厂方法模式

工厂方法模式：Factory Method在我们的日常开发中，很多地方都可以用上工厂方法模式（事实是基础开发中，大部分人从来都不会去考虑使用）。工厂方法模式英文定义：Define an interface for creating an object, but let subclasses decide which class to instantiate.Factory Method lets a class defer instantiation to subclasses.工厂方法模式

2020-08-02 16:33:04 4946 1

原创设计模式——单例模式

单例模式：Singleton单例模式英文定义：Ensure a class has only one instance,and provide a global point of access to it.单例模式中文定义：确保一个类只有一个实例，而且自行实例化并向整个应用提供这个实例。单例模式优点：1、在内存中只有一个实例，减少了内存开支；2、只生成一个实例，减少了系统的性能开销；3、可以避免对资源的多重占用；4、可以在系统设置全局的访问点，优化和共享资源访问，比如数据

2020-08-01 17:23:32 505

原创 SpringBoot项目的JSON序列化输出

在目前web开发中，JSON是主流的数据传输方式，在SpringMVC中使用消息转换器HttpMessageConverter对JSON的转换提供了很好的支持，在SpringBAoot中，对JSON转换做了进一步的简化。常用的JSON序列化方式主要有三种：A、默认方式B、fastjson（alibaba）C、Gson（google）首先说一下默认Json序列G化的方式，这种方式只要在实体类的字段上添加注解即可。以下为案例：1、创建SpringBoot项目并在pom.xml文件中添加web

2020-07-25 23:31:49 4413

原创 SpringBoot配置HTTPS安全连接

在文章【HTTPS配置】中，介绍了怎么样通过JDK中的Keytool工具来生成一个数字证书，证书生成后，怎么样在Java项目中使用呢？本文将介绍如何在SpringBoot项目中使用生成的数字证书进行HTTPS安全配置。1、通过JDK的keytool工具生成数字证书（详细说明参考HTTPS配置），指令如下：keytool -genkey -alias projectHttps -keyalg RSA -keySize 2048 -keystore project.cer -validity 365

2020-07-25 17:49:46 1715

原创 HTTPS配置

HTTPS （全称：Hyper Text Transfer Protocol over SecureSocket Layer），是以安全为目标的 HTTP 通道，在HTTP的基础上通过传输加密和身份认证保证了传输过程的安全性 [1] 。HTTPS 在HTTP 的基础下加入SSL 层，HTTPS 的安全基础是 SSL，因此加密的详细内容就需要 SSL。 HTTPS 存在不同于 HTTP 的默认端口及一个加密/身份验证层（在 HTTP与 TCP 之间）。这个系统提供了身份验证与加密通讯方法。它被广泛用于万维网.

2020-07-25 16:58:05 404

原创 SpringBoot切换application配置文件

在Springboot项目中，我们通过application.properties或者application.yml配置文件对项目进行必要的配置，在项目发布前，需要频繁的在本地开发环境、测试环境和生产环境等之间进行切换。这个时候如果单纯的去修改application配置文件，那么将带来大量的工作量。对此，Spring Boot提供了一个简洁的解决方案，约定不同环境下的配置文件名称规则为application-{profile}.properties，此时只需要给不同环境下的application文件加上

2020-07-25 08:00:03 2616 2

原创 SpringBoot发送邮件——简单邮件发送

在项目中，有多种场合需要用到邮件发送功能，比如说OA系统中，给用户创建了账号后，给用户的邮箱发送账号信息，或者在系统报错的情况下，向开发人员发送错误信息方便及时进行错误排查等等。在Springboot项目中，整合邮件发送功能非常简单方便，只需要在项目中添加spring-boot-starter-mail这个jar包后再进行配置就可以了。...

2020-07-23 17:01:30 815

原创 SpringBoot整合kaptcha生成验证码

再web开发中，登录页通常需要进行辅助验证，通常的验证方法有短信验证、验证码验证、拼图验证等。本文记录了验证码验证的验证码生成过程。验证码生成的方式有多种，比较呆板的方式就是在前端生成，不过这种方式实在太麻烦，后来接触到了kaptcha，感觉是真的很简单。kaptcha生成验证码在后端运行，下面直接上代码：项目结构：pom文件引入必要依赖（lombok为非必要依赖，只是习惯使用了）：<?xml version="1.0" encoding="UTF-8"?><p

2020-07-21 18:18:32 669

原创 SpringBoot解决跨域问题

在解决跨域问题之前，可以先想想什么是跨域，对跨域是否了解。1、什么是跨域？为了保证浏览器的安全，不同源的客户端脚本在没有明确授权的额情况下，不能读写对方资源，这叫做同源策略，同源策略是浏览器安全的基础。如果一个请求地址里面的协议、域名和端口号三者与目标地址都相同，就属于同源。比如http://www.hongke.com/addUser.html，和http://www.hongke.com/menu/addMenu.html同源，和http://www.aaa.com/addUser.ht

2020-07-20 17:19:39 994

原创 SpringBoot整合Swagger

Swagger官网：https://swagger.ioSwagger官方文档：https://swagger.io/docs在没有使用Swagger之前，我们在做前后端分离项目或接口项目时，总是需要再写一份接口文档给调用方，每次更新代码之后，可能还需要再更新接口文档，有时候过于忙碌甚至来不及更新，麻烦了自己的同时，可能还会惹来别人的抱怨。在这种情况下，使用Swagger自动生成文档就给我们带来了很多方便，只需要在编写代码的时候，加上注解和描述即可，代码完成了，文档也自动生成了。本文即记录了

2020-07-20 15:20:42 184

原创 Establishing SSL connection without server‘s identity verification is not recommended

在启动SpringBoot项目的时候，控制台出现了如下警告，虽然不影响开发，但是每次启动看到这种提示还是很烦的：WARN: Establishing SSL connection without server's identity verification is not recommended. According to MySQL 5.5.45+, 5.6.26+ and 5.7.6+ requirements SSL connection must be established by default

2020-07-09 22:39:28 1749

空空如也

空空如也