随笔分类 - JavaScript
摘要：工程化配置 还是开发体验的问题，跟开发体验有关的项目配置无非就是使用 eslint、prettier、stylelint 统一代码风格。 formatting and lint eslint、prettier、stylelint 怎么配这里就不说了，网上文章太多了。想说的是eslint rule '
阅读全文
摘要：上一篇文章介绍了整体架构，接下来说说怎么按照上图的分层结构实现下面的增删改查的功能。 代码结构 vue userManage └── List ├── api.ts ├── EditModal │ ├── index.tsx │ ├── index.vue │ ├── model.ts │ ├──
阅读全文
摘要：本文不详细介绍什么是整洁架构以及 MVP 模式，自行查看文章结尾相关链接文章。 整洁架构粗略介绍 下图为整洁架构最原始的结构图： Entities/Models：实体层，官方说法就是封装了企业里最通用的一部分逻辑，也可以叫 Models, 可能是只包含数据字段的对象，也可能包含方法，具有一部分业务逻
阅读全文
摘要：提到脚手架，大家想到的可能就是各种 xxx-cli，本文介绍的是另一种方式：以 vscode 插件的形式实现，提供 web 可视化操作，如下图： 下面介绍如何安装使用，以及实现原理。 安装使用 vscode 安装 lowcode 插件，此插件是一个效率工具，脚手架只是其中一个功能，更多功能可以查看文
阅读全文
摘要：install yarn create @lowcoding/mock start yarn start mock server 默认在本地 3000 端口启动，访问 http://localhost:3000/ 即可。 lowcode-mock 默认支持跨域，前端项目中可不必再配置代理，直接请求
阅读全文
摘要：背景 第一次接触代码生成器用的是动软代码生成器，数据库设计好之后，一键生成后端 curd代码。之后也用过 CodeSmith , T4。目前市面上也有很多优秀的代码生成器，而且大部分都提供可视化界面操作。 自己写一个的原因是因为要集成到自己写的一个小工具中，而且使用 Node.js 这种动态脚本语言
阅读全文
摘要：前两篇关于vue权限路由文章的填坑，说了一堆理论，是时候操作一波了。 "vue权限路由实现方式总结" "vue权限路由实现方式总结二" 选择 "d2 admin" 是因为element ui的相关开源项目里，d2 admin的结构和代码是让我感到最舒服的,而且基于d2 admin实现RBAC权限管理
阅读全文
摘要：之前已经写过一篇关于 的文章,经过一段时间的踩坑和总结，下面说说目前我认为比较“完美”的一种方案： 菜单与路由完全由后端提供 。 菜单与路由完全由后端返回 这种方案前文也有提过，现在更加具体的说一说。 很多人喜欢把路由处理成菜单，或者把菜单处理成路由(我之前也是这样做的)，最后发现挖的坑越来越深。
阅读全文
摘要：上一篇文章介绍了在浏览器端以中间件，路由，跨进程事件的姿势使用原生WebSocket。这篇文章将介绍如何使用Node.js以相同的编程模式来实现WebSocket服务端。 Node.js中比较流行的两个WebSocket库分别是 "socket.io" 与 "ws" 。其中socket.io已经实现
阅读全文
摘要：通过参考koa中间件，socket.io远程事件调用，以一种新的姿势来使用WebSocket。 浏览器端 浏览器端使用WebSocket很简单 "MDN" 关于WebSocket的介绍 能注册的事件有onclose，onerror，onmessage，onopen。用的比较多的是onmessage，
阅读全文
摘要：最近需要单独使用到koa compose这个模块，虽然使用koa的时候大致知道中间件的执行流程，但是没仔细研究过源码用起来还是不放心(主要是这个模块代码少，多的话也没兴趣去研究了)。 koa compose看起来代码少，但是确实绕。闭包，递归，Promise。。。看了一遍脑子里绕不清楚。看了网上几篇
阅读全文
摘要：使用全局路由守卫 实现 前端定义好路由，并且在路由上标记相应的权限信息 全局路由守卫每次都判断用户是否已经登录，没有登录则跳到登录页。已经登录(已经取得后台返回的用户的权限信息(角色之类的))，则判断当前要跳转的路由，用户是否有权限访问(根据路由名称到全部路由里找到对应的路由，判断用户是否具备路由上
阅读全文
摘要："3YAdmin" 基于React+Antd构建。GitHub搜索React+Antd+Admin出来的结果没有上百也有几十个，为什么还要写这个东西呢？ 一个后台管理系统的核心我认为应该是权限控制，表单以及错误信息收集这三大块，前两个最为重要。而GitHub上的大多数项目关注点都不在这里，各种第三方
阅读全文
摘要：lazy mock "lazy mock" 是基于 "koa2" 构建的，使用 "lowdb" 持久化数据到JSON文件。只需要简单的配置就可以实现和 "json server" 差不多的功能，但是比json server更加灵活，后期可配置性更强，完全可以模拟真实后端业务
阅读全文
