- 博客(1827)
- 资源 (17)
- 收藏
- 关注
RSS订阅
原创 自己开发的 Vue 下的甘特图 组件 已上传到GitHub上
经过 2021年的一个春节，从年前到现在，大致撸出一个 甘特图，进度条是用SVG画的，使用了几个工具库 （interactjs 用来处理拖拽和修改尺寸，snap.svg 用来处理 svg 的dom 操作，moment.js用来处理时间的操作），其他没有依赖任何的UI组件，目前初见雏形，还比较粗糙，后面会不断更新源码地址点击期间也摸索了怎么把vs code的项目上传到 GitHub 上面进行源代码的管理，基本上是参考的这篇文章做的...
2022-03-06 21:18:16
1469
3
原创 Chocolatey 强大的windows 软件包管理工具
当下，包管理工具十分流行，如今不光是开发用的包，就连软件包都有管理器了。 下面隆重推荐 Chocolatey ，官网 跟其他包管理器一样，都推崇使用命令行下面说一下安装方法 管理员身份运行 cmd@powershell -NoProfile -ExecutionPolicy Bypass -Command “iex ((new-object net.webclient).DownloadStr
2017-02-21 14:04:26
11782
6
原创 非常好的SQL格式化工具SQL Pretty Printer
该工具的web版 点击 以前若干年都是用这个，最近发现老是各种问题，打不开，或者网页刷新慢，让人难以忍受，最近竟然找到了这个公司开发的桌面版，功能也强大丰富不少 CSDN原来已有下载 SQL Pretty Printer 3.2.5
2015-11-18 15:24:02
9694
3
转载 性能测试-ApacheBench
http://www.cnblogs.com/mongo/p/4910249.html基本简介ApacheBench 是一个指令列程式，专门用来执行网站服务器的运行效能，特别是针对Apache 网站服务器。这原本是用来检测 Apache 网站服务器能够提供的效能，特别是可以看出Apache能提供每秒能送出多少网页。 工具准备下载：请戳这里资料：http://httpd.apache.org/doc
2015-11-02 18:05:05
1761
4
原创 测试工具选型资料
首先拿测试种类来分,有黑盒测试工具和白盒测试工具黑盒测试和白盒测试对比 黑盒测试主要是为了发现以下几类错误：1、是否有不正确或遗漏的功能？2、在接口上，输入是否能正确的接受？能否输出正确的结果？3、是否有数据结构错误或外部信息（例如数据文件）访问错误？4、性能上是否能够满足要求？5、是否有初始化或终止性错误？ 白盒测试主要是想对程序模块进行如下检查：1、对程序模块的所有独立的执行路径至少测试一遍。
2014-02-26 11:06:18
1732
1
原创 治好 el-table 固定列一拖动就错位的病
如图所示，界面经常在刷新，或改变大小的时候，el-table 的固定列就开始错位，这时候应该使用ResizeObserver 登场了，用它来监控 el-table 大小的改变，同时触发 el-table 的 doLayout 方法来重新渲染 el-table，同时还要注意在 Vue 组件销毁前注销掉 ResizeObserver，以免造成内存泄漏。
2023-04-25 11:01:29
43
1
原创 使用FullCalendar做日程安排
其中日周天的选择器都是作为插件引入的，这个组件还是蛮庞杂的，功能也强大，需要时间去研究。自定义实现了加载，删除，样式的定义，鼠标悬停的显示，如图。
2023-03-15 14:55:27
331
原创 SignalR注册成Windows后台服务，并实现web前端断线重连
本文主要说明 SignalR 如何注册成 windows 后台服务，及前端如何在断线的情况下不断尝试重新连接
2023-02-12 13:51:14
631
1
原创 解决npm下载包的时候发生的依赖冲突
今天在一台虚拟机上面运行老项目，报各种类型上图的错误提示，一开始还以为是less的问题，结果一个个装完还是报错，后面又说webpack, webpack cli有问题，头有点大了，google 一下，发现一个命令。讨论这个命令的文章，可以了解一下。运行以后终于出现了期待已久的。
2022-12-13 17:21:30
230
原创 封装 x-spreadsheet 带样式导入导出
接上两篇vue 下使用 exceljs + x-spreadsheet 带样式导入Excelvue 下使用 exceljs + x-spreadsheet 带样式导出Excel下面封装好一个组件调用组件的页面效果如图，目前“导出Json”还没有做
2022-12-07 16:48:59
801
原创 vue 下使用 exceljs + x-spreadsheet 带样式导出Excel
接上一篇，这次加入的是从x-speadsheet导出Excel，并且带有x-speadsheet中的样式，重点关注 exportExcel 这个方法，我加入了 tinycolor 这个库用来翻译颜色值，值得注意的是， exceljs的颜色值是 argb 不是 rgba，一定不要弄混了a 是代表的透明度放在最前面
2022-12-04 14:45:17
413
原创 vue 下使用 exceljs + x-spreadsheet 带样式导入Excel
【说明】导入的Excel 字体颜色和背景色只能识别【标准色】,别的如"主题颜色"，exceljs 解析出来不是颜色值。导入的样式包括字体，字号，列宽，合并单元格，【部分能识别】的背景色，文字颜色。导入到 x-data-spreadsheet 如下图。原Excel样式如下。
2022-11-20 18:11:10
1526
6
原创 element ui 的 el-tab 当使用 router-view 时 mounted 执行了多次
之前参考某文章把 router-view 放在 el-tab-pane 外面都不起作用，问题根本不是出在 el-tab-pane，而是v-for 里面有多个route-view , keep-alive 时 tab 并未销毁掉，而是缓存隐藏了起来。需要把 router-view 的 name 与路由的 index.js 名称对应起来。之前参照很多文章修改试图修正这个问题，结果都徒劳，终于让我找到。我做了如下修改，主页面 main.vue。
2022-11-19 16:04:17
1059
1
原创 WebApi 打个Attribute 统一处理异常
前一段时间看杨中科的视频，其中吐糟了mvc的管道机制，当然用在webui的渲染上这个还不如做个前后端分离，因为用管道和razor视图引擎去做这些看着就很繁琐，并且很重，整个架构都复杂化了，但是作为一些AOP的处理，管道却非常的好用，下面用一个Atrribute异常过滤器来统一的处理异常，那么每次有异常出现就不用写如上的代码去手动捕获了。以上就是一个异常处理的过滤器，下面的Contronlller只用打上一个标签就不用再去写trycatch了。我们处理异常的时候通常都要写形如以下的代码。...
2022-07-27 09:56:03
309
原创 Vue 动态连接线
尝试了两个连线库 jsplumb 和 leadline ，其实两个库都很强大，但是基于个人使用的习惯，决定还是用 leadline ，在Vue 下我使用它的一个包装库 leader-line-vue 下面是上图的连接线示例代码，连接线很轻松的就实现了一个渐变效果...
2022-07-11 22:04:59
3507
2
原创 RabbitMQ 消费者断线重连
虽然RabbitMQ.Client 库有心跳机制，有断线重连机制，但是在网络断掉的时候并不能重连，下面的代码就是解决这个问题，经本人测试有效，适合作为挂机程序
2022-05-27 14:21:12
4308
1
原创 css 灯泡发光动画，挺有意思
.light { animation: flicker 4000ms ease infinite;}@keyframes flicker { 0%, 100% { box-shadow: 0 0 1rem #fefa01, inset -0.25rem 0 0 0.5rem rgba(14, 10, 10, 0.1); } 30%, 70% { box-shadow: -1rem 0 8rem 1rem #fefa01, inset -0.25rem 0 0 0.5re.
2022-03-28 10:20:54
1358
原创 Vue 中使用消息总线让两个滚动条同步滚动
最近自己从零撸起的甘特图组件需要子组件的滚动条同步滚动这就涉及到子组件之间的互相通信，通过 消息总线可以达到我们的需求 ,首先建立一个标志位，拖动左边滚动条的时候，右边的滚动条事件不处理，反之拖动右边滚动条时，左边的滚动条事件不做处理，建立一个公共的变量用于两者的互斥store.jsimport Vue from 'vue'export let store = Vue.observable({ scrollFlag: true})export let mutations =..
2022-03-04 23:27:12
977
原创 Vue 强制渲染组件
最近自己从零撸了一个甘特图组件，如图当切换 "月/时/日" 的时候，我希望下面的甘特图重新渲染，页面结果是这个样子<template> <div v-if='tasks' class="content"> <template v-for='(item, index) in tasks'> <div :key="index + '_task'" style="border-top: 1px solid #cecece;margi.
2022-03-03 11:47:09
596
原创 Vue + lodop 静默打印
静默打印是什么？简单来说就是不需要用户点击"打印"，自动去打印，但是使用浏览器web打印不可避免的要弹出以下画面面对这种问题也只能用"富客户端"技术来解决，在浏览器的沙盒安全模型中无法做到，那么只能使用插件的技术，这个我们就不自己花力气去做了，我找来了 lodop 这个免费的打印组件，功能还是挺强大的，下载下图的发行包解压后安装下图两个exe如果你的系统是64位的，可以安装install_lodop64.exe上图的LodopFuncs.js 是客户端要使用的核心库文件...
2022-02-28 11:17:55
2747
1
原创 Vue + DataV + SignalR 数字化大屏展示
个人觉得大屏展示其实很简单，噱头多过技术含量，下面使用了 DataV (不是阿里的那个DataV哈，具体链接在这里)开发了一个大屏展示，使用了css flex弹性布局，使用了DataV的一些比较酷炫的边框(SVG写的)，基本上功能没有全部完成，但是模子已经刻出来了，只是后端推送的内容没有全部写出来前端<template> <dv-full-screen-container class="screen-container"> <div class="ti
2022-02-15 17:28:21
1351
原创 Vue中使用froala富文本编辑器制作打印模板 + print.js 打印
参考上一篇知识开发的一个功能，制作一个打印模板的管理模块，如下(就是保存froala编辑后的html文本，其中包括Vue的Template，这样我们可以利用Vue的模板的优势来动态绑定一些数据源进行HTML的打印,基本上跟过去水晶报表做一个模板再绑定数据源的方法异曲同工)在 main.js 里引用 froala 组件// Import and use Vue Froala lib.import VueFroala from 'vue-froala-wysiwyg'// 引入 Fr..
2022-02-15 10:54:12
3182
2
原创 Vue2.0 组件实现动态模板(即Template)
从这篇文章得到启发先定义一个组件从外部接收Template，然后在组件里调用<template > <div ref="markedContent"></div></template><script>import Vue from 'vue/dist/vue.esm.js'export default { name: 'wf-marked-content', props: ['content'], mounte..
2022-01-11 22:53:57
6702
1
原创 Vue 批量引用文件
在使用 froala-editor 的时候发现要在main.js里面导入大量的插件文件(js和css)，比如下面要使用表格的功能，需要引用两个文件 （主要是不引用插件的话，工具栏上面连那个按钮都不会出现）require('froala-editor/css/plugins/table.css')require('froala-editor/js/plugins/table.min.js')如此一来用的插件多，导入的文件就要一个个手动引入，非常繁琐。于是google寻找能不能批量的导入一个文件夹下
2022-01-07 11:40:38
854
原创 Vue + Element UI 实现了一个周选择器
如上图，下面贴代码<template> <div> <el-date-picker size="large" style ="width:120px" v-model="selectYear" format="yyyy 年" value-format="yyyy" type="year" :clearable = "false" placeholder="选择年">..
2021-12-31 10:52:33
2459
1
原创 拿来改造主义，Vue + Element UI + Less 做了一个拖拽条
其实Element UI 只用了文字提示的 el-tooltip 组件，不喜欢可以去掉，不记得是从哪拿到的原始代码，我给加了高亮渐变显示，图标，和拖拽时只能拖拽图标的位置，效果如上图，可以水平方向拖动，也可以垂直方向拖动。样式是less写的，css写嵌套样式太繁琐了。拿来主义，改造有理!下面贴代码<template> <div ref="splitPane" class="split-pane" :class="direction" :style="{ fl...
2021-12-31 10:32:09
1058
原创 VS2022 使用Standalone JavaScript Vue Template创建的Vue版本不是3.0
实践出真知，这话一点不假，之前在微信公众号上看的一篇文章，说是用这个模板创建Vue 3.0 + WebApi的项目，结果自己照着创建一个就是各种坑和问题，可能是新东西出来还不成熟吧！使用 Vue 3.0的Setup语法糖居然编译错误使用查看当前的Vue版本npm list vue结果查到版本是 2.6.4 不是 3.0！使用 如下命令升级Vuenpm install vue@3.0安装完成，运行，结果遇到如下错误Error: Cannot find module '@vue/.
2021-12-19 20:38:44
2003
原创 Vue3 使用 script-setup 语法糖
计划是这样,公司的项目一直在持续改动,安装包总是需要频繁生成新的,由此我想到了"持续集成"!有自动化工具不用,岂不可惜?这周的主要时间就用来学习CruiseControl.Net全面实现持续集成
2021-11-04 23:02:29
914
原创 VueRouter 使用 mode: ‘history‘ 嵌套路由 打包路径错误的问题
VueRouter 默认是hash模式，但是url上会带上#字符，非常不好看，会影响一些场景下的url解析， history 模式下没有 #，但是history 模式下对打包就出现了路径不对的问题，通过修改 项目根目录下 \build\webpack.prod.conf.js 解决 output: { publicPath: '/', path: config.build.assetsRoot, filename: utils.assetsPath('js/[name].[.
2021-11-04 11:30:26
924
原创 Vue 3.0 + Element Plus 踩坑
运行vue create xxxx 使用Vue Cli 4.5 创建 Vue3.0 项目1.项目打包以后，查看打包后的/dist/index.html，页面显示不出来，引用路径出现错误在项目根目录创建vue.config.js 文件，配置如下module.exports = { publicPath:'./'}2.运行vue add element-plus 安装 Element Plus，出现如下错误Can't resolve './fonts/element-...
2021-11-03 20:38:33
2836
1
原创 安装 Element UI 3.0 （即 Element UI Plus） 正确方法
首先官网推荐的安装方法没有生成dist文件，导致样式表等这些文件并没有生成npm install element-plus --save以上方法是有问题的，如果不幸执行了上面的命令，那么先执行卸载npm uninstall element-plus删除 main.js文件对element ui的引用，输入以下命令vue add element-plus...
2021-11-03 00:05:18
3904
1
原创 axios 前端Post 传字符串数组给 Web Api 接收
脑袋疼，折腾了个把小时，终于折腾清楚了，如下例所示，selectedIds是一个字符串数组 var that = this var selectedIds = this.selectedRows.map((o) => o.id) if (selectedIds.length === 0) { this.$message.error('请选择需要删除的行！') return } this.$confirm(.
2021-09-17 13:46:11
1127
1
原创 Vue CLI 使用 npm webpack 打包发布 + Asp.net Web Api 后端调试
npm 调试命令 npm run dev很简单，我们都知道。那么怎么调用并调试.net Web Api接口呢.先看看 node.js环境下前端如何配置吧一.首先我们说说如何在 npm run dev命令下，也就是开发模式下去调用 .net Web Api后端接口去联调。 1. 打开 config文件夹下的 index.js，如下图所示其中有个很关键的地方，那就是配置节proxyTable ，这其中 target就是后端Web Api的地址，至于这个地址...
2021-09-07 14:43:38
476
原创 把之前的项目改成了纯前端单页应用，彻底抛弃了iframe，附源码下载
在网上找了很久,得到的答案是"Entity Framework 中不能同时更新多条记录",历经这么多版本,居然还没有这种基本功能,我真的很无语了在网上
2021-07-28 09:54:33
314
原创 解决VS2017/2019无法在线升级
打开VS2019更新检测，最后出现无法下载，在这里找到个解决方案，大致分为几步来解决查看aka.ms的ip，这里可以查看https://ip.tool.chinaz.com/，我查出的地址是23.72.68.153把这个地址加到C:\Windows\System32\drivers\etc\hosts如：# Copyright (c) 1993-2009 Microsoft Corp.## This is a sample HOSTS file used by Micros...
2021-04-13 15:29:36
3130
2
原创 关闭后台SignalR改进版
接上一篇，在上一篇里面有个缺陷，等所有SignalR连接都关闭，后台线程才全部终止，这一篇修改一下，每个连接维护他自己的线程，关闭连接就关闭属于他自己的的那个线程using HenryMes.BLL;using Microsoft.AspNet.SignalR;using Microsoft.AspNet.SignalR.Hubs;using System.Threading;using System.Threading.Tasks;using HenryMes.Model;using S
2021-03-30 10:21:05
348
原创 使用 async await 取代 promise
async afterSelect(item) { var that = this; //更改状态 var result = await axios.post('/OrdersProduction/LoadTotalQty', JSON.stringify({ orderId: item.id })); if (result && result.data && ...
2021-02-25 14:18:33
322
Advanced.Installer.v13.1注册机
2016-09-19
MySQLBackupFTP及注册工具
2016-09-19
AlwaysUp8.5及注册机
2015-09-25
数据库数据互导及文档生成工具（IT人员必备）
2015-01-19
类似SCSF中EventBroker解耦事件调用方和接受方，打破"+="带来的耦合
2014-08-16
A Guide to the Project Management Body of Knowledge (PMBOK Guide) 第五版 (中文) 2013
2013-10-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人