9月底，新轮子又来了，Vue Command Palette 是一个为 Vue 而生的快速、无样式、可组合的 Command Palette（CMDK）组件库。

我们公司的开源工具产品 Bytebase, 目前只有英文版本。社区里也有一些小伙伴也提问到了有没有中文版本的计划，答案当然是有了。我们团队正计划于下次版本发布日 12 月 23 日发布国际化支持，顺利的话将全面支持中、英版本的切换。

最近想解决个场景，在给 ve-charts 编写文档的时候，想做一个代码示例演示功能，在改动代码后可以直观的看到组件的变化。之前版本中文档是用的 docsify ，docsify 中自带了一个 vuep。vuep 就是解决我需要的场景的。不过 vuep 版本比较老了。目前还不支持 vue3 组件...

大家可能不知道，鄙人之前人送外号“过度设计”。作为一个自信的研发人员，我总是希望我开发的系统可以解决之后所有的问题，用一套抽象可以覆盖之后所有的扩展场景。当然最终往往能够证明我的愚昧与思虑不足。先知曾说过“当一个东西什么都可以做时，他往往什么都做不了...

不是吧，不是吧，原来真的有人都2021年了，连TypeScript都没听说过吧？在项目中使用TypeScript虽然短期内会增加一些开发成本，但是对于其需要长期维护的项目，TypeScript能够减少其维护成本，使用TypeScript增加了代码的可读性和可维护性，且拥有较为活跃的社区，当...

最近负责的新项目用到了qiankun，写篇文章分享下实战中遇到的一些问题和思考。示例代码： [链接]。在线demo：[链接]单独访问在线子应用：subapp/sub-vuesubapp/sub-react为什么要用qiankun项目有个功能需求是需要内嵌公司内部的一个现有工具，该工具是独立部署的且是...

写在开头 微前端系列文章： 基于 qiankun 的微前端最佳实践（万字长文） - 从 0 到 1 篇 基于 qiankun 的微前端最佳实践（图文并茂） - 应用间通信篇 万字长文+图文并茂+全面解析微前端框架 qiankun 源码 - qiankun 篇 本系列其他文章计划一到两个月内完成，点个 关...

最近 GitHub 为开发者带来了一个酷炫的应用，skyline.github.com，以 3D 城市模型的方式展现 GitHub Contributions 统计图，也去看看你的 GitHub Story 吧。

Apache 软件基金会（ASF）是 350 多个开源项目和计划的全志愿开发者、管理者和孵化者，今天宣布 Apache® ECharts™成为顶级项目（TLP）。

凹凸实验室从最初的前端团队成长为如今的全端团队，意味着我们不仅关注前端的技术能力，也重视全端及全栈的能力。在这一篇，我们从前端团队角度出发，阐述我们最初搭建服务端体系遇到的一些困难，已构建的服务体系架构，以及如何更好地助力业务增长。

在学习过基础 SVG 动画原理后，如果结合我们熟悉的技术栈使用岂不是更爽。GSAP 提供了 npm 安装包，下面我们来在 Vue 项目中集成 GSAP。

想要在Web页面中绘制背景图案，我们首先可能想到的是使用 CSS，可能你也有所尝试，比如简单的渐变到复杂的网格、点阵等，SVG 中也有绘制背景图案的解决方案。

✨ SVG 闪烁动画（Blink）演示人类的视觉比较容易被变化所吸引，尤其是颜色的变化。像上世纪 80 年代的霓虹灯广告牌，我很难不被它所吸引。原理闪烁动画效果的核心在于控制元素颜色的变化，掌握好时间的控制，让颜色的变化有引人注目的显示，这样在静态的页面中，自然...

平滑的变形动画真的算是 SVG 中的独门武器了。其原理很容易想到。就是不同形状之间能平滑转换，SVG 中的形状其实也是有不同坐标之间的线段绘制而成的。那么在转换形状的时候，只是在移动线段的坐标。从而达到了形状改变的效果，加之平滑的动画展现。达到想要的效果。

〰️ SVG 路径动画（Path）演示我更喜欢把这种动画叫做路径跟随动画或者轨迹动画，正如你所看到的，一个元素（物体）沿着特定的路径（轨迹）进行运动。原理CSS 属性如果想在 CSS 中让一个元素沿着路径运动，核心要用的的属性有两个，分别是 offset-path 、offset-dist...

羚珑智能设计平台是由京东零售集团用户体验设计部打造的在线设计设计服务平台，专注于泛零售领域的设计，帮助客户解决日常经营过程中所碰到的各类设计需求，例如商品上新时的商品主图视频、各种节日大促时的商品主图更新，还有直播带货场景时所需要的各种设计物料等等。

✏️ SVG 描边动画（Stroke）演示查看在线版本Polygon's PlayStation 4 Reviewvivus.js - svg animation原理要实现上面酷炫的描边动画，首先我们需要了解 SVG 中实现描边动画的三个相关属性：分别是 stroke、stroke-dasharray、stroke-dashoffset。这三个属性作为外观...

确实如今有很多种方法让 Web 页面生动起来，我在《SVG 基本介绍》章节也对比过一些优秀的 SVG 相关类库，为什么我选择使用 GSAP 编写 SVG 动画，我们看一张 GSAP 功能全景图

使用SVG，我们享受到了对SVG动画良好的浏览器支持，并且我们有更多的方法来创建新的动画。您可以同时使用内置的SVG动画功能或CSS3动画（请注意，并不是所有的事情都可以通过CSS完成，所以仍然需要JavaScript）。另一种方法是使用GSAP或Snap等JavaScript引擎。JS是创...

一般我们使用 AI、Sketch 等矢量图设计工具导出的 SVG 文件代码相对还是比较“臃肿”的，实际在 Web 页面上使用 SVG 时候，有些标签或者属性是不需要的。比如 title / desc 标签、或者version 属性声明。