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

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

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

想必各位前端看官也一定做过这样的需求，给我们的应用某些主要的功能绑定一个快捷键。尤其是工具类的产品，让用户可以使用快捷键操作，能大大提高工具使用效率。

依赖库的更新可能会带来新的功能特性，或者解决了正遇到的一个棘手的问题、甚至是修复了重要的安全漏洞。通常来说，依赖库的升级会给我们带来更多的收益。所以我们需要一个能帮助我们管理依赖库的工具，dependabot 的出现，就解决了依赖库版本管理的难题。

建立自己的个人独立博客已经将近七年时间。从一开始的 WordPress 到更换轻量级的 Ghost 博客，又到 JAMStack 的 VuePress ，xlbd.me 也见证了我从一名后端开发者转型成为一名前端开发者。

现代浏览器的功能越来越强大，前端需要处理的业务逻辑也越来越复杂，提供良好的交互是我们一直追求的事，而我们在做的可视化报表工具，有一个重要的提升用户体验的功能，撤销 & 重做，这个功能给用户以安全感和保障，用户不会担心所做的操作以及交互会消失掉，不可追溯。

?本篇博文可能学到的知识点 更好的理解 Vue 响应式工作原理 学习 Vue 的设计模式 学习 Proxy API 使用 Proxy 实现观察者模式 现代前端开发必不可少会用到的 Vue、React 等框架，这些框架的共同之处在于都提供了响应式（Reactive）和组件化（Composable）的视图组件，组件化开发重新定义了前端开发技术栈。结合前端构建工...

Cube.js - 一个完整的开源数据分析解决方案：提供高性能的大规模数据集分析技术基础架构，同时提供前端友好的API，用于构建仪表盘报表以及其他数据分析应用，它扮演了前端与后端之间的数据层角色。

工作中一直在做一款公司内部的BI工具，将数据可视化的报表赋能给业务人员，报表配置者通过简单的拖拽操作即可生成报表。随着系统不断的完善，加上运维推广，我们积累了越来越多的用户。这时候用户体验的方方面面都体现出来了。我们也停下产品的功能迭代，将整个系统进行优化，旨在提升用户体验。以下是我对前端项目的优...

我相信每个人都或多或少接触过拖放，比如浏览器多标签页之间的可拖放排序、手机中的App可以随便拖放排序等等，Drag and Drop 已经给我们提供了更便捷、更灵活的网络应用体验。

缘起 造了一个轮子，根据GitHub项目地址，生成项目目录树，直观的展现项目结构，以便于介绍项目。欢迎Star。 repository-tree 技术栈： ES6 Vue.js Webpack Vuex lodash GitHub API 应用涉及到了展现目录树，实现方法不可或缺的一定是递归遍历。进而开启了我对lambda演算的探索发现之旅。 探索发现之旅 本次乘坐的是 斐...

去年vue还没有升级为2.0点时候，创建了这个库，并且写了几篇简单的入门教程。发现也有一些朋友都拿这个collection来入门vue，在去年10月份vue升级2.0版本后，我一直没时间来升级这个collection。现在终于有一整块时间来做升级。借助这几个demo来感受如何从vue1.x升级vue2.x。我新建了vue2.x分支，所有的升级改动都将提交...

这篇文章的草稿放在我的Ghost博客后台由来已久了，因为我想在写一篇Vuex总结性的文章之后再发表它。这样也有个循序渐进的感觉。本文适合了解Vue.js、Vuex、以及MongoDB的小伙伴。

Vuex实际上是类Flux的数据管理架构。它主要帮我们更好的组织代码，更好的让Vue中的状态更好的通过状态管理维护起来。在实际项目运用中我们需要对组件的 组件本地状态(component local state) 和 应用层级状态(application level state) 进行区分。Vuex的作用就是汇集应用层级的状态到一处，方便管理。

最近几个月在学习Vue.js并把它应用到实际项目中，在通读官方中文教程之后，前期学习期间Create a GitHub File Explorer Using Vue.js这篇文章给我了较好的启发。于是结合自己最新的学习成果写下这篇总结。

实际项目中，我们会遇到很多类似的需求，一个列表，需要点击其中一条高亮显示。熟悉JQuery的同学说这个太简单了。可以给这个选中的element设置一个active的class。配合Css样式，让active有选中高亮效果。但是谁说一定要用到jQuery呢。