【掘金小册·Vue组件精讲-2】基础：Vue.js 组件的三个 API：prop、event、slot
如果您已经对 Vue.js 组件的基础用法了如指掌，可以跳过本小节，不过当做复习稍读一下也无妨。 组件的构成 一个再复杂的组件，都是由三部分组成的：prop、event、slot，它们构成了 Vue.js 组件的 API。如果你开发的是一个通用组件，那一定要事先设计好这三部分，因为组件一旦发布，后 ...
【掘金小册·Vue组件精讲-1】开篇：Vue.js 的精髓——组件
写在前面 Vue.js，无疑是当下最火热的前端框架 Almost，而 Vue.js 最精髓的，正是它的组件与组件化。写一个 Vue 工程，也就是在写一个个的组件。 业务场景是千变万化的，而不变的是 Vue.js 组件开发的核心思想和使用技巧，掌握了 Vue.js 组件的各种开发模式，再复杂的业务场景也可以轻松化解。本小册则着 ...
如何在NPM上发布一个自己的插件库
1. 一个 npm 的账号没有的直接去官网注册即可。快捷入口 记住填写的 Username 和 Password，后续发布的时候需要用到（不会有人记不住吧 🤡，不会吧，不会吧…）。 2. 一个 package.json 文件新建一个文件夹，然后在终端中打开，执行 npm init，设置基本配置。（这些后续都可以更改，若想直接跳过，可直接执行 npm init -y ) 关于这 ...
手写一个流程图组件，就叫「flow-chart·1.0」吧
效果图 缺点 只适用于相邻两个阶段之间，只能有一个 “ 两个及以上 ”的流程，先看图说话。 step2 里有两个步骤，step3 也有两个步骤，就会导致如上图所示的情况（这也是这个组件暂时没考虑的地方，等后续再优化一下），除了这种情况，其他的展示效果还是蛮好的。 边框线条宽度这块，有时候虽然设置的是一样的值，但是显示时，不是这个高点，就是那个宽点，为了展示出来美观些，我也 ...
搭配el-cascader实现一个级联选择日期组件
事情是这样的：经理觉得日期范围选择组件（使用的是 <el-date-picker type="daterange" />），如果时间跨度太大，不便于操作，让我优化一下。思考良久之后，我提出方案：做成一个级联下拉框的形式，经理说：可以。开搞！ 组件整体是基于 el-cascader，然后进行改造，思路如下： 将开始日期和结束日期拆分成两个 el-casca ...
Hello World
捣鼓了一晚上, 终于把博客给搭起来了: Hello World!