- 博客(81)
- 资源 (37)
- 收藏
- 关注
RSS订阅原创 vue 2表格滚动加载
label="登录次数"label="排名"// 使用 Set 来去重。// 使用passive监听器提高滚动性能。// 表格下拉滚动加载更多。
2024-09-18 22:58:19
696
原创 vue2+element-ui 实现下拉框滚动加载
scrollTop 获取或者设置元素的偏移值，常用于计算滚动条的位置，当一个元素的容器没有产生垂直方向的滚动条，那它的scrollTop值默认为0。* 如果元素滚动到底，下面的等式返回true,没有则返回false。* clientHeight 获取元素的可见高度。* scrollHeight 获取元素内容高度。placeholder="请输入AD组查询"一、自定义滚动指令。
2023-08-26 11:16:08
1282
原创 el-table border问题
表格设置 max-height: 680px;后，会出现分页数据或者表格底部border不显示问题。通过动态设置属性，表格没有数据不显示底部border等。
2023-07-01 12:32:46
618
原创 el-tree 前端过滤，懒加载,动态控制、默认展开，树节点排序
el-input placeholder="请输入搜索内容" v-model="filterText" class="inputStyle" clearable> // 回调更新后的数据，再渲染。1.默认不展开，动态展开。// 重置使之重新加载。
2023-03-15 20:25:43
1510
原创 接口自定义校验规则
最近server突然修改接口输入文本规范必需/开头，不能以/结尾。可能还有-或者自定义参数。自己参考了js正则表达式，编写了前端接口匹配正则表达式。
2023-02-28 20:30:30
198
原创 Vue 3 路由异常Cannot read properties of null (reading ‘nextSibling)
导致路由不能正常跳转，定位问题是服务返回Object数据类型，需要前端转化为json字符串显示。
2022-11-23 10:18:52
5562
2
原创 vue选择时间范围导出文件
/ 设置文件名称,decodeURI：可以对后端使用encodeURI() 函数编码过的 URI 进行解码。// 创建一个类文件对象：Blob对象表示一个不可变的、原始数据的类文件对象。// 使用时间戳格式化为yyyy-MM-dd hh:mm:ss。// 下载完成释放URL 对象。text: '最近一个月',text: '最近三天',text: '最近一周',
2022-08-19 15:38:22
598
原创 vue开发中碰到的问题
1.cannot read property of undefined 使用v-if处理属性初始化后，在显示。2.el-checked 属性默认选中状态，属性值不能定义在对象.属性中，会导致值初始化后无法勾选。3.v-for遍历时，v-for(item, index) :key="index" 切记key值一定要唯一。...
2022-06-10 17:38:46
107
原创 el-tree使用自定义置灰以及自定义check方法
1.树节点初始化disabled属性 遍历树节点动态设置当前节点disabled属性。2.注意checked状态包含半选中，同时更新当前data的选中状态const checkedNodes = [...checkedData.checkedNodes, ...checkedData.halfCheckedNodes]然后遍历树节点更新checked状态
2022-06-01 11:08:26
2560
原创 Tinymce组件cdn失效解决办法
服务引用tinymce4.9.3版本后，加载失败https://cdn.jsdelivr.net/npm/tinymce-all-in-one@4.9.3/tinymce.min.js解决方案从自己服务本地加载该文件。
2022-05-31 16:43:08
2607
1
原创 vue 中使用富文本编辑mavon-editor
分享实现思路，具体copy&paste代码自行搜索本身使用上传图片是自动转化为base64图片路径，界面显示再次编辑非常不方便。我这边是使用上传图片进行图片格式以及大小检查调用 image-filter方法此方法中只有file文件参数，返回boolean值。符合条件后再进行图片上传，然后server返回图片显示地址替换到内容里面，这样可以即时编辑，单独预览注意设置editable为空字符。相关借鉴代码如下：mavon-editor - npmVue markdown editor. La
2022-02-19 10:40:13
746
原创 el-tree 动态树结构
el-table里边有个属性tree-props。支持树类型的数据的显示。当 row 中包含children字段时，被视为树形数据。渲染树形数据时，必须要指定row-key。通过指定 row 中的hasChildren字段来指定哪些行是包含子节点。children与hasChildren都可以通过tree-props配置。如下图。就是表格中的树形结构删除一行和新增一行。直接上代码：html:<el-table :data="tableData" sty...
2022-02-19 10:26:58
2502
原创 使用elementUI 表格展开收缩可以动态增加父子节点
使用elementUI 表格展开收缩可以动态增加父子节点进行构建tree，箭头处替换为需要的文本输入框或者下拉框
2022-01-15 11:46:35
679
原创 git 命令操作
之前用过git，但有很多都不是太熟练，今天操作了从原始空白文件夹库中，初始化数据以及内网源码路径配置外网访问。等一系列操作，感觉还是个新手，故记录下来。1.安装git。2.创建空文件夹，git bash当前文件夹。3.git生产ssh密钥 git config --global user.name "user name" git config --global user.email "12345@qq.com"回车在C:\Users\Administrat...
2022-01-15 11:41:40
377
原创 【动态表单，动态新增输入框，下拉框】
<template> <div id="detail"> <DetailNavbar /> <div class="app-container"> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="接口" name="interface">接口</el-tab-pane&g...
2022-01-15 11:40:34
1243
2
原创 vue 开发中路由空白问题
开发用vue实现动态路由，左侧显示动态菜单栏，所有菜单共用一个index.vue文件，出现路由不跳转或者路由跳转后显示空白。1.路由守卫拦截处理。letoneRun=true//路由拦截router.beforeEach(async(to,from,next)=>{NProgress.start()awaitstore.dispatch('generateRoutes')//解决动态路由刷新空白问题if(oneRun){...
2021-11-30 22:59:31
1555
原创 学习vue笔记
安装node.jsnpm config set registry https://registry.npm.taobao.org临时使用淘宝镜像npm --registry https://registry.npm.taobao.org install express删除淘宝镜像npm config set registry https://registry.npmjs.org/配置后可通过下面方式来验证是否成功npm config get registrynpm install
2021-11-17 21:56:57
429
原创 vue面试
1. 基本问题1.1. Vue.js 的特点易用： 简单，易学，上手快 灵活： （渐进式）不断繁荣的生态系统，可以在一个库和一套完整框架之间自如伸缩。 高效： 20kB min+gzip 运行大小；超快虚拟 DOM；最省心的优化 双向绑定：开发效率高 基于组件的代码共享 Web项目工程化，增加可读性、可维护性1.2. Vue.js 双向绑定的原理Vue.js 2.0 采用数据劫持（Proxy 模式）结合发布者-订阅者模式（PubSub 模式）的方式，通过 Object.defineP
2021-11-17 21:35:41
143
原创 angularJs
子作用域继承了父作用域所有的属性和方法，顾调用子方法，父界面中方法也会调用。解决方式用angularJs.copy(data)。
2017-11-05 12:32:07
246
原创 gradle简单使用
1.gradle 安装直接解压即可，配置环境变量GRADLE_HOME gradle解压路径， PATH中配置%GRADLE_HOME%\bin2.gradle 打包 gradle clean gradle build3.gradle转化eclipse项目gradle exlipse
2017-02-23 00:16:28
384
转载 构建高可用ZK集群
构建高可用ZooKeeper集群 ZooKeeper 是 Apache 的一个顶级项目，为分布式应用提供高效、高可用的分布式协调服务，提供了诸如数据发布/订阅、负载均衡、命名服务、分布式协调/通知和分布式锁等分布式基础服务。由于 ZooKeeper 便捷的使用方式、卓越的性能和良好的稳定性，被广泛地应用于诸如 Hadoop、HBase、Kafka 和 Dubbo 等大型
2016-09-10 11:53:07
3671
翻译 $(function(){})与onload比较
页面加载完成有两种事件:1.ready表示文档结构已经加载完成（不包含图片等非文字媒体文件），2.onload指示页 面包含图片等文件在内的所有元素都加载完成。(可以说：ready 在onload 前加载！！！)一般样式控制的，比如图片大小控制放在onload 里面加载;jS事件触发的方法，可以在ready 里面加载;用jQ的人很多人都是这么开始写脚本的：$(functio
2016-07-31 12:31:14
750
转载 $与document.getElementById区别
document.getElementById()返回的是DOM对象，而$()返回的是jQuery对象什么是jQuery对象？ ---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法。 比如： $("#test").html() 意思是指：获取ID为test的元素内的html代码。其中html()是jQuery
2016-07-31 12:05:58
1131
1
原创 form表单提交提示对象不支持此属性或方法
form.submit();js代码我是看了一遍又一遍，结论:代码没问题！可问题究竟出在什么地方呢?看到上面说：1、修改控件名称的： 改为: 试了，还是不行。最后终于找到了解决办法: 2、在一个完整表单中，不应有名字或者ID为action或submit的标签，否则将会产生"对象不支持此属性和方法"的ie错误。 如代码""或"
2016-04-07 19:25:56
6024
转载 数据库连接池
这次我们来聊聊数据库的连接， 因为我觉得这是蛮有内容且蛮重要的一部分内容。首先会从单个的连接池讲起，重点考察下单连接池和数据库的交互情况， 然后探讨下大规模集群下数据库连接会遇到的问题，以及对应的解法。首先什么是连接池，出现的原因是啥？我们可以从一个标准SQL的生命周期说起， 如果一个SQL要到DB上去执行， 那么首先要建立应用服务器和数据库的一个连接状态，连接建立后数据库会分配一个线程或
2016-02-15 11:23:20
2333
原创 Oracle数据过滤并修改
--特定范围，最大操作时间在某个时间段内的数据修改DECLARE V_NUM NUMBER; CURSOR CARDINFO IS SELECT MAX(L.LCD) LCD, L.CARD_ID_DEX CARDID FROM CMS_CARD_USER_SYN L WHERE L.CARD_ID_DEX IN ('AD
2016-01-26 17:23:16
2260
原创 oracle脚本处理数据，还原后重新处理
DECLARE V_NUM NUMBER; CURSOR CARDINFOB IS SELECT MB.ID, MB.CARD_ID_DEX, MB.EMPO, MB.CARD_STATUS, MB.OP_TYPE FROM CMS_CARD_USER_SYN_BAK MB;BEGIN V_NUM := 0; FOR C IN CARDINFOB
2016-01-26 11:17:09
583
原创 Oracle根据表名生成唯一流水
--根据不同的前缀生成唯一的Sequence ID。前缀为表名，需要使用sequence的地方必须按照表名建立相应的sequence。该sequence的名称格式为 tablename + "_seq"CREATE OR REPLACE FUNCTION ECCDE.GETROWID(p_tablename IN VARCHAR2)RETURN VARCHAR2 ASv_sql VAR
2016-01-25 10:46:54
1277
原创 oracle利用游标数据初始化
DECLARE V_NUM NUMBER; CURSOR CARDINFO IS SELECT MS.ID, MS.CARD_ID_DEC, MS.CARD_ID_DEX, MS.UMID, MS.EMPO, MS.ISSUER, M
2016-01-20 15:33:50
1226
转载 redis
【本教程目录】1.redis是什么2.redis的作者何许人也3.谁在使用redis4.学会安装redis5.学会启动redis6.使用redis客户端7.redis数据结构 – 简介8.redis数据结构 – strings9.redis数据结构 – lists10.redis数据结构 – 集合11.redis数据结构 – 有序集合12.redis
2015-12-31 14:58:24
554
翻译 hibernate与ibaties区别
ibatis:sql需要自己写hibernate:sql自动生成上面是最大的区别,下面是一些细节.选择Hibernate还是iBATIS都有它的道理：Hibernate的特点：Hibernate功能强大，数据库无关性好，O/R映射能力强，如果你对Hibernate相当精通，而且对Hibernate进行了适当的封装，那么你的项目整个持久层代码会相当简单，需要写的代码很少，开发速度
2015-12-24 09:49:28
431
原创 队列
package com.paic.learn.message.pushmsg.biz.service.impl;public class Queue //队列类{private int maxSize; //队列长度，由构造函数初始化private long[] queArray; // 队列private int front; //队头private int
2015-12-18 15:46:31
346
转载 shiro管理端权限
第一步：配置web.xml?1234567891011121314151617 --> filter> filter-name>shiroFilte
2015-12-15 15:31:28
739
高效缓存redis
2015-12-31
搜索案例solr
2015-12-29
mybatis所需jar包
2015-11-17
spring-framework-3.1.1.RELEASE-with-docs.zip
2015-11-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人