摘要:
最近Vue项目中写到一个业务,就是需要把对话框的表单中的数据,每次点击提交之后,就存进一个el-table表格中,待多次需要的表单数据都提交进表格之后,再将这个表格提交,实现多个表单数据的同时提交,期间还可以用表格进行预览、修改等其他操作。将每个表单数据存进表格的代码大致代码如下: let obje 阅读全文
摘要:
这边因为业务的需求,觉得随着产品中心以后需要按钮的增多(图1操作栏的效果),这样会导致排版和按钮过于冗长的问题,用户体验不佳,于是想到利用el-dropdown做一个下拉按钮(图1操作1栏的效果) 。 图1 两种按钮效果 但是ElementUi官方文档中的handleCommand方法只允许接入一个 阅读全文
摘要:
现实的场景中很经常遇到表格el-table数据过多,为了更好的用户体验,所以我们需要用到分页,一般分页可以视数据量的大小可分为前端控制和后端控制。 先看下效果(已做脱敏处理) 图1 前端el-table分页效果 这里就把ElementUi官方的例子进行修改来说明 <template> <el-tab 阅读全文
摘要:
话不多说,先展示效果图。由于录制工具,稍显卡顿,实际是流畅的。可以看到实现了无缝轮播,鼠标悬停,点击左右上下按钮切换Banner的功能,如图1所示。 图1 原生无缝banner效果展示 以我这个轮播图为例,总共3张图的Banner轮播图,实际上是由5张图组成,如图2所示。一张图片长544px,所以s 阅读全文
摘要:
要知道这几种写法之间的区别,我们要先聊些题外话——js中函数的两种命名方式,即表达式和声明式。 函数的声明式写法为:function foo(){/*...*/},这种写法会导致函数提升,所有function关键字都会被解释器优先编译,不管是声明在什么位置,都可以调用它,但是它本身不会被执行,定义只 阅读全文
摘要:
之前QQ浏览器一直是我前端调试工具的主力,因为它是一个套壳浏览器,所以它的兼容模式(谷歌Chrome内核)和极速模式(IE浏览器内核)简直是调试兼容性的神器,可以直接切换,不用再反复打开Chrome和IE。而且这个F12调试台有木有看起来觉得很熟悉,对,这个就是谷歌浏览器自带的原生开发者工具,这让我 阅读全文
摘要:
此页面效果以Angular实现,Vue也可按照其大致流程实现,其核心本质没有改变。 功能效果为:页面初始化效果为要有所有角色的复选框,要求初始化默认勾选的角色要显示勾选,之后,能按照最终勾选的状态提交发请求。 先查看效果:可以看到初始页面的此用户被赋予的角色只有一个“核算经办”,如图1红框所示,点击 阅读全文
摘要:
使用SVN作为版本管理工具,可以使用VisualSVN Server+TortoiseSVN搭建SVN版本控制系统,组长安装VisualSVN Server,组员安装TortoiseSVN。 TortoiseSVN 是 Subversion 版本控制系统的一个免费开源客户端,VisualSVN是收费 阅读全文