对于很多小伙伴来说，第一眼看到日历组件，下意识的就会觉得很复杂，无从下手。那么这篇文章就是教你如何写一个日历组件，还等什么，赶紧点进来吧~

介绍 Calendar Remark 是一款设计简洁，可供标记以及生成分享图的日历，支持 PWA 、Dark Mode 、Responsive Design 等特性。

自我介绍 大家好,我是 思哲Lee 一名前端开发人员,从业快两年,主要在公司写vue 前言声明 由于我的经验和水平有限,可能这篇文章对于你不会有太大帮助,可能不是因为这篇文章水,而是你的能力已经远超了

想做一个日历最主要的原因，当然还是因为在开发过程中频繁的遇到。而且对日历的需求又是奇葩到不行，市面上的插件都满足不了我们产品的需求。所以，我不得不动手自己造。 第1个问题：『日历的出现场景有哪些特点？』 - 用户不确定自己要选择的时间点或时间范围，需要一些基本的时间参照单位，比如“下星期一”、“下个周末”。 - 用户需要查看某个时间区间，之后再有选择性的选取时间点或时间范围，比如“尽可能避开周末的20天翘班请假计划”。 - 用户需要查看某个时间区间的行为记录，比如“查看过去几周的打卡情况” 当出现以上问题的时候，日历的时间定位优势就显示出来了。 第2个问题：『日历会有哪些奇葩需求？』 - 日历存在着点击事件，点击事件是 跳转事件 还是 高亮事件 无法预知。 - 日历存在着选取操作，选取的结果是 时间点 还是 时间范围 无法预知。 - 日历有多种展现形式，是直接 文档流显示 还是 弹层显示 无法预知。

本文带你一起使用 Rollup 打包项目，实现以下功能： - **自动将 dependencies 依赖声明为 externals** - **支持处理外部 npm 依赖**等等

最近在开发中遇到了一个需求,是将两组树形结构的数据通过连线进行关联映射。通过el-table和jsplumb来实现。

Vue3 封装不定高虚拟列表 hooks，提高复用性，支持第三方库 Select、Table 组件和自定义组件。

其实有很多库已经实现了流程图，比如 jointjs，gojs，jsplumb 等等。可惜都不是免费的。 如果要做的简单呢，就用贝塞尔曲线就好了，只需要提供起点终点两个点的坐标，就能用简单的算法生成一个svg 的path了。这样算法网上应该找得到。 但是如果要用正交连线来实现，这…

jsplumb 你有没有想过在你的网站上展示图表或者甚至在浏览器应用程序中使用它？用jsPlumb你可以！它是完全免费的，并根据MIT许可证提供。您可以直接从jsPlumb github网站下载框架。