基于Vue的Gantt组件 工作需要，要实现甘特图，之前实现了一版，但是有些问题，干脆撸一个单独的组件出来，打包封装直接使用，这样也更加灵活。 虽然不比专业的，但是小功能足够用了，展示，拖动，后续可能会添加新功能。 话不多说，直接上图。 功能 树形数据结构展示，支持动态增减 自定义左侧表格的列内容 自定义右侧甘特条的内容 任意拖动甘特条以修改时间 更多功能，可以查看文档。 使用 组件已经发布到 npm，使用 npm 或者 yarn 都可以下载安装。 安装： npm install jz-gantt --save #…

一直使用群辉做数据盘，也做了RAID，就是怕数据丢了。谁成想突然群辉一下子打不开了，两个盘都挂了。 起因 前阵子家里停了两次电，之前也没有过。其实一直想着买个UPS以防万一，因为小区供电还比较稳定，结果嫌贵一直放购物车没剁手。这下好了，直接系统崩溃。 具体崩溃原因未知，就是前天突然发现网盘掉了，web也登不上了，ssl也不行，尴尬了。。。 找数据 数据得找回来啊，没办法，又把祖传的硬盘底座拿出来读盘，还好，硬盘显示正常，分区都能显示出来，但是文件系统格式不对啊，用虚拟机的Linux打开，发现还是不行，群辉这点坑的不…

今天突然发现 template 块中的提示和高亮都没有了。之前也没在意，就百度了一下，结果根本没有一个管用的。 解决方案 前提是：需要安装 Vetur 插件，就是这个货： 我挨个看了一下 Vetur 的配置，还是自己动手找比较靠谱。 在 文件 > 首选项 > 设置 ，设置页面中找到 扩展 > Vetur，在右侧找到 Experimental: Template Interpolation Service 这个选项，勾上 √ 即可。 没有其他操作，不需要有的博客说的什么配置 Emmet 之类的，通通…

JavaScript 的 Proxy 对象是 ES2015，也就是 ES6 版本添加的。其官方定义为： Proxy 对象用于定义基本操作的自定义行为（如属性查找、赋值、枚举、函数调用等）。 它本质上就是一个代理，如果学过设计模式的话，其实很好理解。我之前写过的js版本的设计模式也写过这个。有兴趣可以参照：https://github.com/jeremyjone/design-pattern-js/blob/master/src/mode/proxy-mode.js 先举一个小例子 先看一下代码： /** * 使用…

什么是节流 在函数调用过程中，避免过于频繁的调用，而是间隔某一时间后调用一次的方法，叫做节流。 节流做什么 节流可以有效避免短时间内大量调用某一方法或数据，保证页面的稳定性和数据的准确性。 一个小的例子 使用 underscore 的节流功能来测试一下效果。 中文网址 在页面中直接导入 cdn 即可。 https://cdn.bootcss.com/underscore.js/1.9.1/underscore.js 未节流时的样子 将下面内容粘贴到一个 HTML 的 body 标签中。 <div id=&qu…

什么是防抖 事件响应函数在一段时间后才执行，如果在这段时间内再次调用，则重新计算执行时间；当预定的时间内没有再次调用该函数，则执行该函数。 防抖做什么 防止某些函数的频繁调用，保证页面的稳定流畅和数据准确性。 一个小的例子 使用 underscore 的防抖功能来测试一下效果。 中文网址 在页面中直接导入cdn即可。 https://cdn.bootcss.com/underscore.js/1.9.1/underscore.js 未防抖时的样子 将下面内容粘贴到一个HTML的body标签中。 <div id…

部署这事儿，要说简单，其实很简单，尤其巨硬官方文档写的那叫一个清晰。 发布 写好的.net core项目，直接在vs中发布即可，需要注意选择linux： 这里不是重点，相信到了部署阶段，开发和发布并不是本文所要关注的。 部署 本文用的CentOS 7 + Apache环境，如果有不一样的，大同小异，自行参阅文档。 先挂上巨硬的官方文档，这份部署文档相当详细，我也搜了一下其他文章，基本上都是按照这份文档部署的，所以没啥可说的。 巨硬的官方文档：https://docs.microsoft.com/zh-cn/aspn…

在Windows下，一直使用git bash提交git，也没在意，今天犯迷糊，开错了终端，用Windows Terminal直接操作git，其实没啥问题，因为之前用的时候一直要求使用英文，现在可以使用中文了，突然发现git log中的信息是这样子的： 一脸懵逼，查了一下，其实很好解决。 找到git bash的安装路径下的配置文件，随便使用什么文本编辑器打开，比如： notepad 'C:\Program Files\Git\etc\bash.bashrc' 在最后面添加如下内容： # suppo…

Windows给我们提供的PS本身是这样子的： 虽然它提供了一些基本的美化功能，但是并不能满足我们的审美。 我们希望在命令行中间有些改进，比如： 接下来一步一步实现它。 1、安装oh-my-posh 使用win + x方式调出管理员模式的PowerShell，然后安装两个模块： Install-Module posh-git -Scope CurrentUser Install-Module oh-my-posh -Scope CurrentUser 安装过程中根据提示选择Y或者A都可以： 2、导入 安装成功后，就…

js中的装饰器一直处于提案阶段，所以要是用装饰符@，就需要通过babel进行解析。 安装babel的插件 如果 babel < 7.x： 1、安装npm install --save-dev babel-plugin-transform-decorators-legacy 2、在.babelrc文件中添加： { "plugins": ["transform-decorators-legacy] } 如果babel >= 7.x: 1、安装npm install --save…