之前写过一篇文章 我理想中的低代码开发工具的形态，已经吐槽了各种封装 xxxForm，xxxTable 的行为，这里就不啰嗦了。今天再来看看我的工具达到了什么程度。多图预警。。。以管理后台一个列表页为例选择对应的模板截图查询区域，使用 OCR 初始化查询表单的配置截图表...

提到低代码，大家脑中浮现出的低代码产品的形态大都如下吧或者这样的可以发现，这类产品的操作界面几乎都是这样布局的：左边是组件物料，中间是画布，右边是属性面板。只是面对的目标用户以及使用场景不一样，比如第一张图其实是开源低代码框架 amis 的可视化操作界...

上一篇文章 我在 vscode 插件里接入了 ChatGPT，解决了代码变量命名的难题 中，展示了如何在 vscode 插件中使用 ChatGPT 解决代码变量命名的问题。vscode 插件市场中有很多的翻译插件，但是在一些使用场景里是远远比不上 ChatGPT 的，比如只翻译一段 json 数据里的指...

lowcode 插件 已经迭代了差不多3年。作为我的生产力工具，平常一些不需要动脑的搬砖活基本上都是用 lowcode 去完成，比如管理脚手架，生成 CURD 页面，根据接口文档生成 TS 类型，生成 mock 等等。

eslint、prettier、stylelint 怎么配这里就不说了，网上文章太多了。想说的是eslint rule 'prettier/prettier': 'error'一定要开启，以及 stylelint rule 'prettier/prettier': true 也一定要开启。

上一篇文章介绍了整体架构，接下来说说怎么按照上图的分层结构实现下面的增删改查的功能。代码结构vue {代码...} react {代码...} model声明页面数据vue {代码...} react {代码...} 看过几个前端整洁架构的项目，大部分都会把 model 分为 业务模型（领域模型） 或者 ...

Entities/Models：实体层，官方说法就是封装了企业里最通用的一部分逻辑，也可以叫 Models, 可能是只包含数据字段的对象，也可能包含方法，具有一部分业务逻辑。更加深入就是领域驱动（DDD）开发相关的内容。

提到脚手架，大家想到的可能就是各种 xxx-cli，本文介绍的是另一种方式：以 vscode 插件的形式实现，提供 web 可视化操作，如下图：

举个例子，如果我们开发了一个叫做MD5穷举的应用，每个请求都会携带一个md5加密字符串，最终系统穷举出所有的结果，并返回原始字符串。这个时候我们的应用场景或者说应用业务是属于CPU密集型而不是IO密集型。这个时候CPU一直在做有效计算，甚至可以把CPU利用率跑满，...

第一次接触代码生成器用的是动软代码生成器，数据库设计好之后，一键生成后端 curd代码。之后也用过 CodeSmith , T4。目前市面上也有很多优秀的代码生成器，而且大部分都提供可视化界面操作。

选择d2-admin是因为element-ui的相关开源项目里，d2-admin的结构和代码是让我感到最舒服的,而且基于d2-admin实现RBAC权限管理也很方便，对d2-admin没有大的侵入性的改动。

之前已经写过一篇关于vue权限路由实现方式总结的文章,经过一段时间的踩坑和总结，下面说说目前我认为比较“完美”的一种方案：菜单与路由完全由后端提供。

上一篇文章介绍了在浏览器端以中间件，路由，跨进程事件的姿势使用原生WebSocket。这篇文章将介绍如何使用Node.js以相同的编程模式来实现WebSocket服务端。

能注册的事件有onclose，onerror，onmessage，onopen。用的比较多的是onmessage，从服务器接受到数据后，会触发message事件。通过注册相应的事件处理函数，可以根据后端推送的数据做相应的操作。

最近需要单独使用到koa-compose这个模块，虽然使用koa的时候大致知道中间件的执行流程，但是没仔细研究过源码用起来还是不放心(主要是这个模块代码少，多的话也没兴趣去研究了)。

术语描述 用户(Subject)：发起操作的主体 对象(Object)：指操作所针对的客体对象，比如文章或评论 权限(Permission)：用来指代对某种对象的某一种操作，例如“添加文章的操作” 权限码：权限的代号，例如用“ARTICLE_ADD”来指代“添加文章的操作”权限 权限有时候也可以称...

全局路由守卫每次都判断用户是否已经登录，没有登录则跳到登录页。已经登录(已经取得后台返回的用户的权限信息(角色之类的))，则判断当前要跳转的路由，用户是否有权限访问(根据路由名称到全部路由里找到对应的路由，判断用户是否具备路由上标注的权限信息(比如上面...

一个后台管理系统的核心我认为应该是权限控制，表单以及错误信息收集这三大块，前两个最为重要。而GitHub上的大多数项目关注点都不在这里，各种第三方组件堆砌在一起，看起来很炫酷，但是实用性没多大，改起来也麻烦(如果是vue,可以看我的另一个项目vue-quasar-admin)。

lazy-mock 是基于koa2构建的，使用lowdb持久化数据到JSON文件。只需要简单的配置就可以实现和json-server差不多的功能，但是比json-server更加灵活，后期可配置性更强，完全可以模拟真实后端业务逻辑。

一晃眼，两个月过去了，自己从一家不大不小的屌丝公司跳到一家被具有纯正互联网血液的公司。从以前的围绕jQuery、Echarts为主技术栈开展工作，到现在以React、Antd为主技术栈开发业务；但不是所有的业务antd都能支持，所以有时得自己动手，在antd上做一层浅封装。文...