- 【前端】弹框组件
Lucky小维
前端前端javascript开发语言
vue2项目,封装的第一版弹框组件使用基于elment-ui在vue同级创建components/dialog文件夹里面放paramDialog.vue父组件引入dialogVisible要是改变量名,这个也记得改importParamDialogfrom'./components/dialog/paramDialog.vue';components:{ParamDialog},data(){re
- vue+elment el-tree懒加载自定义叶子节点,三角样式最后一层不显示css
菡萏琅梓
前端javascriptvue.jscsselementui
{{node.label}}data(){return{props:{label:"name",isLeaf:(data,node)=>{if(node.level===2){returntrue}}},}}Node(node,resolve){//如果展开第一级节点,从后台加载一级节点列表if(node.level==0){this.loadfirstnode(resolve);}//如果展开其
- Elment plus 组件选中后出现黑框
最凶残的小海豹
web前端vue.jselementui前端
解决方法:在出现黑框的标签样式里覆盖以下样式::v-deep.el-dialog__headerbtn:focus{outline:none;}上面代码是覆盖了,el-dialog弹窗关闭按钮的黑框
- Elment plus dialog组件 移动端中使用百分比显示问题(自适应)
最凶残的小海豹
web前端vue.js前端javascript
直接上方法:CSS加入下面代码@mediascreenand(min-width:220px)and(max-width:600px){::v-deep.el-dialog{width:90%!important;}}上面代码意思是:当屏幕宽度小于600px且大于220px的时候el-dialog设置为90%。如果仅小于或者仅大于,值用其中一个and就可以,例如:@mediascreenand(m
- JavaScript DOM属性和方法之element元素对象
知数SEO
JavaScriptjavascript前端开发语言
在HTMLDOM中,elment对象表示HTML与纳素,可以包含的节点类型有元素u节点、文本节点、注释节点。它们有响应的属性和方法,有很多都是我们之前用过的。一、element对象属性1、attributes2、childNodes3、className4、clientWidth、offsetWidth、scrollWidth等宽高属性5、contentEditable6、dir7、firstCh
- vue elment-ui 一张与多张图片上传,返回base64编码 thinkphp5
qq_28761593
ThinkPHPHTML+CSSelementVuevueelment-uibasethinkphp5vue图片base
注意:action为上传的后台路径地址imageUrl:为图像的路径accept:上传的图片格式可以自定义$emit:操作后返回对应的数据给父级vue一张图片只给一个路径,多张图片需要给一个数组1.element-UI头像上传,返回一条路径vue代码importApifrom'../../Api'exportdefault{name:'servec_type',data(){return{imag
- elment-plus如何引入scss文件实现自定义主题色
yrldjsbk
elementPlusscss前端css
elment-plus如何引入scss文件实现自定义主题色!如果您想修改elementPlus的默认主题色调,使用自定义的色调,可以考虑使用官方提供的解决办法。第一步你需要在项目内安装sass插件包。npmisass-D如图,安装完成后,你可以看见在配置文件内的开发环境依赖选项里多了一个参数。如图所示。安装成功了。接下来就是需要在项目里提前准备好一份scss文件。第二步:在该路径下面建立好文件。s
- Elment UI的el-table-column表头旁边有点击按钮类似的操作
新老农
uivue.js前端
ElmentUI的el-table-column表头旁边有点击按钮类似的操作{{----}}{{--{{"信息:"+subBureau}} --}}{{--选择--}}{{----}}{{"操作"}} 增加删除deleteRowList(){console.log('del')},addRowList(){console.log('add')},或//表
- vue3前端开发,如何引入element-plus前端框架及配置参数
yrldjsbk
elementPlus前端框架前端vue.js
vue3前端开发,如何引入element-plus前端框架及配置参数!这是一个简单的教程,帮助大家快速在自己的项目中引入element-plus框架。主要是介绍的引入流程和参数的配置情况。如图,这个就是elment-plus前端框架里面的一个主按钮展示。表示我们配置参数成功了。第一步,您需要再自己的项目中安装依赖包。npminstallelement-plus--save安装完成后,你会看见依赖选
- el-input的回车监听事件,回车调用函数(Vue)
普普通通学习不内卷
Vuevueelementui前端
在Vue中使用elment-ui的时候,用了el-input,想要添加回车也可以调用方法,添加了@keyup.enter.native最后代码如下:@keyup.enter.native就是element-ui封装过后可以用来调用回车事件的,回车是针对Input的,所以放在了el-input的tag里,然后在图标处用了click事件直接进行搜索的。用el-button也是一样的。下面是el-inp
- Python之lxml模块的etree类的使用
LOVE_XUAN521
lxml模块xpathpython
Python之lxml模块的etree类的使用lxml的安装与etree类的导入将html字符串转化为Element对象,且elment对象的方法element对象的xptah方法1.lxml模块的安装安装方式:在终端cmd下利用pip命令安装即可(保证网络畅通)pipinstalllxml2.element对象element对象是xpath语法的使用对象,element对象可由html字符串转化
- 选择 省市区 组件数据 基于vue3 + elment-plus
郑源龙
vue.jselementuijavascript
h5scriptimportjsonDatafrom'@/utils/city.json';选完省市区数据是一个数组状态[0:山东省,1:济南市,2:历下区]保存前需要join()一下转成字符串编辑回显时的时候需要split()一下再转回数组回显json数据太长我放到下两个文章
- 前端函数配置化编程 - Element-plus
戴向天
低代码前端vue前端vue.js戴向天vue3ts
yc-setting-element-plus介绍yc-setting-elment-plus是一款针对了element-plus框架进行实现的配置化项目开发插件。其主要是基于yc-config-create-setting进行实现的,并且也对typescript进行了处理,它能够有效的对element-plus所有组件的props、events进行有效的推导。快速体验第一步搭建项目,并安装插件/
- el-upload上传限制
BarryKerrigan
vue.jsjavascript前端
对elment-UI的上传组件进行一次简易封装,对上传的文件进行限制。限制:1.限制上传文件的后缀2.限制上传文件名长度3.限制上传文件大小子组件{{buttonName}}{{message}}使用父组件传递进来的条件,对上传文件进行限制exportdefault{props:{buttonName:{type:String,default:'选取文件'},message:{type:Strin
- 【Vue】表格可拖拽滚动
whu-水草
Vuevue.jsjavascript前端elementui
【问题】表格横向太长,横向滚动条需滚动至表格最底部才能拖动,不便于浏览。【需求】基于elment的el-table组件生成的表格,使其可以横向拖拽滚动。一、横向滚动原理二、找到el-table元素对应的目标元素三、通过改变目标元素的scrollLeft值实现横向滚动总结一、横向滚动原理要解决这个问题,首先需要知道横向滚动如何实现。JS中滚动相关的属性包括:scrollWidth、scrollHei
- element el-table实现可进行横向拖拽滚动
我总是词不达意
前端vue3element-uivue.jselementui前端
【问题】表格横向太长,表格横向滚动条位于最底部,需将页面滚动至最底部才可左右拖动表格,用户体验感不好【需求】基于elment的el-table组件生成的表格,使其可以横向拖拽滚动【实现】灵感来源于这篇文章【Vue】表格可拖拽滚动,作者已给出原理,感兴趣的可以去了解找到el-table元素对应的目标元素(VUE3+Element-Plus)首先给el-table添加ref,并获取元素consttab
- Elment-Ui 修改 给form添加滚动条 超出高度滚动
拢作是笑诙
//超出550部分滚动
- unplugin-auto-import/vite、unplugin-vue-components/vite实现自动引入本地组件、js脚本依赖
软件园的肖邦
javascriptvue.js前端typescript前端框架
PS:网上找到一堆基本都是只有elment-plus的自动引入,于是自己上官网查:unplugin-vue-components-npmunplugin-auto-import-npm以下配置请结合官网和自己的项目食用以下是我自己项目中的vite.congfig.ts的配置://js按需自动引入AutoImport({imports:['vue',//引入vue3'vue-router',//引入
- 前端自定义校验
程序猿小张哇
学习vue.jsjavascripthtml5
目录前端elment-ui校验器正则表达式校验JSR303数据校验统一异常处理JSR303分组校验自定义校验编写自定义注解定义校验器类自定义messasge应用前端elment-ui校验器form表单加上:rules="**"字段加上prop="*"编写valdate正则表达式校验firstLetter:[{validator:(rule,value,callback)=>{if(value===
- element-UI中el-scrollbar的使用
S_h_a_
Web开发vue.jsjavascript前端
在elment-ui中有这么一个滚动条,当鼠标over到内容部分才会显示,移开鼠标之后滚动条就会隐藏起来,相较于原生的滚动条比较美观。//将滚动条的内部的内容放在里面即可在使用过程中,如果父级高度发生改变的时候,滚动条拖动就会出现异常的情况,这个时候需要父组件的高度,当发生改变的时候,调用组件的update方法;这里主要在mounted里面对其进行监听,当然定时器也可以(详见参考)this.$ne
- elment-ui部分ui组件在移动端也能实现自适应
巧克力芋泥包
ui
javascript好久没更新了,来更新一下自己的笔记最近有移动端的项目迁移到pc端,pc端那一套用的是element-ui的后台框架,所以难免有一些样式不兼容的问题,之前很久的时候也处理过这些,但是很久没处理忘了==,所以之后再遇到兼容的会更新到这篇笔记上,供之后翻阅1.el-dialog借助css3的媒体查询@mediascreenand(min-width:220px)and(max-wid
- elment-table设置el-table-column的label里面的文字换行居中显示
高桥留
常见框架bug修改vue.jselementui前端
效果图如下:直接上代码:主要代码:注意:label是取一个变量前面有冒号,变量里面取的字符串又单引号,才可正常解析\n为换行字符文字样式:/deep/.el-table.cell{white-space:pre-line!important;text-align:center;}
- elment Loading 加载组件动态变更 text 值bug记录
IT博客技术分享
elmentUIelementui
先上效果图:倒计时4分钟组件方法//倒计时4分钟getSencond(){this.countDown='4分00秒'this.interval=setInterval(()=>{this.maxTime--;letminutes=Math.floor(this.maxTime/60);letseconds=Math.floor(this.maxTime%60);minutes=minutes<1
- 使用pl-table解决 vue+elment el-table 或el-tree (表格列表或树形控件)渲染万条以上的大数据,数据过多导致卡顿问题
HHH 917
vuevuejavascripthtml5前端
1、优化效果2、卡顿原因因为数据量过多导致浏览器渲染过多的标签元素导致DOM树占用内存较大使得用户操作阻塞。具体原理可参考别的大佬写的文章:DOM性能瓶颈与Javascript性能优化.3、解决方法及原理原理解决思路可参考:页面中长列表滚动的优化.解决方法使用第三方插件https://github.com/livelyPeng/pl-table.具体使用方法也需参照上面github这里el-tre
- el-select 组件 懒加载 可远程搜索
5335ld
vue.jsjavascript前端
用于分页数据的懒加载vue+elment新建elSelct.vue组件{remoteMethod(query,value)}"style="width:100%;"@change="change"@input="$emit('input',$event)"@visible-change="visibleChange"@clear="clearChange">{{concatString(item[
- Vue 3+TypeScript+Elment Plus+SortableJs 自定义指令实现拖拽效果
等光的影子
笔记HTML笔记vue.jstypescriptelementui
文章目录前言一、基础了解1、Vue32、TypeScript3、ElementPlus4、SortableJs二、SortableJs的安装1、SortableJs安装2、SortableJs类型安装三、代码封装1、自定义指令draggable2、自定义指令draggable值类型定义3、自定义指令入口定义4、使用四、示例五、结语前言徐小宝:本文仅以经验指南,实现拖拉拽效果,涉及TypeScrip
- Element-UI el-select 绑定对象
bingo丶
element-uivueelement-uielementuiel-select
Elment-UI版本:2.15.7由于官方文档不够详细,在使用el-select组件传入对象时,不是取值有问题,就是会报错,多番尝试后,找到了解决方法,特此记录。exportdefault{data(){return{obj:{label:1,value:'name1'},arr:[{label:1,value:'name1'},{label:2,value:'name2'}],}},metho
- JS Web APIs (DOM BOM)学习笔记
Quindrich
前端javascript学习
@[TOC](JSWebAPIs(DOMBOM)学习笔记)1、WebAPIs和JS基础关联性2、DOM文档对象模型(DocumentObjectModel),处理HTML或者XML的标准编程接口1)DOM树文档:一个页面就是一个文档,DOM中使用document表示元素:页面中所有的标签都是元素,DOM中使用elment表示节点:网页中的所有内容都是节点(标签、属性、文本、注释等),DOM中使用n
- elment-plus 中 怎么让 el-form-item 的label 左对齐
Undauanted
vue.jsjavascript前端
在写项目的时候,发现label标签总是默认右对齐,但是设计图是左对齐,就思考了以下打开控制台->选择label元素出现了如下代码可以看到,是因为采用了flex布局,且布justify-content的值为flex-end所以默认右对齐所以解决方法有两种//第一种:deep(.el-form-item__label){display:block;}//第二种:deep(.el-form-item__
- el-tree 解决横向滚动条和纵向滚动条问题
前端小浩
vue.js前端javascriptelementui
::v-deep.el-tree-node>.el-tree-node__children{overflow:visible;}添加此样式即可出现elment横向滚动条此样式是去除默认横向滚动条::v-deep.custom-scroll.el-scrollbar__wrap{overflow-x:hidden!important;}
- 关于旗正规则引擎规则中的上传和下载问题
何必如此
文件下载压缩jsp文件上传
文件的上传下载都是数据流的输入输出,大致流程都是一样的。
一、文件打包下载
1.文件写入压缩包
string mainPath="D:\upload\"; 下载路径
string tmpfileName=jar.zip; &n
- 【Spark九十九】Spark Streaming的batch interval时间内的数据流转源码分析
bit1129
Stream
以如下代码为例(SocketInputDStream):
Spark Streaming从Socket读取数据的代码是在SocketReceiver的receive方法中,撇开异常情况不谈(Receiver有重连机制,restart方法,默认情况下在Receiver挂了之后,间隔两秒钟重新建立Socket连接),读取到的数据通过调用store(textRead)方法进行存储。数据
- spark master web ui 端口8080被占用解决方法
daizj
8080端口占用sparkmaster web ui
spark master web ui 默认端口为8080,当系统有其它程序也在使用该接口时,启动master时也不会报错,spark自己会改用其它端口,自动端口号加1,但为了可以控制到指定的端口,我们可以自行设置,修改方法:
1、cd SPARK_HOME/sbin
2、vi start-master.sh
3、定位到下面部分
- oracle_执行计划_谓词信息和数据获取
周凡杨
oracle执行计划
oracle_执行计划_谓词信息和数据获取(上)
一:简要说明
在查看执行计划的信息中,经常会看到两个谓词filter和access,它们的区别是什么,理解了这两个词对我们解读Oracle的执行计划信息会有所帮助。
简单说,执行计划如果显示是access,就表示这个谓词条件的值将会影响数据的访问路径(表还是索引),而filter表示谓词条件的值并不会影响数据访问路径,只起到
- spring中datasource配置
g21121
dataSource
datasource配置有很多种,我介绍的一种是采用c3p0的,它的百科地址是:
http://baike.baidu.com/view/920062.htm
<!-- spring加载资源文件 -->
<bean name="propertiesConfig"
class="org.springframework.b
- web报表工具FineReport使用中遇到的常见报错及解决办法(三)
老A不折腾
finereportFAQ报表软件
这里写点抛砖引玉,希望大家能把自己整理的问题及解决方法晾出来,Mark一下,利人利己。
出现问题先搜一下文档上有没有,再看看度娘有没有,再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题,大多文档上都有提到的。
1、repeated column width is largerthan paper width:
这个看这段话应该是很好理解的。比如做的模板页面宽度只能放
- mysql 用户管理
墙头上一根草
linuxmysqluser
1.新建用户 //登录MYSQL@>mysql -u root -p@>密码//创建用户mysql> insert into mysql.user(Host,User,Password) values(‘localhost’,'jeecn’,password(‘jeecn’));//刷新系统权限表mysql>flush privileges;这样就创建了一个名为:
- 关于使用Spring导致c3p0数据库死锁问题
aijuans
springSpring 入门Spring 实例Spring3Spring 教程
这个问题我实在是为整个 springsource 的员工蒙羞
如果大家使用 spring 控制事务,使用 Open Session In View 模式,
com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.
- 百度词库联想
annan211
百度
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>RunJS</title&g
- int数据与byte之间的相互转换实现代码
百合不是茶
位移int转bytebyte转int基本数据类型的实现
在BMP文件和文件压缩时需要用到的int与byte转换,现将理解的贴出来;
主要是要理解;位移等概念 http://baihe747.iteye.com/blog/2078029
int转byte;
byte转int;
/**
* 字节转成int,int转成字节
* @author Administrator
*
- 简单模拟实现数据库连接池
bijian1013
javathreadjava多线程简单模拟实现数据库连接池
简单模拟实现数据库连接池
实例1:
package com.bijian.thread;
public class DB {
//private static final int MAX_COUNT = 10;
private static final DB instance = new DB();
private int count = 0;
private i
- 一种基于Weblogic容器的鉴权设计
bijian1013
javaweblogic
服务器对请求的鉴权可以在请求头中加Authorization之类的key,将用户名、密码保存到此key对应的value中,当然对于用户名、密码这种高机密的信息,应该对其进行加砂加密等,最简单的方法如下:
String vuser_id = "weblogic";
String vuse
- 【RPC框架Hessian二】Hessian 对象序列化和反序列化
bit1129
hessian
任何一个对象从一个JVM传输到另一个JVM,都要经过序列化为二进制数据(或者字符串等其他格式,比如JSON),然后在反序列化为Java对象,这最后都是通过二进制的数据在不同的JVM之间传输(一般是通过Socket和二进制的数据传输),本文定义一个比较符合工作中。
1. 定义三个POJO
Person类
package com.tom.hes
- 【Hadoop十四】Hadoop提供的脚本的功能
bit1129
hadoop
1. hadoop-daemon.sh
1.1 启动HDFS
./hadoop-daemon.sh start namenode
./hadoop-daemon.sh start datanode
通过这种逐步启动的方式,比start-all.sh方式少了一个SecondaryNameNode进程,这不影响Hadoop的使用,其实在 Hadoop2.0中,SecondaryNa
- 中国互联网走在“灰度”上
ronin47
管理 灰度
中国互联网走在“灰度”上(转)
文/孕峰
第一次听说灰度这个词,是任正非说新型管理者所需要的素质。第二次听说是来自马化腾。似乎其他人包括马云也用不同的语言说过类似的意思。
灰度这个词所包含的意义和视野是广远的。要理解这个词,可能同样要用“灰度”的心态。灰度的反面,是规规矩矩,清清楚楚,泾渭分明,严谨条理,是决不妥协,不转弯,认死理。黑白分明不是灰度,像彩虹那样
- java-51-输入一个矩阵,按照从外向里以顺时针的顺序依次打印出每一个数字。
bylijinnan
java
public class PrintMatrixClockwisely {
/**
* Q51.输入一个矩阵,按照从外向里以顺时针的顺序依次打印出每一个数字。
例如:如果输入如下矩阵:
1 2 3 4
5 6 7 8
9
- mongoDB 用户管理
开窍的石头
mongoDB用户管理
1:添加用户
第一次设置用户需要进入admin数据库下设置超级用户(use admin)
db.addUsr({user:'useName',pwd:'111111',roles:[readWrite,dbAdmin]});
第一个参数用户的名字
第二个参数
- [游戏与生活]玩暗黑破坏神3的一些问题
comsci
生活
暗黑破坏神3是有史以来最让人激动的游戏。。。。但是有几个问题需要我们注意
玩这个游戏的时间,每天不要超过一个小时,且每次玩游戏最好在白天
结束游戏之后,最好在太阳下面来晒一下身上的暗黑气息,让自己恢复人的生气
&nb
- java 二维数组如何存入数据库
cuiyadll
java
using System;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using System.Xml;
using System.Xml.Serialization;
using System.IO;
namespace WindowsFormsApplication1
{
- 本地事务和全局事务Local Transaction and Global Transaction(JTA)
darrenzhu
javaspringlocalglobaltransaction
Configuring Spring and JTA without full Java EE
http://spring.io/blog/2011/08/15/configuring-spring-and-jta-without-full-java-ee/
Spring doc -Transaction Management
http://docs.spring.io/spri
- Linux命令之alias - 设置命令的别名,让 Linux 命令更简练
dcj3sjt126com
linuxalias
用途说明
设置命令的别名。在linux系统中如果命令太长又不符合用户的习惯,那么我们可以为它指定一个别名。虽然可以为命令建立“链接”解决长文件名的问 题,但对于带命令行参数的命令,链接就无能为力了。而指定别名则可以解决此类所有问题【1】。常用别名来简化ssh登录【见示例三】,使长命令变短,使常 用的长命令行变短,强制执行命令时询问等。
常用参数
格式:alias
格式:ali
- yii2 restful web服务[格式响应]
dcj3sjt126com
PHPyii2
响应格式
当处理一个 RESTful API 请求时, 一个应用程序通常需要如下步骤 来处理响应格式:
确定可能影响响应格式的各种因素, 例如媒介类型, 语言, 版本, 等等。 这个过程也被称为 content negotiation。
资源对象转换为数组, 如在 Resources 部分中所描述的。 通过 [[yii\rest\Serializer]]
- MongoDB索引调优(2)——[十]
eksliang
mongodbMongoDB索引优化
转载请出自出处:http://eksliang.iteye.com/blog/2178555 一、概述
上一篇文档中也说明了,MongoDB的索引几乎与关系型数据库的索引一模一样,优化关系型数据库的技巧通用适合MongoDB,所有这里只讲MongoDB需要注意的地方 二、索引内嵌文档
可以在嵌套文档的键上建立索引,方式与正常
- 当滑动到顶部和底部时,实现Item的分离效果的ListView
gundumw100
android
拉动ListView,Item之间的间距会变大,释放后恢复原样;
package cn.tangdada.tangbang.widget;
import android.annotation.TargetApi;
import android.content.Context;
import android.content.res.TypedArray;
import andr
- 程序员用HTML5制作的爱心树表白动画
ini
JavaScriptjqueryWebhtml5css
体验效果:http://keleyi.com/keleyi/phtml/html5/31.htmHTML代码如下:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="UTF-8" >
<ti
- 预装windows 8 系统GPT模式的ThinkPad T440改装64位 windows 7旗舰版
kakajw
ThinkPad预装改装windows 7windows 8
该教程具有普遍参考性,特别适用于联想的机器,其他品牌机器的处理过程也大同小异。
该教程是个人多次尝试和总结的结果,实用性强,推荐给需要的人!
缘由
小弟最近入手笔记本ThinkPad T440,但是特别不能习惯笔记本出厂预装的Windows 8系统,而且厂商自作聪明地预装了一堆没用的应用软件,消耗不少的系统资源(本本的内存为4G,系统启动完成时,物理内存占用比
- Nginx学习笔记
mcj8089
nginx
一、安装nginx 1、在nginx官方网站下载一个包,下载地址是:
http://nginx.org/download/nginx-1.4.2.tar.gz
2、WinSCP(ftp上传工
- mongodb 聚合查询每天论坛链接点击次数
qiaolevip
每天进步一点点学习永无止境mongodb纵观千象
/* 18 */
{
"_id" : ObjectId("5596414cbe4d73a327e50274"),
"msgType" : "text",
"sendTime" : ISODate("2015-07-03T08:01:16.000Z"
- java术语(PO/POJO/VO/BO/DAO/DTO)
Luob.
DAOPOJODTOpoVO BO
PO(persistant object) 持久对象
在o/r 映射的时候出现的概念,如果没有o/r映射,就没有这个概念存在了.通常对应数据模型(数据库),本身还有部分业务逻辑的处理.可以看成是与数据库中的表相映射的java对象.最简单的PO就是对应数据库中某个表中的一条记录,多个记录可以用PO的集合.PO中应该不包含任何对数据库的操作.
VO(value object) 值对象
通
- 算法复杂度
Wuaner
Algorithm
Time Complexity & Big-O:
http://stackoverflow.com/questions/487258/plain-english-explanation-of-big-o
http://bigocheatsheet.com/
http://www.sitepoint.com/time-complexity-algorithms/