- 博客(31)
- 收藏
- 关注
RSS订阅原创 a-cascader级联选择的使用以及注意事项（基于AntDesignVue）
包括a-cascader的基本使用，进阶的动态加载数据或者预加载数据，以及自定义字段名简化代码。
2022-04-10 17:53:59
13296
原创 同一个路由携带不同参数打开多个页面，多个页面的数据都一样（子组件实时监听父组件的属性变化，路由的传参未响应）
子组件根据路由变化，实时监听父组件的属性变化一. 问题背景二. 问题分析三. 总结一. 问题背景啊，又是满满的一天！话不多说，回到正题，这几天在做英语学习后台管理系统的时候，出现了一个问题，就是点击试卷详情（以下界面）进入试卷详情页查看该套试卷的用户学习记录（下图）在这里，我分别点开了三个不同试卷的学习记录，发现这三个记录都是相同的（一个吊样），这就让我懵逼了，咋回事？仔细看了一下地址栏，路由地址也不同撒。莫非是我的子组件接受父组件传过来的paperId的时候出问题了？这是我的第一个猜测。于是
2021-12-24 01:54:51
2390
6
原创 flex布局属性详解&&基于flex的单元素，整体元素居中方法&&代码示例
CSS-flex布局属性详解一. 基本属性以及代码示例1.父元素属性(1) 为父元素添加display 属性，值为flex(2) flex-direction 属性（改变子元素排列方式）(3) justify-content 属性（改变子元素沿主轴对齐方式）(4) align-items 属性（定义 flex 子元素沿交叉轴的对齐方式）(5) flex-wrap 属性（指定子元素换行方式）2.子元素属性(1) flex-shrink 属性（收缩子元素）(2) flex-grow 属性（增大子元素）(3) f
2021-12-19 18:48:25
3772
原创 Ant Design Vue中出现报错： Invalid prop: custom validator check failed for prop “pagination“
一.问题背景最近在搞一个英语学习平台管理系统的时候，遇到了一个问题，莫名奇妙报了一个pagination的校验错误警告，这可把我整懵逼了看了一下代码，也没有错撒，而且我之前封装的组件用的好好的，怎么就错了呢？然后开始对问题进行剖析。二.问题分析要想解决问题，首先就要对问题进行定位，从控制台中可以粗略的看到，问题大概是出在Table表格组件上。好，我先翻到使用表格组件的地方：嗯。貌似没看到相关的pagination的属性，再看看传入s-table中的数据源data和列属性colums：对比一下
2021-12-15 16:11:54
7406
1
原创 vector数组的定义以及操作
一. 一维数组1. 数组初始化//第一种初始化，就单纯的建立一个可变数组array，因为还没有存放元素，未分配空间vector<int> array;//第二种初始化，是使用初始化列表来指定初始值以及元素个数//以初始化列表中的値作为元素初始值，生成有6个数的初始vector数组vector<int> array = {1,2,3,4,5,6};vector<int> array{1,2,3,4,5,6};//第三种初始化，使用初始元素个数以及指定元素
2021-11-01 15:42:24
3660
1
原创 CSS-智能表单
一.效果图二.代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l
2021-09-19 12:13:53
224
原创 踩坑系列-VUE的表单重置-报错：TypeError: Cannot read property ‘resetFields‘ of undefined“
一. 背景最近写的一个后台管理的时候需要对密码以及手机号进行修改，但是我想在修改手机号或者密码的对话框关闭的同时，将表单数据和验证规则清空，达到比较好的体验效果。二. 寻找原因起初我使用的是resetFields将重置，（注意： resetFields 作用不是清空表单，而是将所有字段值重置为初始值）。但是呢，写出来的代码出现"TypeError: Cannot read property ‘resetFields’ of undefined"的错误。我找了一下，引用网上的原因：这个错误是因为你的do
2021-09-09 21:19:15
1781
原创 ES6-获取promise对象里面的数据进行操作
一. Promise基础1. promise对象的生命周期：初始为挂起态（pending），表示异步操作尚未结束。一个挂起的 Promise 也被认为是未决的（unsettled）。一旦异步操作结束， Promise就会被认为是已决的（ settled ），并进入两种可能状态之一：（1）已完成（ fulfilled ）： Promise 的异步操作已成功结束；（2）已拒绝（ rejected ）： Promise 的异步操作未成功结束，可能是一个错误，或由其他原因导致。内部的 [[Promise
2021-09-08 17:12:20
11984
原创 CSS文本属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>文本属
2021-08-30 15:58:01
105
原创 CSS选择器以及优先级
1. 常用选择器ID选择器：id表示身份，在页面中元素的id值不允许重复，因此id选择器只能选择单个元素。在style标签里面的格式为：#id名称{样式内容}如：#navigation { height: 80px; line-height: 80px; text-align: center; background-color: white; }也可以针对单个元素里面的某个元素生效，比如针对某个div元素里面的图片生效，防止影响到其他元素的图片：#banner img { width: 100%
2021-08-27 12:45:35
295
原创 html-表单篇
1. 表单设置<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti
2021-08-24 11:08:21
191
原创 html基础-表格篇
1. 基础表格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl
2021-08-23 17:24:49
483
原创 力扣刷题-数组篇-长度最小的子数组
一. 题目描述题目链接：209. 长度最小的子数组二. 思考步骤1. 暴力循环法：方法大致就是，使用两个循环，一个循环用于从数组中定位从哪一个元素开始，作为连续数组的开头（直接把整个数组遍历一遍），知道了连续数组的开头元素以后，就好办了，直接用第二个循环，把从开头元素和后面连续的几位元素值加起来，只要元素值之和>=target，就立马记录当前连续数组的长度并直接退出当层循环，防止多加入一个元素的长度。至于怎么记录那一堆连续数组的长度，并从中挑出最短的长度？我想了两个方法，第一个是：新建一个数
2021-08-10 16:36:50
359
原创 力扣刷题-数组篇-有序数组的平方
一. 题目描述题目链接：有序数组的平方二. 思考步骤最先想到的暴力排序：将数组中每个元素平方后，直接使用sort函数（类似于快排的方法）排序。时间复杂度为O(n + nlogn)，是一个循环数组计算的时间，加上一个将数组排序的时间。代码示例：双指针大法：一开始没想到，参考了一下题解才反应过来，由于题目给出的是一个升序的数组，...
2021-08-09 11:23:39
185
原创 力扣刷题-数组篇-移除元素
一. 题目描述二. 思考步骤先采用暴力求解：就是使用两个for循环，一个用于遍历数组的元素并找到需要删除的元素的位置，另一个循环用于覆盖需要删除的元素，即删除一个元素，便将后面的所有元素依次往前面挪一个位置，将原先的元素覆盖掉。代码示例：（第一次运行结果出现错误，因为没有考虑到一种情况，那就是当两个需要删除的元素相邻的时候，例如[0,1,2,2,3,0,4,2]，删除2，将第三个元素覆盖了以后，原先第四个位置的2又会补充到第三个位置上去了，然而循环会往下进行遍历到第四个位置，这个时候的第四个位置
2021-08-08 20:57:24
220
原创 实验二-遗传算法实验（待完善）
#include<iostream>#include<iomanip>#include<algorithm>#include<cmath>#include<ctime>using namespace std;//程序分配内存的数组大小 const int maxn = 10000;//最大种群规模const int maxlen = 1000;//最大的染色体长度//遗传算法的关键参数 const int n = 200;/
2021-05-11 22:10:39
553
1
原创 状态空间法求解八数码c++代码
#include <bits/stdc++.h>#include <string>#include <map>#define len 3using namespace std;struct node { int a[3][3]; //九宫格 node* p; //指向当前节点的父节点 node* next; //指向队列中下一个节点 node(string s) { for(int i=0;i<len;i++) { for(i
2021-05-06 11:00:04
703
1
原创 Vuex起步
一. 安装1.npm安装cmd指令：npm install vuex --save2.其他方法Vuex安装二. 使用1、在一个单独的文件store.js里面，导入Vuex，然后注册可供使用的Vuex插件，而后创建一个新的状态存储库store并传入一个对象来配置这个存储库，这里的state相当于Vue实例里面的data，保存初始的属性值import Vue from 'vue'import Vuex from 'vuex'//注册vuex插件Vue.use(Vuex);//创建一个新
2021-04-22 15:22:24
180
原创 路由嵌套
一. 为什么要使用嵌套路由原因：在同一个页面点击一个路由连接<router-link>时， 在这一级路由组件<router-view>不消失的情况下，出现这一级<router-link>指向的路径的下一级路由组件<router-view>解决方案：在上级组件路由下,通过在这一级的路由规则对象中，添加children属性嵌套子路由，保证上级路由组件显示的同时，出现子路由组件路由规则对象：新建的路由对象routerObj的构造函数中的路由匹配规则的数组rou
2021-04-05 23:23:32
1500
原创 路由传参
一. 路由传参1.使用query传参在路由组件<router-link to="/login?id=10&name=张三">登录</router-link>通过使用查询字符串，可以直接指定对象的键值，这里的对象是指所创建的组件的内部实例属性$route里面的信息，比如query，且query是一个对象。代码演示：<!DOCTYPE html><html lang="en"><head> <meta charset
2021-04-05 23:14:27
351
原创 路由的起步
一. 路由的概念以及Vue-router的安装后端路由：对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源。前端路由：对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现，在单页面程序中，这种通过hash改变来切换页面的方式，称为前端路由（区别于后端路由）。参考链接：https://www.cnblogs.com/m2mao
2021-04-04 15:12:48
126
原创 通过ref在父组件中调用子组件的数据，方法
<div id="app"> <input type="button" value="获取元素" @click="getElement"> <h3 id="myh3" ref="myh3">Haha! The weather is very well!</h3> <hr> <login ref="myLogin"></login> <...
2021-04-02 22:19:33
541
原创 组件案例-发表评论
<div id="app"> <comment-box @func="loadComments"></comment-box> <!-- 评价列表 --> <ul class="list-group"> <li class="list-group-item" v-for="item in list" :key="item.id"> ...
2021-04-02 21:30:24
147
原创 Vue之父组件与子组件之间的传值
一. 父组件向子组件传值父组件可在引用子组件的时候，通过属性绑定的形式（v-bind:），把需要传递给子组件的数据，以属性绑定的形式，传递到子组件的内部，供子组件使用。但是需要在props属性数组内声明才能使用。代码演示：<div id="app"> <!-- 父组件可在引用子组件的时候，通过属性绑定的形式（v-bind:）， 把需要传递给子组件的数据，以属性绑定的形式，传递到子组件的内部，供子组件使用 --> <comp
2021-03-30 22:23:12
4682
原创 Vue之组件的切换
一. 使用if和else的组件切换 <div id="app"> <a href="" @click.prevent="flag = true">登录</a> <a href="" @click.prevent="flag = false">注册</a> <login v-if="flag"></login> <register v-else="flag
2021-03-28 21:32:04
491
原创 Vue之创建组件
一. 创建全局组件的方法1. 分为两步，首先使用 Vue.extend() 创建模板对象，然后使用Vue.component(‘组件的名称’， 组件的模板对象) 创建组件。代码格式为：//方法一： //第一步：创建模板对象 var component1 = Vue.extend({ template: '<h3>这是用Vue.extend 创建的组件</h3>' }); //第二步：使用Vu
2021-03-28 17:03:04
283
原创 vector数组的初始化
一.概念 vector<type> 容器是包含 type 类型元素的序列容器。 vector<type> 容器的大小(长度)可以自动增长，从而可以包含任意数量的元素，只要元素个数超出 vector 当前容量，就会自动分配更多的空间。 但是只能在容器尾部高效地删除或添加元素。二.vector数组的创建 vector<type> name; type:指数组类型，例如int,float,double,string等等。 name: 创建的数组的名称，想取什么取
2021-02-25 22:15:37
2648
原创 csp试题——称检测点查询的100分解法
1.题目描述2.算法思想步骤1：建立一个结构体数组，存储每个检测点的信息，包括编号number，坐标x,y，距离d。编号是用来判断每个检测点的身份，坐标用于计算其与 市民所在位置的距离。步骤2：分行输入每个检测点的坐标，然后通过输入每个检测点的坐标x,y，来计算每个检测点与市民所在初始点的距离d，记得此处的编号number从1开始，要一一对应。步骤3：用一个排序功能将所有检测点，按照距离d优先，距离d相等的情况下编号number大小决定的条件，从小到大排序。最后依次按行输出前三个最小的检测点的编号
2020-11-24 16:43:05
402
原创 大整数的四则运算（高精度运算）
1.大整数的存储 大整数存储用于基本数据类型无法存储的高精度整数，整数的高位存在数组的高位，整数的低位存在数组的低位。（1）大整数初始化结构体代码：struct bign{//存储大整数，这里设置可存储的最大为1000位 int d[1000]; int len; bign(){//初始化结构体 //memset将数组d的所有元素赋值为0 memset(d,0,sizeof(d)); len = 0; }};（2）输入大整数时，先用字符串读入，再把字符串另存为到bign结构
2020-11-15 12:26:17
704
原创 newton插值公式
牛顿插值公式一.差商1阶差商：2阶差商：n阶差商：二.差商表三.插值公式其中的系数a0,a1,a2…an，相当于f(x0),f[x0,x1],f[x0,x1,x2],…,f[x0,x1,…,xn]四.算法流程五.算法c++代码实现
2020-10-25 10:46:29
1743
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人