不管是vue，react，angular还是svelte，开发时都会把一个页面拆分成粒度更小的组件，方便复用和维护。 所以组件间通信就变得异常重要，下面我们比较下vue和svelte的组件的通信方式。 在我们调用$on方法的时候，也就是会在该组件的callbacks上订阅传入的…

npms.io上搜索到svelte的route包其实也不算少，使用比较广泛的svelte-spa-router路由包却不支持history模式。有些支持history模式的使用上也不是很方便，试用过五六个支持history的路由后最终@spaceavocado/svelte-r…

svelte目前没有提供官网路由组件，不过可以在社区中找到。本文介绍的是svelte-spa-router的使用方法。 动态导入组件的优点是组件不会一起打包，而是单独的组件文件，在打开对应的页面时才会请求，可以有效减少包文件大小。 注意：svelte-spa-router是基于…

在去年闲暇时间开发了一个可视化的页面编辑器，这次看到掘金有项目复盘的活动，正好可以拿出来写篇文章，和大家分享下。不知道还能不能赶上活动了~ 可添加图片，文本，矩形，背景。多种编辑功能（字体，背景，大小，边距等） 由于里面的细节比较多，肯定不能将所有点都讲到，我就挑几个主要的写写…

工作和生活中我们会经常碰到矩形树图，下面两张图相信大家不会陌生。 最近刚好接到一个需求，绘制门诊疾病的矩形树图（如下图），虽然 echart, d3等框架都有相关的实现，但是对其实现还是蛮好奇的，遂深入研究了一下其实现原理。接下来会从布局算法，颜色填充和canvas 事件系统三…

这段时间我们公司的官网准备改版。因为需要支持IE9以上的浏览器，之前是我们使用了ejs进行开发，但是发现ejs支持的写法并不多，像一些模版复用起来并不方便， 这次打算重新找一个框架进行开发。于是我的同事给我推荐了Svelte，我了解之后立马就被种草了，非常适合这次场景开发，这次…

在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往…

js 实现鼠标滑过， 平滑过渡滚动页面。 实现类似与app手指快速滑过， 界面平滑过渡的动画效果 。