- 博客(38)
- 收藏
- 关注
RSS订阅原创 子父组件传值的获取不到值
子组件中的 <button @click="handleClick()">查看称号</button> methods: { handleClick(){ console.log(this.hero.desc); this.$emit("handleEvent",this.hero.desc) } },父组件中 methods:{ fun(data){ consol
2022-04-11 19:18:52
411
原创 给自定义组件添加单击事件
自己定义了一个按钮按组件<template> <div> <div class="endBtn"> <van-button type="danger" block color="linear-gradient( to left ,#F24B0B, #FF4A44 )">{{btnMsg}}</van-button> </div> </div></template>&
2022-04-11 19:12:26
2280
原创 Vue.js 图片不显示 | 图片资引用
Vue.js 图片不显示在data中定义图片的路径，在引用的时候，图片不会被显示 { id:1, name:"李四", moneyCategory:"美元/钞", count:"6234 **** 0798", money:700000.00, logo: "../assets/img/transferManage/ic_logo_gongshang.svg", b
2022-04-08 18:09:54
670
原创 JS通过时间戳来判断是否超时30分钟
通常再js中会有一些业务场景，需要判断超市30分钟完成任务的。let d1 = new Date().getTime();let d2 = new Date().getTime();// 判断是否超市30分钟Math.abs(d1-d2) >= (30*60*1000)
2022-04-08 17:59:46
2569
2
原创 学习vuex这一篇就足够了
vuexvuex简介点击vuex 查看官网Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。为什么使用vuex?有什么状态时需要我们在多个组件间共享呢？比如用户的登录状态、用户名称、头像、地理位置等等。比如商品的收藏、购物车中的物品等等。这些状态信息，我们都可以放在统一的地方，对它进行保护管理，而且它们还是响应式的。vuex的五种状态1.statestate师vuex
2022-04-02 17:34:00
1135
原创 关于项目中axios的简单封装
axios 是请求后台资源的模块。 通过npm install axios -S来安装，在大多数情况下我们需要封装拦截器，在实现登录的过程中我们一般在请求拦截器中来加入token，在响应请求器中通过判断后端返回的状态码来对返回的数据进行不同的处理。如果发送的是跨域请求，需在配置文件中 config/index.js 进行代理配置。// 可以进行全局默认配置axios.defaults.baseURL = 'https://api.example.com';axios.defaults.headers.
2022-03-26 12:22:47
849
原创 TypeScript
TypeScript1.开始TSECMAscript,javascript,typescript的关系ECMAscript是js的标准,是语法规范,而TS是js的超集.安装TS npm i typescript -g然后创建一个hello.ts然后运行tsc hello.js然后可以看见多出了一个hello.js文件node hello.js优化编译当编写一个函数的时候,去调用一个函数function hello(a,b){ console.log(a,b)}
2022-03-26 12:06:40
1386
原创 vue+vue3
Vue文章目录Vue1.基础知识v-cloakv-prev-oncev-bindv-on事件修饰符v-model冒泡和禁止默认事件事件捕获键盘修饰符v-for表单控件绑定表单修饰符闭包v-if和v-show宏任务和微任务计算属性Watch 侦听器filter过滤器自定义指令生命周期函数mixin组件组件传值 父传子组件传值 子传父子组件之间传值ref动态组件匿名插槽具名插槽作用域插槽2.Vue-cli脚手架安装脚手架路由子路由动态路由路由守卫新增的生命周期方法路由设计3.axios4.EsLint5.跨域
2022-03-26 12:04:47
2553
原创 Mongodb
Mongodb1.查询当前数据库db2.查询所有数据库show dbs3.创建并切换数据库use student4.删除数据库db.dropDataBase()5.创建集合db.createCollection(“stu”)6.得到当前目录下的集合db.getCollectionNames();7.创建一个文档 插入数据db.stu.insert([{name:‘m1’,age:12},{name:‘林冲’,age:23}])db.stu.save([{name:‘m1’,ag
2022-03-26 12:03:44
589
2
原创 sass-
Sass在sass中用$来定义变量注释为//变量定义单值$r:red;//引用变量.box1{ color:$r;}多值变量$c:red green #ccc // 多值用空格隔开// 使用.box{ color:nth($c,1) //nth()是取值的函数，取谁的对几个值 }复杂变量$l:(box2 100px red)(box3 200px green)(box4 50px blue)@each $a,$b,$c
2022-03-26 12:02:15
129
原创 Node.js
node服务器模块：http// 用require 引入模块const http = require("http");// 这里的函数，是服务器被访问时需要执行的功能 res是响应，req是请求const serverObj = http.createServer(function(req,res){ const url = req.rul; // 设置编码，防止乱码 res.writeHead(200,{"Content-Type":"text/plain;chars
2022-03-26 09:41:53
95
原创 JQuery
jQuery1.选择器选择器 和css的选择器差不多，只有几个不一样// 选择器 和css的选择器差不多，只有几个不一样// 类选择器，有多少选中多少 $(".box").css("background","red");// id选择器 只能选中第一个 $("#box").css("background","red");// 标签选择器 $("div").css("background","red");// 群组选择器 $("div,ul").css("background"
2022-03-26 09:38:13
98
原创 javascript
jsjavascript是什么，从哪来网页是什么，由html超文本标记语言实现的一种在浏览器中可以查看的文档类型。默认情况下，此文档没有任何交互功能，为了提升用户体验，需要给文档添加行为，交互等功能。此时需要一种脚本语言，给文档添加行为或交互。这个脚本语言就是javascript。javascript的历史网页的组成：html结构，css样式，javascript行为ECMA是javascript的规划化组织，推出了javascript的规范，叫ECMAscript。javascript的组成
2022-03-26 09:37:23
183
原创 CSS+CSS3
css文章目录css1.CSS引入2.固定定位3.样式优先级4.选择器1.元素、id、类选择器2.群组、通配符、后代选择器3.伪类选择器4.选择器权重5.css属性1.css文本属性2.列表属性3.背景属性4.浮动属性5.盒子模型1.内边距2.边框3.外边距6.溢出属性7.元素类型8.定位属性9.锚点10.自适应11.CSS31.选择器层级选择器属性选择器伪类选择器2.文本阴影3.盒子阴影4.圆角边框5.引入字体6.怪异盒子7.弹性盒子8.项目对齐方式调整顺序剩余宽高9.多列布局10.响应式布局11.em
2022-03-26 09:36:05
209
原创 HTML+H5
HTML文章目录HTML1、html 基础标签2、 属性3、特殊符号5、列表6、图片标签7、超链接8、表格9、表单单选框 radio复选框 checkbox文件上传下拉菜单文本域字段集10、H5语义化标签音频标签视频标签表单增强1、html 基础标签 <!-- 标题 h1-h6 h1的权重最高--> <h1>一级标签</h1> <!-- 段落标签 p 换行 br --> <p>我是一只小鸭子，<br&
2022-03-26 09:35:12
537
原创 统信UOS安装jdk1.8
统信UOS安装jdk1.81.下载压缩包https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html2.解压压缩包tar -zxvf jdk-8u221-linux-x64.tar.gz 3.在/etc/profile中配置环境变量sudo vim /etc/profile#将下面内容复制进去export JAVA_HOME=/data/home/cbbgs/software/jdk1.8.0_221
2022-01-22 10:57:05
4741
1
原创 统信UOS安装node环境
安装node与npmsudo apt install nodejssudo apt install npm安装n模块sudo npm install -g n选择版本---->三选一sudo n latest //最新版本sudo n stable //稳定版本sudo n lts //长期支持版本更新npmsudo npm install -g npm绑定淘宝镜像sudo npm config set registry https://registry.npm.tao
2022-01-19 21:12:20
1919
1
原创 Java String contains() 方法
Java String contains() 方法contains() 方法用于判断字符串中是否包含指定的字符或字符串。如果包含指定的字符或字符串返回 true，否则返回 false。String str = "I LOVE CHINA";System.out.println(str.contains("C")); // trueSystem.out.println(str.contains("LOVE")); // false...
2021-09-10 14:49:11
622
1
原创 时间比较问题
## 时间比较问题Date1.after(Date2),当Date1大于Date2时，返回TRUE，当小于等于时，返回false；Date1.before(Date2)，当Date1小于Date2时，返回TRUE，当大于等于时，返回false；时间越大越往后SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");Date date = new Date();Date startTime = df.parse("2021-
2021-09-06 16:26:46
122
原创 Centos安装docker
centos 安装1、卸载旧版本$ sudo yum remove docker \ docker-client \ docker-client-latest \ docker-common \ docker-latest \ docker-latest-logrotate \ docker
2021-08-26 20:30:48
90
原创 一个windows向Liunx传输文件数据的神奇命令
介绍一个windows向Liunx传输文件数据的神奇命令先在centos安装一个软件yum install lrasz 安装成功之后，执行命令rz就会跳出来这个界面就可以选择文件了，就不用单独安装xftp了。
2021-08-26 16:21:30
88
原创 Linux
Linux文章目录Linux学习LINux的阶段Linux 简介Linux主要发行版应用市场与Windows的区别走进LInux系统目录结构常用的基本命令目录管理切换目录命令列出目录显示当前目录创建目录删除目录复制文件或目录移除文件或目录移动文件或修改名称基本属性修改文件属性文件内容查看Vimvi/vim 的使用命令模式：输入模式底线命令模式账号管理添加账户删除账户修改用户切换用户用户密码设置用户组管理创建用户组删除用户组修改用户组切换用户组磁盘管理dfdu磁盘挂载与卸除进程管理安装JDK学习LINux
2021-08-26 16:06:09
793
原创 LeetCode笔记
LeetCode前言：知道的越多，不知道的就越多。持续学习始于：2021/08/05gitee地址：gitee开始慢慢补齐自己的短板-算法。1、两数之和题目：给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target 的那 两个 整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。示例 1：输入：nums = [2,7,11,15], target =
2021-08-06 10:55:45
80
原创 记录一次技术整合，包含微服务、mybatis-plus、vue、redis等
文章目录一、Mybatis-plus01-Mybatis-plus的准备02-自动添加值03-Mybatis-plus的增删改查04-wapper条件构造器05-分页二、Swagger三、统一返回结果对象四、node01-下载安装02-NMP03-webpack五、Element01-环境准备02-路由03、富文本编辑器六、阿里云OSS七、EasyExcel八、Nacos让idea出现RunDashboardNacos九、OpenFeign十、OPenfeign结合Hystrix十一、服务端渲染技术NUXT
2021-08-04 09:51:53
463
1
原创 VUE新手入门
vue文章目录vue1 第一个vue程序1.1 引入vue包1.2 创建一个div1.3 创建一个vue对象2 v-html3 v-show4 v-if5 动态绑定class 三目、对象、数组6 动态绑定style三目、对象、数组7 v-if 和v-else,v-else-if8 v-for9 过滤10 事件处理器11 事件修饰符12 按键修饰符13 表单绑定 v-model14 购物车15 axios16 计算属性17 计算属性之模糊查询18 组件19 父传子20 生命周期方法21 路由22 axio
2021-08-03 19:55:53
214
2
原创 RabbitMQ 实战教程
RabbitMQ 实战教程1.MQ引言1.1 什么是MQMQ(Message Quene) : 翻译为 消息队列,通过典型的 生产者和消费者模型,生产者不断向消息队列中生产消息，消费者不断的从队列中获取消息。因为消息的生产和消费都是异步的，而且只关心消息的发送和接收，没有业务逻辑的侵入,轻松的实现系统间解耦。别名为 消息中间件 通过利用高效可靠的消息传递机制进行平台无关的数据交流，并基于数据通信来进行分布式系统的集成。1.2 MQ有哪些当今市面上有很多主流的消息中间件，如老牌的ActiveMQ、
2021-08-03 19:13:31
353
原创 记录一次idea因为虚拟内存不足而闪退的经历
记录一次idea闪退的经历这几天一直被idea闪退所烦恼。现在终于找到就解决办法。打开idea会有错误提示。## There is insufficient memory for the Java Runtime Environment to continue.# Native memory allocation (mmap) failed to map 101711872 bytes for Failed to commit area from 0x0000000096a00000 to 0
2021-08-03 10:43:30
3755
原创 Redis初探
Redis文章目录Redisnosql为什么要用nosql什么是NosqlNosql特点阿里架构分析Nosql的四大分类Redis概述安装windows安装Linux安装1、centos安装2、docker安装性能 测试基础知识五大基本数据类型Redis-keystring追加字符串查看value的长度自增和自减字符串范围替换字符串setexsetnx批量操作对象getsetList添加到列表移除一个元素通过下标得到值list长度截取很多元素rpoplpush设置值插入一个值在某个元素后面或前面set添加
2021-08-03 10:33:35
276
原创 ElasticSearch
ElasticSearch概述ElasticSearch，简称es，es是一个开源的高拓展的分布式全文检索引擎，它可以近乎实时的存储、检索数据；本身拓展性很好，它可以拓展到上百台服务器，处理PB级别的数据。es也使用java开发并使用Lucene的复杂性，从而让全文检索变得简单据国际权威的数据库产品评测机构DB Engines的统计，2016年1月，ElasticSearch已超过solr等成为排名第一的搜索引擎类应用ElasticSearch和solr的差别ElasticSearch简介El
2021-07-29 12:32:49
238
原创 微服务启动报错 Command line is too long.
微服务启动报错 Command line is too long.先看看错误原因1、选择要启动的服务的启动类2、点击编辑配置3、选择Environment，选择JRE自己的环境和short command line 选择 classoath file
2021-07-29 10:30:37
291
原创 调整Centos7 的运行等级
调整Centos7 的运行等级Centos7默认的运行等级为graphical.target，这个是有图形化界面的，怎么修改让centos7只有黑框框呢？1、打开命令窗口2、查看运行的等级cat /etc/inittab3、修改等级即可systemctl set-default muti-user.target重启虚拟机即可...
2021-07-29 09:21:25
96
原创 SpringCloud netflix H版 后续出Alibaba版
SpringCloud-netflix版文章目录SpringCloud-netflix版1 什么是微服务1.1 什么是微服务1.2 微服务的优缺点1.3 微服务五大组件1.4 SpringCloud与Spring boot的关系2 实践准备2.1 创建父项目2.2 创建公共模块2.3 创建服务提供者模块2.4 创建微服务消费者3 Eureka 服务注册中心3.1 什么是Eureka3.2 两个组件3.3 三个角色3.4 **Eureka的自我保护机制**3.5 Eureka项目构建3.5.1构建Eure
2021-07-20 18:06:32
336
2
原创 Mybatis快速配置-不适合入门
Mybatis文章目录Mybatis1、什么是Mybatis2、快速入门2.1、db.properties2.2、 log4j.properties2.3、MybatisConfig.xml2.4、编写java类2.5编写测试类1、什么是Mybatis MyBatis 是一款优秀的持久层框架，它支持自定义 SQL、存储过程以及高级映射。MyBatis 免除了几乎所有的 JDBC 代码以及设置参数和获取结果集的工作。MyBatis 可以通过简单的 XML 或注解来配置和映射原始类型、接口和 Jav
2021-07-16 16:25:29
100
原创 JVM-狂神授课版本
JVM初探1、JVM的位置2、JVM体系结构本地方法接口：JNI（Java Native Interface）3、类加载器作用：加载Class文件。1、虚拟机自带的加载器2、启动类（根）加载器【BOOT】3、扩展类加载器【EXT】4、应用程序加载器【APP】注：从4到1进行加载1、双亲委派**解释：双亲委派机制（安全）：APP—>EXT—>BOOT【最终执行】 **类加载器收到类加载的请求将这个请求向上委托为父类加载器去完成，一直向上委托，直到启动
2021-07-16 07:54:31
133
1
原创 docker初探
Docker前言-知道的越多，不知道的就越多！文章目录DockerDocker 能干嘛？Docker的基本组成Docker安装基于ubuntucentos 安装阿里云镜像加速Docker 底层原理Docker常用命令帮助命令镜像命令查看所有镜像搜索镜像下载镜像删除镜像容器命令创建容器并启动列出所有正在运行的容器退出容器删除容器启动和停止容器的操作常用的其他命令 run -d后台启动容器查看日志命令-logs查看容器进程 top查看容器的元数据 inspect进入当前运行的容器 exec attach
2021-07-14 20:47:56
256
原创 Maven安装-保姆级别
标题什么是maven?什么是maven? maven是基于项目对象模型(POM project object model)，可以通过一小段描述信息（配置）来管理项目的构建，报告和文档的软件项目管理工具[百度百科] 这种又是大白话，如果没明白maven是什么，那么上面这句话跟没说一样，我自己觉得，Maven的核心功能便是合理叙述项目间的依赖关系，通俗点讲，就是通过pom.xml文件的配置获取jar包，而不用手动去添加jar包，而这里pom.xml文件对于学了一点maven的人来说，就有些熟悉了，怎么
2021-07-13 13:47:48
127
原创 最简洁的Git的基本操作
Git文章目录GitGit 与 SVN 区别下载安装仓库基本命令本地仓库初始化仓库添加在暂存区提交到数据库查看状态比较文件差异添加暂存区和撤销查看日志版本回退本地恢复删除版本库远程仓库从gitee上拉取代码将本地仓库的代码上传到gitee仓库将本地仓库的代码上传到github仓库配置 SSHssh上传Git分支操作查看所有分支创建一个分支切换分支分支重命名合并到主干删除分支分支的远程操作查看本地与远程分支推送本地分支的内容到远程仓库创建其他本地分支并且拉取远程分支的内容删除远程分支分支冲突操作与解决本地分
2021-07-12 20:31:40
401
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人