- 博客(69)
- 收藏
- 关注
RSS订阅转载 vue 深度选择器
在很多项目中，引用了第三方组件，其样式不是自己所需要的，需要在组件中局部修改第三方组件的样式，而这个组件又设置了scroped属性来防止组件间的样式污染。
2022-10-18 15:31:44
368
转载 CentOs报错为 repo ‘appstream‘ 下载元数据失败 : Cannot prepare internal mirrorlist: No URLs in mirrorlist
说到yum源就必须说到linux系统中特有的依赖关系问题，yum就是为了解决依赖关系而存在的。yum源就相当是一个目录项，当我们使用yum机制安装软件时，若需要安装依赖软件，则yum机制就会根据在yum源中定义好的路径查找依赖软件，并将依赖软件安装好。YUM是“Yellow dog Updater, Modified”的缩写，是一个软件包管理器，YUM从指定的地方（相关网站的rpm包地址或本地的rpm路径）自动下载RPM包并且安装，能够很好的解决依赖关系问题。1.切换到源目录，备份原来的源。...
2022-08-15 12:16:21
4839
转载 vue-router钩子函数
全局的路由钩子函数：beforeEach、afterEach单个的路由钩子函数：beforeEnter组件内的路由钩子函数：beforeRouteEnter、beforeRouteLeave、beforeRouteUpdate
2022-07-12 18:01:04
811
原创 vue上传图片及其注意事项
vue上传图片，根据elementUI官网上传组件：<el-upload action="" :on-change="handleUpload" :file-list="fileList" :limit="1" list-type="picture-card" :auto-upload="false">
2022-05-23 17:45:10
472
转载 vue this.$nextTick核心原理剖析
使用vue编写商城页面时，添加和修改使用同一模态框，点击修改按钮对话框打开并将数据赋值，点击添加按钮打开对话框，编写代码如下： handleAdd(){ this.dialogFormVisible = true this.$nextTick(() => { this.$refs['form'].resetFields() this.addrForm.id = null
2022-05-20 15:22:46
1583
原创 原型链分析
每个函数function都有一个prototype，即显式原型每个实例对象都有一个__proto__，可称为隐式原型对象的隐式原型的值为其对应构造函数的显式原型的值总结:函数的prototype属性: 在定义函数时自动添加的, 默认值是一个空Object对象对象的__proto__属性: 创建对象时自动添加的, 默认值为构造函数的prototype属性值程序员能直接操作显式原型, 但不能直接操作隐式原型(ES6之前)mc对象指向MyClass原型对象，MyClass.proprotot.
2022-04-22 15:05:46
122
转载 Vue Router 嵌套路由中, 子路由path路径带 ‘/‘ 与不带的区别
嵌套路由配置路由规则，使用children配置项：routes:[ { path:'/home', component:Home, children:[ //通过children配置子级路由 { path:'news', component:News }, { path:'/message', component:Message } ] }]区别:不带 / （推荐）:当 home的子路由 news 在定义 path
2022-04-20 17:16:25
4308
转载 mybatis-plus添加数据时id生成问题
在springboot项目中使用了mybatis-plus，数据库表设置的主键自增，但在插入数据时自动生成很大的数，如下图：原因：mybatis-plus默认会生成id，该id是雪花算法生成的id，数据库id字段设置为bigint，其他的字段没有设置值的话，插入操作是不会有值产生雪花算法SnowFlake 算法，是 Twitter 开源的分布式 id 生成算法。其核心思想就是：使用一个 64 bit 的 long 型的数字作为全局唯一 id。在分布式系统中的应用十分广泛，且ID 引入了时间戳，基
2022-03-31 15:49:15
7717
转载 baseMapper.updateById null属性未更新到数据库
mybatis-plus 的默认配置 在调用 baseMapper.updateById 时 ，如果实体类中的字段属性为null，那么不将该属性更新到数据库。mybatis-plus FieldStrategy 有三种策略：IGNORED：0 忽略NOT_NULL：1 非 NULL，默认策略NOT_EMPTY：2 非空而默认更新策略是NOT_NULL：非 NULL；即通过接口更新数据时数据为NULL值时将不更新进数据库。如果想将查询结果中某个字段原本不为null的值更新为null（数据库设计允许
2022-03-26 21:49:09
4602
转载 code ERESOLVE npm ERR ERESOLVE unable to resolve dependency tree
npm安装vuex报错：问题原因：要安装的包和已安装的包存在冲突解决办法：根据报错提示，在安装命令后面加–force, 或 --legacy-peer-deps，即npm install vuex --force或npm install vuex --legacy-peer-deps本人尝试第二种命令，已成功解决–legacy-peer-deps标志是在v7中引入的，目的是绕过peerDependency自动安装；它告诉 NPM 忽略项目中引入的各个modules之间的相同
2022-03-24 20:47:56
1288
1
原创 springboot pagehelper插件启动报错 [com.github.pagehelper.autoconfigure.PageHelperAutoConfiguration]
Action:Relying upon circular references is discouraged and they are prohibited by default. Update your application to remove the dependency cycle between beans. As a last resort, it may be possible to break the cycle automatically by setting spring.main.a
2022-03-13 15:29:20
1709
1
原创 关闭vscode中的eslint语法检查
eslint语法检查，导致写代码效率非常低，禁用eslint做法如下：1.点击设置2.找到settings.json3.打开settings.json，在代码最后加上"eslint.enable": false"eslint.enable": false
2022-03-10 20:41:40
1433
原创 vue中prop传值
props配置项功能：让组件接收外部传过来的数据传递数据：<Demo name="xxx"/>接收数据：第一种方式（只接收）：props:['name']第二种方式（限制类型）：props:{name:String}第三种方式（限制类型、限制必要性、指定默认值）：props:{ name:{ type:String, //类型 required:true, //必要性 default:'老王' //默认值 }}备注：props是只读
2022-03-10 20:34:43
1151
原创 Vue监视数据的原理
Vue监视数据的原理：1. vue会监视data中所有层次的数据。2. 如何监测对象中的数据？**通过setter实现监视，且要在new Vue时就传入要监测的数据。(1).对象中后追加的属性，Vue默认不做响应式处理(2).如需给后添加的属性做响应式，使用如下API：Vue.set(target，propertyName/index，value) 或vm.$set(target，propertyName/index，value)3. 如何监测数组中的数据？通过包裹数组更新元素的方法实现，
2022-03-08 12:11:09
178
原创 react、vue中的key有什么作用？（key的内部原理）
1. 虚拟DOM中key的作用：key是虚拟DOM对象的标识，当数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】,随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较，比较规则如下：2.对比规则：(1).旧虚拟DOM中找到了与新虚拟DOM相同的key：①.若虚拟DOM中内容没变, 直接使用之前的真实DOM！②.若虚拟DOM中内容变了, 则生成新的真实DOM，随后替换掉页面中之前的真实DOM。(2).旧虚拟DOM中未找到与新虚拟DOM相同的key创建新的真实DOM，随后渲染到
2022-03-08 12:03:52
194
原创 vscode nodejs智能提示功能
在vscode中编写nodejs代码引入第三方库无法自动进行代码提示，引用@types进行解决：在项目目录下运行：npm install --save-dev @types/node引入types模块进行代码提示缺点：每个项目都需引入，特别麻烦有无大佬指点一下，怎么一步到位！！！！...
2021-12-19 16:31:32
1628
2
原创 解决使用idea创建springboot工程依赖未下载问题
创springboot的web项目发现创好的项目pom文件报错，依赖爆红，换了很多方法，显示找不到版本，不能读取artifat，不能依赖等等错误。
2021-12-14 10:41:36
2509
原创 vue报错：Invalid prop: type check failed for prop “model“. Expected Object, got Array解决
在用vue实现前端界面时，报错如上图所示。错误表示期望获得的是一个对象，却得到了一个数组。检查代码后发现，在绑定表单数据时错误的将insertData写成了数组的形式：data(){ return { tableData:[], dialogFormVisible:false, insertData:[{ code:'', name:'', result:'', d.
2021-11-26 11:01:20
5787
1
原创 vue设置代理不起作用解决办法
使用vue写前端界面时，需调用后端接口展现查询的数据，于是设置代理实现跨域，在config/index.js中添加代理，代码如下：proxyTable:{ // 匹配 /dev-api 开头的请求， 比如：A网站：https://localhost:8888 中的index.html 页面发送AJax请求：/dev-api/data.json 'dev-api': { target:'http://localhost:3001', // 开启代理：在
2021-11-24 22:04:31
7409
3
原创 vscode自动补全nodejs代码的方法
vscode自动补全nodejs代码的方法点击window+x出现窗口，点击命令提示符（管理员），打开dos窗口，在当前项目路径下输入如下命令（配置了淘宝镜像）：cnpm install --save @types/node然后再打开 VS Code ，试试看是不是有自动补全了，如果不行就重启编辑器。...
2021-11-15 10:28:28
2124
转载 “npm ERR Error: EPERM: operation not permitted“问题解决
今天在安装nodejs并配置环境变量后，测试是否成功时执行命令npm install -g cnpm --registry=https://registry.npm.taobao.org显示如上图错误：错误显示没有权限，解决方法如下：使用win+x,选择命令提示符（管理员），在里面运行命令就好了。...
2021-11-04 17:47:59
947
转载 ERROR 1054 (42S22): Unknown column ‘password‘ in ‘field list‘
centos8安装mysql5.7修改密码时报错：ERROR 1054 (42S22): Unknown column ‘password’ in ‘field list’MySQL官网手册表示MySQL5.7版本后，password这个字段被改成 authentication_string，因此应该成如下命令：update user set authentication_string=password("您要修改的密码") where user="root";最后刷新权限：flush p
2021-10-15 15:17:30
547
原创 mysql报error while loading shared libraries: libtinfo.so.5
在Centos8安装完mysql后，获取临时密码登录mysql是报错：mysql: error while loading shared libraries: libtinfo.so.5: cannot open shared object file: No such file or directory解决办法：sudo ln -s /usr/lib64/libtinfo.so.6.1 /usr/lib64/libtinfo.so.5...
2021-10-15 15:02:31
896
1
转载 设计模式——装饰器模式
装饰器模式装饰器模式（Decorator Pattern）允许向一个现有的对象添加新的功能，同时又不改变其结构。这种类型的设计模式属于结构型模式，它是作为现有的类的一个包装。这种模式创建了一个装饰类，用来包装原有的类，并在保持类方法签名完整性的前提下，提供了额外的功能。通过下面实例来演示装饰器模式的用法。其中，我们将把一个形状装饰上不同的颜色，同时又不改变形状类。意图：动态地给一个对象添加一些额外的职责。就增加功能来说，装饰器模式相比生成子类更为灵活。主要解决：一般的，我们为了扩展一个类经常使用
2021-10-14 17:05:25
93
转载 leetcode——包含min函数的栈
定义栈的数据结构，请在该类型中实现一个能够得到栈的最小元素的 min 函数在该栈中，调用 min、push 及 pop 的时间复杂度都是 O(1)。示例:MinStack minStack = new MinStack();minStack.push(-2);minStack.push(0);minStack.push(-3);minStack.min(); --> 返回 -3.minStack.pop();minStack.top(); --> 返回 0.min
2021-10-14 16:28:20
125
转载 Linux中以rpm方式安装MySQL—-“依赖检测失败“解决办法
如上图，Linux中以rpm方式安装MySQL报"依赖检测失败"错误，并且在尝试yum install libncurses.so.5安装后仍报错，另找到解决办法如下：在命令后加指令–nodepsrpm -ivh mysql-community-client-5.7.16-1.el7.x86_64.rpm --nodeps...
2021-10-11 21:16:08
2838
2
原创 修改图片路径的方法
修改图片路径的方法：$('#image').attr('src',图片路径);//下面这个不行 //$('#image').src(图片路径); 不起作用
2021-10-09 09:07:08
1405
原创 html页面中文显示乱码问题解决方法
html页面中出现中文时可能在前端显示为乱码。问题原因：页面的显示编码和存储编码不一致解决方案：修改显示编码和存储编码为一致。步骤：修改页面的显示编码修改页面的存储编码修改页面的显示编码页面的显示编码就是浏览器用来解析页面的编码，常用的是utf-8编码。通过在页面的head标签里面加上 meta标签可以设置显示编码为utf-8。代码如下：<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
2021-10-07 21:32:27
11524
原创 ssm项目拦截器无限循环报错
问题：在ssm项目中实现未登录拦截一直无限循环并不跳转页面解决：在配置文件中未配置不拦截页面，导致无限循环<!-- 配置拦截器 --> <mvc:interceptors> <mvc:interceptor> <!-- 拦截所有目录下面的页面 --> <mvc:mapping path="/**"/> <!-- mvc:exclude-ma
2021-10-07 15:35:29
443
原创 表单序列化获取不到值的原因
在编写注册页面向后台提交表单数据时未获取到值：<form class="form-horizontal" id="register_form"> <div class="form-group "> <label for="exampleInputUserId" class="col-sm-3 control-label">用户名<
2021-10-06 21:37:26
461
1
原创 腾讯云智一面凉
项目Ajax异步交互的原理，后台如何实现异步交互，操作系统多路复用讲一下，select、poll、epoll有没有听过事务的特性，简单说一下。事务的隔离级别索引的类型及区别，索引的数据结构，hash表可以进行模糊查询和范围查找吗，B+树是如何进行范围查找的sql语句的执行过程，在执行过程中如何判断需不需要索引以及使用哪个索引HashMap的数据结构，HashMap在多线程情况下会出现什么问题，死循环问题是怎么造成的快排的思想，找乱序数组的中位数找乱序数组的中位数：方法一：暴力求解先对数.
2021-10-05 15:45:36
673
2
原创 ssm框架整合问题——模糊查询表单提交刷新
当点击submit提交form表单的时候, 他会刷新一次前端页面：<form class="navbar-form navbar-left"> <div class="form-group"> <input type="text" class="form-control" placeholder="姓名" id="input_empName"> <input type="t
2021-10-05 15:42:00
292
转载 Java8新特性——forEach(System.out::println)用法
记forEach(System.out::println)用法示例代码如下：//创建listList<String> list = Arrays.asList("123","456");//输出list里面的每个内容list.forEach(System.out::println);1 2 34 5运行结果：其中，list.forEach(System.out::println);方法相当于以下代码的功能：for(int i = 0; i < list.size(
2021-09-17 19:55:18
2603
转载 Arrays.sort() 的一些用法
Arrays.sort()重载了四类方法sort(T[] a)：对指定T型数组按数字升序排序。sort(T[] a,int formIndex, int toIndex)：对指定T型数组的指定范围按数字升序排序。sort(T[] a, Comparator<? supre T> c):根据指定比较器产生的顺序对指定对象数组进行排序。sort(T[] a, int formIndex, int toIndex,Comparator<? supre T> c): 根据指定比较器
2021-09-15 17:59:44
1644
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人