笔记
文章平均质量分 57
Spongebob_nut
学生(๑˙ー˙๑)
展开
-
Vue实现元素沿着坐标数组移动,超出窗口视图时页面跟随元素滚动
监听小船的boatMoveIndex属性,如果boatMoveIndex改变,则利用window.scrollBy()方法,把内容滚动到指定的像素数。原创 2023-06-20 19:00:04 · 952 阅读 · 0 评论 -
Parsing error: No Babel config file detected for xxx Either disable config file checking...报错解决方法
eslint根据eslint配置文件的parserOption,知道了要使用babel对代码进行解析,但是解析babel需要使用babel配置文件,由于找不到配置文件(babel配置文件默认需要放在根目录下),所以会报错。原创 2022-10-13 15:22:02 · 13519 阅读 · 4 评论 -
将本地代码托管到GitHub仓库中
git remote add origin xxxxxxgit push -u origin master原创 2022-07-27 11:57:51 · 545 阅读 · 0 评论 -
v-for 中 key 的作用
v-for中key的作用:给要循环的元素绑定一个唯一的身份标识。原创 2022-07-15 16:37:57 · 519 阅读 · 0 评论 -
对强缓存和协商缓存的理解
缓存是指代理服务器或客户端磁盘内保存的资源副本。利用缓存可减少对服务器的访问,因此也就节省了通信流量和通信时间。浏览器缓存是为了节约资源,并且可以加速浏览网站的速度,当用户第一次访问网页的时候,浏览器在用户磁盘上对请求的文档进行保存,当第二次访问的时候,就会从本地直接显示,从而提高了页面的访问速度。...原创 2022-06-27 10:43:07 · 686 阅读 · 0 评论 -
对JavaScript中闭包的理解
原创 2022-05-06 21:52:16 · 418 阅读 · 0 评论 -
Vue响应式原理---双向绑定
一、Vue中的响应式Vue最独特的特性之一,是其非侵入行的响应式系统。数据模型仅仅是普通的JavaScript对象,而当修改它们时,视图会进行更新。二、响应式的基本原理—双向绑定双向绑定,就是把Model绑定到View,当我们用JavaScript代码更新Model时,View就会自动更新,在单向绑定的基础上,如果用户更新了View,Model的数据也会自动更新。双向绑定由三个重要部分构成:数据层(Model):应用数据及业务逻辑视图层(View):应用的展示效果,各类UI组件业务逻辑层(V原创 2022-04-24 18:48:59 · 4484 阅读 · 2 评论 -
理解JavaScript中的深拷贝与浅拷贝
一、基本类型与引用类型的区别1、基本类型与引用类型在存储上的区别现在只看栈区和堆区,也假定只是局部变量。函数test()被调用时:1、定义局部变量age,由于age是局部变量,所以在栈中申请内存空间,起名age,给age赋值为25,为基本类型,所以值直接存储在栈中。2、定义局部变量arr,arr是局部变量,在栈中申请空间,但是由于给arr赋的值不是基本类型,而是引用类型(new出来的),所以需要先在堆中申请空间存放数据18,23,99,再把堆中的地址赋给arr,所以在栈中arr里存方法的是指向原创 2022-04-17 17:43:40 · 1473 阅读 · 0 评论 -
JavaScript判断数据类型的方式
JavaScript判断数据类型的方式js中的数据类型有哪些?基本数据类型:number、string、boolean、null、undefined、symbol以及未来ES10新增的BigInt(任意精度调整)。引用数据类型:对象Object、数组Array、函数Function判断数据类型的方法有哪些?最常见的判断方法:typeof已知对象类型:instanceof对象原型链判断方法:Object.prototype.toString.call()根据对象的构造器construct原创 2022-04-11 16:50:09 · 1292 阅读 · 1 评论 -
【ES6】var, let, const
var、let、const之间的区别一、var1、在ES5中,顶层对象的属性和全局变量是等价的,用var声明的变量既是全局变量,也是顶层变量(顶层对象,在浏览器环境指的是window对象)。var a = 10;console.log(window.a); // 102、使用var声明的变量存在变量提升的情况:console.log(a); // undefinedvar a = 20;// 在编译阶段,编译器会将其变成以下执行var a;console.log(a);a = 20原创 2022-03-30 10:47:52 · 136 阅读 · 0 评论 -
对宏任务和微任务的理解
对宏任务和微任务的理解一、JavaScript事件循环js任务分为同步任务和异步任务同步任务都在主线程上执行,形成一个执行栈主线程之外,事件触发线程管理着一个任务队列,只要异步任务有了运行结果,就在任务队列中放置一个事件一旦执行栈中的所有同步任务执行完毕(JS引擎空闲),系统就会读取任务队列,将可运行的异步任务添加到可执行栈中,开始执行当我们打开网站时,网页渲染过程就是一大堆同步任务。...原创 2022-03-18 16:29:26 · 979 阅读 · 0 评论 -
对Vue中nextTick的理解
Vue中nextTick一、nextTick是什么?官方定义:在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即执行这个方法,获取更新后的DOM。我们可以理解成Vue在更新DOM时是异步执行的。当数据发生改变时,Vue将开启一个异步更新队列,视图需要等所有数据改变完之后,再统一进行更新。当数据更新了,在DOM中渲染后,自动执行该函数。代码示例<template> <div class="app"> <div ref="msgDiv"&原创 2022-03-17 11:00:06 · 440 阅读 · 0 评论 -
关于script标签在HTML页面放置的位置
一般script标签会被放在头部或尾部,头部就是head标签里,尾部就是body里,也有放在body闭合标签之后。1、script标签放在head标签内部<head> <title>获取DOM元素</title> <script> var myElement = document.getElementById("atag"); console.log(myElement); </script&g原创 2022-03-05 10:52:08 · 10720 阅读 · 0 评论 -
v-if与v-for
v-if和v-for一、作用v-if指令用于条件性的渲染一块内容,这块内容只会在指令的表达式返回true值的时候被渲染。v-for指令是基于一个数组来渲染一个列表。v-for指令需要使用item in items形式的特殊语法,其中,items是源数据数组或对象,而item则是被迭代的数组元素的别名。在使用v-for的时候,可以设置key值,并且保证每个key值是独一无二的,这便于diff算法进行优化。两者在用法上:<div v-if="isShow"></div>&原创 2022-02-27 16:55:33 · 2620 阅读 · 0 评论 -
蓝桥杯练习---成绩统计
蓝桥杯Java组练习—成绩统计题目描述小蓝给学生们组织了一场考试,卷面总分为 100 分,每个学生的得分都是一个 0 到 100 的整数。如果得分至少是 60 分,则称为及格。如果得分至少为 85 分,则称为优秀。请计算及格率和优秀率,用百分数表示,百分号前的部分四舍五入保留整 数。输入描述输入的第一行包含一个整数 n (1≤n≤10 4),表示考试人数。接下来 n 行,每行包含一个 0 至 100 的整数,表示一个学生的得分。输出描述输出两行,每行一个百分数,分别表示及格率和优秀率。百分原创 2022-01-13 21:14:55 · 242 阅读 · 0 评论 -
Java label中文字不显示问题
label中文字不显示问题修改之前label是这样定义的: public static Label labelIP = new Label("主机IP"); public static Label labelPortStart = new Label("起始端口:"); public static Label labelPortEnd = new Label("结束端口:"); public static Label labelThread = new Label("线程原创 2022-01-08 18:05:03 · 2408 阅读 · 0 评论 -
HTMLinput标签Date默认值修改为当前时间
HTMLinput标签Date默认值修改为当前时间有个input输入框,type = “date”,默认显示当前日期:<label class="col-sm-2 col-sm-offset-1 control-label">时间</label><div class="col-sm-3"> <input id="currentDate" type="date" name="start" id="start" class="laydate-icon f原创 2021-12-27 14:19:07 · 4696 阅读 · 0 评论 -
动态向数组中添加对象时,对象重复问题
动态向数组中添加对象时,对象重复问题修改前代码: this.nodesList = [{ id: '', name: '', moneyNum: '', showInput: false }]; const itemIdMonet = this.acceptValue.rules.map(itemIdMon => { const obj = { id: ite原创 2021-12-25 14:17:10 · 1459 阅读 · 0 评论 -
DevTools failed to load source map: Could not load content for http://localhost:8000/css/bootstrap.m
DevTools failed to load source map: Could not load content for http://localhost:8000/css/bootstrap.min.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE我遇到的警告提示是这样的:原因是:dev工具未能成功加载出映射源,无法加载内容,重点在for后面的部分。谷歌插件的映射未能成功加载。解决方法:打开控制台原创 2021-12-22 13:34:58 · 35424 阅读 · 5 评论 -
vue中动态向对象中添加属性
vue中动态向对象中添加属性写项目时遇到一个问题向后端发送post请求,需要新增数据时,向后端传递的参数形式是这样的:关于这里面的nodes,后端接收的需要是键值对的形式:nodes里面的内容,左边是另一个数组中每个元素的id,右边是该元素另一个属性的属性值。如图所示,左边的值是图中array数组中的id的值,右边是对应的moneyNum的值,将这两个属性从这个数组中提取出来,然后添加到一个新的对象中,传给后端。代码:data() { return { // 定义一下这个对象原创 2021-12-14 01:01:42 · 26207 阅读 · 0 评论 -
Element UI表格采用复选框,第一行默认选中且禁用
Element UI表格采用复选框,第一行默认选中且禁用表格: <el-table ref="multipleTable" :data="nodesData" :span-method="objectSpanMethod"原创 2021-12-09 20:12:38 · 1845 阅读 · 0 评论 -
Error in nextTick: “TypeError: Cannot read properties of undefined (reading ‘toggleRowSelection‘)“
Error in nextTick: “TypeError: Cannot read properties of undefined (reading ‘toggleRowSelection’)”在使用elementUI里的带Checkbox表格时,想默认选中第一行,采组件库里的方法:mounted() { this.defaultChecked([this.nodesData[0]]);},methods: { // 第一行默认选中 defaultChecked(原创 2021-12-09 15:40:36 · 15885 阅读 · 0 评论 -
ElementUI日期选择器显示默认时间
ElementUI日期选择器显示默认时间 <el-form-item label="时间" class="form-item"> <el-date-picker v-model="date" type="daterange" align="left"原创 2021-12-02 21:29:01 · 3610 阅读 · 1 评论 -
CSS设置背景颜色透明
CSS设置背景颜色透明将背景颜色设置为透明,两种方法:方法一:通过background-color和opacity来设置opacity属性参数的不透明度是以数字表示的,从0.0到1.0,完全透明是0.0,完全不透明是1.0,数字越大代表元素越不透明。 <div class="box01"> <p>今天星期三</p> </div> <div class="box02"> <p>和上面盒子对比</p原创 2021-12-01 22:22:29 · 71953 阅读 · 2 评论 -
css实现文字溢出省略号显示
css实现文字溢出省略号显示记录一下 overflow:hidden; // 溢出隐藏 white-space:nowrap; // 文本不会换行,继续在同一行上显示,直到遇到<br>标签 /*文字超出宽度则显示ellipsis省略号*/ text-overflow:ellipsis; width:100%;...原创 2021-11-29 19:52:48 · 191 阅读 · 0 评论 -
ElementUI中合并表格列
ElementUI中合并表格列在elementui组件库里的合并比较各行和列方法比较单一: // 两列合为一列 arraySpanMethod({ row, column, rowIndex, columnIndex }) { if (rowIndex % 2 === 0) { if (columnIndex === 0) { return [1, 2]; } else if (columnIndex ===原创 2021-11-26 17:29:00 · 2458 阅读 · 0 评论 -
修改ElementUI表格行中鼠标悬停背景颜色样式
修改ElementUI表格行中鼠标悬停背景颜色样式原el-table的鼠标悬停样式是:鼠标覆盖后表格行有一个背景颜色,那如果现在不想要背景颜色,该怎么修改呢?<style lang="scss" scoped> .el-table { ::v-deep tbody tr:hover>td { background-color:#fff; }}</style>// 或者<style lang="scss" scope原创 2021-11-24 14:59:14 · 3879 阅读 · 0 评论 -
ElementUI中带复选框的el-table表格,去掉表头的全选框
ElementUI中带复选框的el-table表格,去掉表头的全选框在ElementUI中,带复选框的表格组件是长这样的:那么,如果不想要表头的全选框,该怎么修改呢?首先了解el-table的一个属性header-cell-class-name:表头单元格的 className 的回调方法,也可以使用字符串为所有表头单元格设置一个固定的 className。 <el-table :data="tableDa原创 2021-11-23 18:04:08 · 8222 阅读 · 6 评论 -
解决在ElementUI中表格列中添加输入框后,输入框无法输入内容
解决在ElementUI中表格列中添加输入框后,输入框无法输入内容问题在写表格时有需求,需要在表格列中嵌套输入框,然后按照常规方法,套用elementUI里的组件,样式写好后发现输入框没办法用,不能输入内容代码: <el-table-column prop="moneyNum" label="奖励金额"原创 2021-11-23 17:40:39 · 4890 阅读 · 0 评论 -
基于ElementUI将Dialog对话框写入组件引入
将Dialog对话框写入组件引入如果对话框里包含的内容很多的话,和主页面写在一起,代码量会非常大,所以我想采用将Dialog中的内容单独写在一个文件里,然后在主页面引入。因为并不是公共组件,所以我写在了自己部分的文件夹里。组件内容:<template> <el-dialog title="提示" :visible.sync="connPositionDialog" width="50%" > &l原创 2021-11-19 19:35:24 · 2571 阅读 · 0 评论 -
ElementUI设置表格表头样式
ElementUI设置表格表头样式原本从组件里拿下来的代码的样式是这样的:现在有需求,需要修改表头样式代码如下: <el-table :data="tableData" :header-cell-style="{background:'#f4f3f9',color:'#606266'}" style="width: 100%" >原创 2021-11-19 14:31:11 · 5450 阅读 · 0 评论 -
Linux系统目录结构与处理目录常用命令
一、目录结构/bin: bin是Binaries(二进制文件)的缩写,存放经常使用的命令。/boot: 存放的是启动Linux时使用的一些核心文件,包括一些连接文件以及镜像文件。/dev: dev 是 Device(设备) 的缩写, 该目录下存放的是 Linux 的外部设备,在 Linux 中访问设备的方式和访问文件的方式是相同的。/etc: etc是 Etcetera(等等) 的缩写, 这个目录用来存放的是所有系统管理所需要的配置文件和子目录。/home: 用户的主目录,在Linux中,每原创 2021-11-07 20:23:08 · 153 阅读 · 0 评论 -
Integer.MAX_VALUE和Integer.MIN_VALUE
java中Integer.MAX_VALUEint类型的最大值:可以用int value = Integer.MAX_VALUE;来表示int数据类型的最大取值。java中Integer.MIN_VALUEint类型的最小值:-2^31=-2 147 483 648可以用int value = Integer.MIN_VALUE;来表示int数据类型的最小取值。补充:Integer.MAX_VALUE + 1 = Integer.MIN_VALUE用二进制来表示:Integer.MAX_原创 2021-11-04 09:47:21 · 2586 阅读 · 0 评论 -
VMware虚拟机下Linux操作系统的安装
一、VMware虚拟机下载1、可以从官网上直接下载2、网盘下载(vm15):链接:https://pan.baidu.com/s/1Dk5VAx4Xv88bV3mfTQtUdw提取码:qmno二、虚拟机安装1、双击VMware-workstation-full-xxx.exe。然后下一步2、勾选我接受许可协议,下一步3、可自定义安装位置4、如果不想自动检查更新软件的话,则不勾选启动时产品更新,直接下一步;5、安装完成6、双击VMware,输入密钥8、主页面:二、虚拟机下原创 2021-10-03 17:23:20 · 490 阅读 · 1 评论 -
vuex的简单使用
Vuex是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window),提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。什么情况下应该使用Vuex?Vuex 可以帮助我们管理共享状态,并附带了更多的概念和框架。这需要对短期和长期效益进行权衡。如果不打原创 2021-09-19 19:56:40 · 318 阅读 · 0 评论 -
Vue中this.$router.push(参数) 实现页面跳转过程中参数传递问题
问题说明:根据两个字段进行查询,并从返回过来的数据中点击抽取按钮,跳转到选手详情页传参,页面跳转代码:this.$router.push({ name: "Drawingdetil", params: { schoolId: id, xuekeId: ids, xsType: this.xsType, batchId: ide, xueduanName: this.xue原创 2021-08-11 16:45:16 · 1060 阅读 · 0 评论 -
数据结构课程设计---商品销售管理系统C/C++
一、需求分析1、商品上架:添加商品信息;2、商品浏览:输出商品信息;3、商品销售:输入商品编号和购买数量,通过商品标号获得商品名称和单价;通过输入的购买数量,修改该商品的库存量,计算该商品应付金额。一个销售单可包含多个商品,操作结束时打印整个销售单应付的金额;4、商品查询;二、数据结构1)逻辑结构商品及销售单使用线性结构表示(顺序表)2)物理结构(物理结构要给出所用到的类型定义,如结点类型、线性表类型等)//商品结构体struct Goods {string id; //编号stri原创 2021-06-25 11:25:13 · 10277 阅读 · 27 评论 -
$(CPP) $(LINKOBJ) -o $(BIN) $(LIBS)问题
在DEV C++中编译运行项目时遇到了这个问题直接跳到了Makefile.win文件里【解决方法】将项目目录中的.o文件全部删除,再重新运行。还有可能是因为上一次运行时打开的黑窗口没有关。搜了好多这个问题的解决方法,发现很多问题都会出现这个错误,目前只遇到了这两个,之后再遇到的话再补充。就酱@_@....原创 2021-06-23 11:07:31 · 7325 阅读 · 7 评论 -
Mybatis
Mybatis回顾:JDBCMysqljava基础MavenJunit1、简介1.1、什么是Mybatis?MyBatis 是一款优秀的持久层框架它支持自定义 SQL、存储过程以及高级映射。MyBatis 免除了几乎所有的 JDBC 代码以及设置参数和获取结果集的工作。MyBatis 可以通过简单的 XML 或注解来配置和映射原始类型、接口和 Java POJO(Plain Old Java Objects,普通老式 Java 对象)为数据库中的记录。如何获得Mybatis原创 2021-06-07 09:28:51 · 148 阅读 · 0 评论 -
idea快捷键
向后缩进:选择好代码,【TAB】向前缩进:选择好代码,【shift】+【TAB】实现接口:【Alt】 + 【enter】待补充…原创 2021-06-03 09:46:58 · 65 阅读 · 0 评论