- 博客(64)
- 收藏
- 关注
RSS订阅原创 Vue实现元素沿着坐标数组移动，超出窗口视图时页面跟随元素滚动
监听小船的boatMoveIndex属性，如果boatMoveIndex改变，则利用window.scrollBy()方法，把内容滚动到指定的像素数。
2023-06-20 19:00:04
905
原创 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
13123
4
原创 对强缓存和协商缓存的理解
缓存是指代理服务器或客户端磁盘内保存的资源副本。利用缓存可减少对服务器的访问，因此也就节省了通信流量和通信时间。浏览器缓存是为了节约资源，并且可以加速浏览网站的速度，当用户第一次访问网页的时候，浏览器在用户磁盘上对请求的文档进行保存，当第二次访问的时候，就会从本地直接显示，从而提高了页面的访问速度。...
2022-06-27 10:43:07
620
原创 Vue响应式原理---双向绑定
一、Vue中的响应式Vue最独特的特性之一，是其非侵入行的响应式系统。数据模型仅仅是普通的JavaScript对象，而当修改它们时，视图会进行更新。二、响应式的基本原理—双向绑定双向绑定，就是把Model绑定到View，当我们用JavaScript代码更新Model时，View就会自动更新，在单向绑定的基础上，如果用户更新了View，Model的数据也会自动更新。双向绑定由三个重要部分构成：数据层（Model）：应用数据及业务逻辑视图层（View）：应用的展示效果，各类UI组件业务逻辑层（V
2022-04-24 18:48:59
4295
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
1463
原创 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
1266
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
132
原创 对宏任务和微任务的理解
对宏任务和微任务的理解一、JavaScript事件循环js任务分为同步任务和异步任务同步任务都在主线程上执行，形成一个执行栈主线程之外，事件触发线程管理着一个任务队列，只要异步任务有了运行结果，就在任务队列中放置一个事件一旦执行栈中的所有同步任务执行完毕（JS引擎空闲），系统就会读取任务队列，将可运行的异步任务添加到可执行栈中，开始执行当我们打开网站时，网页渲染过程就是一大堆同步任务。...
2022-03-18 16:29:26
961
原创 对Vue中nextTick的理解
Vue中nextTick一、nextTick是什么？官方定义：在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即执行这个方法，获取更新后的DOM。我们可以理解成Vue在更新DOM时是异步执行的。当数据发生改变时，Vue将开启一个异步更新队列，视图需要等所有数据改变完之后，再统一进行更新。当数据更新了，在DOM中渲染后，自动执行该函数。代码示例<template> <div class="app"> <div ref="msgDiv"&
2022-03-17 11:00:06
377
原创 关于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
10452
原创 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
2393
原创 蓝桥杯【基础练习】（一）
基础练习一、杨辉三角形题目描述杨辉三角形又称Pascal三角形，它的第i+1行是(a+b)i的展开式的系数。它的一个重要性质是：三角形中的每个数字等于它两肩上的数字相加。下面给出了杨辉三角形的前4行：11 11 2 11 3 3 1给出n，输出它的前n行。输入格式1 // 包含一个整数n样例输出11 11 2 11 3 3 1// n行的杨辉三角形代码import java.util.ArrayList;import java.util.List;impo
2022-02-17 20:27:19
217
原创 螺旋矩阵（二）题解
螺旋矩阵（二）分析：按层模拟可以将矩阵看成若干层，首先填入矩阵最外层元素，其次填入矩阵次外层的元素，直到填入矩阵最内层的元素。对于每层，从左上方开始以顺时针的顺序填入所有元素。假设当前层的左上角位于(top, left)，右下角位于（bottom，right），按照如下顺序填入当前层的元素：从左到右填入上侧元素，依次为（top，left）到（top，right）；从上到下填入右侧元素，依次为（top + 1，right）到（bottom，right）；从右到左填入底部元素，依次为（bo
2022-01-27 11:43:10
295
原创 排序的循环链表题解
排序的循环链表题目描述给定循环单调非递减列表中的一个点，写一个函数向这个列表中插入一个新元素 insertVal ，使这个列表仍然是循环升序的。给定的可以是这个列表中任意一个顶点的指针，并不一定是这个列表中最小元素的指针。如果有多个满足条件的插入位置，可以选择任意一个位置插入新的值，插入后整个列表仍然保持有序。如果列表为空（给定的节点是 null），需要创建一个循环有序列表并返回这个节点。否则。请返回原先给定的节点。来源：力扣（LeetCode）链接：https://leetcode-cn.c
2022-01-26 10:01:31
365
原创 无重复字符的最长子串题解
无重复字符的最长子串用到的是双指针，滑动窗口，哈希表class Solution { public int lengthOfLongestSubstring(String s) { Map<Character, Integer> map = new HashMap<Character, Integer>(); int n = s.length(); int left = 0, maxLength = 0; // left为滑动窗口左指针，maxLength记录
2022-01-17 11:21:08
108
原创 左右两边子数组的和相等题解
左右两边子数组的和相等题目描述给你一个整数数组 nums ，请计算数组的 中心下标 。数组中心下标是数组的一个下标，其左侧所有元素相加的和等于右侧所有元素相加的和。如果中心下标位于数组最左端，那么左侧数之和视为 0 ，因为在下标的左侧不存在元素。这一点对于中心下标位于数组最右端同样适用。如果数组有多个中心下标，应该返回 最靠近左边 的那一个。如果数组不存在中心下标，返回 -1 。来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/tvdfij
2022-01-15 11:09:55
454
原创 蓝桥杯练习---成绩统计
蓝桥杯Java组练习—成绩统计题目描述小蓝给学生们组织了一场考试，卷面总分为 100 分，每个学生的得分都是一个 0 到 100 的整数。如果得分至少是 60 分，则称为及格。如果得分至少为 85 分，则称为优秀。请计算及格率和优秀率，用百分数表示，百分号前的部分四舍五入保留整 数。输入描述输入的第一行包含一个整数 n (1≤n≤10 4)，表示考试人数。接下来 n 行，每行包含一个 0 至 100 的整数，表示一个学生的得分。输出描述输出两行，每行一个百分数，分别表示及格率和优秀率。百分
2022-01-13 21:14:55
224
原创 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
2264
原创 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
4584
原创 动态向数组中添加对象时，对象重复问题
动态向数组中添加对象时，对象重复问题修改前代码： this.nodesList = [{ id: '', name: '', moneyNum: '', showInput: false }]; const itemIdMonet = this.acceptValue.rules.map(itemIdMon => { const obj = { id: ite
2021-12-25 14:17:10
1389
原创 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
35288
5
原创 vue中动态向对象中添加属性
vue中动态向对象中添加属性写项目时遇到一个问题向后端发送post请求，需要新增数据时，向后端传递的参数形式是这样的：关于这里面的nodes，后端接收的需要是键值对的形式：nodes里面的内容，左边是另一个数组中每个元素的id，右边是该元素另一个属性的属性值。如图所示，左边的值是图中array数组中的id的值，右边是对应的moneyNum的值，将这两个属性从这个数组中提取出来，然后添加到一个新的对象中，传给后端。代码：data() { return { // 定义一下这个对象
2021-12-14 01:01:42
25960
原创 Element UI表格采用复选框，第一行默认选中且禁用
Element UI表格采用复选框，第一行默认选中且禁用表格： <el-table ref="multipleTable" :data="nodesData" :span-method="objectSpanMethod"
2021-12-09 20:12:38
1766
原创 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
15726
原创 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
3524
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
71306
2
原创 css实现文字溢出省略号显示
css实现文字溢出省略号显示记录一下 overflow:hidden; // 溢出隐藏 white-space:nowrap; // 文本不会换行，继续在同一行上显示，直到遇到<br>标签 /*文字超出宽度则显示ellipsis省略号*/ text-overflow:ellipsis; width:100%;...
2021-11-29 19:52:48
181
原创 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
2411
原创 修改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
3798
原创 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
7937
6
原创 解决在ElementUI中表格列中添加输入框后，输入框无法输入内容
解决在ElementUI中表格列中添加输入框后，输入框无法输入内容问题在写表格时有需求，需要在表格列中嵌套输入框，然后按照常规方法，套用elementUI里的组件，样式写好后发现输入框没办法用，不能输入内容代码： <el-table-column prop="moneyNum" label="奖励金额"
2021-11-23 17:40:39
4706
原创 基于ElementUI将Dialog对话框写入组件引入
将Dialog对话框写入组件引入如果对话框里包含的内容很多的话，和主页面写在一起，代码量会非常大，所以我想采用将Dialog中的内容单独写在一个文件里，然后在主页面引入。因为并不是公共组件，所以我写在了自己部分的文件夹里。组件内容：<template> <el-dialog title="提示" :visible.sync="connPositionDialog" width="50%" > &l
2021-11-19 19:35:24
2450
原创 ElementUI设置表格表头样式
ElementUI设置表格表头样式原本从组件里拿下来的代码的样式是这样的：现在有需求，需要修改表头样式代码如下： <el-table :data="tableData" :header-cell-style="{background:'#f4f3f9',color:'#606266'}" style="width: 100%" >
2021-11-19 14:31:11
5231
原创 Linux系统目录结构与处理目录常用命令
一、目录结构/bin： bin是Binaries（二进制文件）的缩写，存放经常使用的命令。/boot: 存放的是启动Linux时使用的一些核心文件，包括一些连接文件以及镜像文件。/dev： dev 是 Device(设备) 的缩写, 该目录下存放的是 Linux 的外部设备，在 Linux 中访问设备的方式和访问文件的方式是相同的。/etc： etc是 Etcetera(等等) 的缩写, 这个目录用来存放的是所有系统管理所需要的配置文件和子目录。/home: 用户的主目录，在Linux中，每
2021-11-07 20:23:08
143
原创 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
2387
原创 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
459
1
原创 vuex的简单使用
Vuex是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window)，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。什么情况下应该使用Vuex？Vuex 可以帮助我们管理共享状态，并附带了更多的概念和框架。这需要对短期和长期效益进行权衡。如果不打
2021-09-19 19:56:40
311
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人