小狐狸和小兔子

使用Vue时，我们前端如何处理后端返回的文件流首先后端返回流，这里我把流的动作拿出来了，我很多地方要用 /** * 下载单个文件 * * @param docId */ @GetMapping("/download/{docId}") public void download(@PathVariable("docId") String docId, HttpServletResponse re

关于树排序，自己也许是跟这个有点缘分把，前后陆续写了几个不同版本的拖拽排序，在这里做一个归纳，后续如果有在更新也会同步更新组件地址z-TreezTree通用拖拽排序，实时保存数据库，批量更新部分节点ElementUI / El-TreeElementUI El-Tree 拖拽排序方法（通用）Ant Design Vue / A-Treeantd-vue a-tree拖拽排序方法（通用）注：以上方式数据库表结构都有核心的 ID、PID、ORDER/SORT 三个

最近因为仿钉钉做内部IM，头觉得ElementUI功能有点简单了，不太适合当前业务需求，于是舍弃了，换成了 Ant Design Vue，这下好，之前做的功能全部重新修改…没办法，谁让人生就是这样改来改去，推掉重来在修改部门的时候，原本的组织架构拖拽排序并实时后台存储从el-tree 换成了 a-tree 后，之前的代码不能用了，但是思路大体还是一致，然后我找了找a-tree 的节点规律以及官方文档，自己重写了一个，原则上还是以尽可能的少改动数据为优先首先我们的Vue文件声明如下（由于文件内容多，

最近在模仿钉钉，做一个企业内部沟通管理软件，技术使用了 Ant Design Vue 、Electron，功能主要有聊天、文档、通讯录、工作台，对于钉钉的上传文件，既有单个文件，也有文件夹，如图于是自己摸索着也实现了一个，直接上代码<a-upload ref="upload" class="dd-display-inline" :show-upload-list="false" :directory="isDirectory" :open-file-dialog-on-clic

如果你浪费了自己的年龄，那是挺可悲的。因为你的青春只能持续一点儿时间——很短的一点儿时间。 —— 王尔德前言最近工作使用Vue+Element UI来进行开发，遇到部门树功能的时候选择了el-tree组件来展示，功能都完成了，但需要在加载完成后默认点击第一个节点，从而查询右侧对应的部门人员信息，但官方没有提供默认触发node-click事件，通过Google找到相关答案，代码如下watc...

将很早以前的一个web项目在IDEA重新试着运行，结果前端页面一直出问题，页面使用的是jsp和jstl标签来展示内容，浏览器访问一直出现 无法在web.xml或使用此应用程序部署的jar文件中解析绝对uri：[http://java.sun.com/jsp/jstl/core]jstl-api-1.2.jar我已经单独引入了（项目的lib下就有这个和一个sqljdbc4数据库jar），记忆中当初做的时候都是在eclipse中引入的自定义 library ，多个jar一起引入，总觉得还少点什么，看了很多说都

有时候我们需要对整个网页进行截图，有很多方法，比如安装各种软件来实现，其实我们可以用基于chromium开发的浏览器实现，比如Chrome、Edge等，首先打开我们需要截屏的网页按下F12 or option+command+i，调出开发者工具界面按下shift+command+p调出命令界面输入Screenshot 有如下4个选项，选择第二个 full size 回车就可以了Edge如下效果如下...

JQuery选择器基础附上常用选择器选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有class="intro" 的元素element$("p")所有 <p> 元素.class.class$(".test.demo")所有class="test" 且 class="demo" 的元素:first$("p:first")第一

需求：一个项目由于之前采取jar方式启动，URL只到端口层，故项目中请求正常，换成war后，由于带上了工程名称，ajax请求默认不包含工程名，导致多数请求出现404传统的jsp页面js获取项目路径的写法：var contextPath = '${pageContext.request.getContextPath()}';springboot thymeleaf js获取项目路径：<script th:inline="javascript"> var context = [[

前面那篇选中默认节点，有朋友留言说能不能支持自定义节点，自己想了想认为可行，思路主要利用el-tree 的current-node-key 和highlight-current属性，如图<el-tree :data="deptTree" :props="defaultProps" :expand-on-click-node="false" :filter-node-method="filterNode"

最近在把旧版本的ztree部门排序完成后，详情见 zTree通用拖拽排序寻思着把新版本的el-tree也给加入排序功能，毕竟一碗水要端平（功能都是自己写的。。。），由于二者表结构也类似，核心也还是那几个字段 id、pid、order，就看了下ElementUI官网的文档，便有了这么一篇，原则上还是以尽可能的少改动数据为优先首先我们的Vue文件声明如下（由于文件内容多，只贴关键代码），主要加入了draggable属性和node-drop事件，支持拖拽<el-tree :data="deptTr

最近有遇到需要对部门进行排序，使用的ztree插件，遂有了这么一篇，表结构就很正常那种树形结构，包含如下3个关键字段即可，数据是拖拽完排序后最终表里存放的数据形式IDPIDORDER100201302401005010160102首先我们初始化ztree时需要设置可编辑状态，然后初始化 var _setting = { check: { enable: false

世界各国是指世界上各个国家，截至2019年，世界上共有233个国家和地区，其中国家有195个，地区有38个。数据较全，体验较好，支持快速接入，根据上级查找附属直接下级，支持检索以及默认值初始化赋值（默认：中国/湖南/湘潭/湘乡市）支持中英文国际化，通过pinyin4j-example获取地区数据国际化级联格式依次为：国家（地区）/省份（直辖市）/市（区）/县，效果如图本实例依赖以下插件或...

Vue 入门之安装（Mac）Step 1安装npm，npm全称为Node Package Manager，是一个基于Node.js的包管理器brew install node//安装nodenode -v//查看版本npm -v//与node同步安装Step 2切换国内淘宝源，安装cnpmnpm install -g cnpm --registry=https://regi...

当后台的日期是String类型的时候，我们使用Struts标签库则不能按照特定日期格式format输出date name="auditDate" format="yyyy-MM-dd" />效果是什么都不显示由于不想再去后台做改动，便想在页面处理，使用的jstl标签库中的fmt成功实现，先引入标签库 然后第一步先将String转成Date，第二步再Format格式化输出，

今天给客户更新生产环境，遇到一个问题就是写的js在客户生产环境中的ie和360中不起作用，随后我想看看浏览器的输出，并没有异常错误，然后继续操作发现一个奇怪的现象就是，在开启F12的情况下，功能正常使用，一旦关闭则使用不了，上网找了资料，参考了superGG1990的文章，在开发过程中，console.log常被用来调试程序，在Chrome和Firefox中友好运行，但是在IE9之前的版本支持不友好

jQuery和DOM对象互转jQuery和DOM作为开发想必我们都或多或少的有接触，但是很多时候容易混淆，特别是刚接触的新手，往往会分不清什么是jQuery对象，什么是DOM对象？jQuery对象需要引入jQuery的js，其实我们可以理解它就是一个类库，官网下载地址http://jquery.com/download/ ，在使用上语法很精简var $obj=$("#id")orvar $obj=j