-
低代码开源源码学习-04-Editor 编辑器源码实现
整体结构 页面整体样式如下： 代码分析 整体结构 <template> <div class="home"> <Toolbar /> <main> <!-- 左侧组件列表 --> <section class="left"&g...2022-09-03 13:22:02 | Tool
-
低代码开源源码学习-03-index 页面加载处理
页面的加载中 页面加载中，如果比较慢，怎么提醒用户体验比较好呢？ public/index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">...2022-09-03 13:22:02 | Tool
-
低代码开源源码学习-02-github actions ci 持续集成
GitHub Actions 入门教程 GitHub Actions 是 GitHub 的持续集成服务，于2018年10月推出。 这些天，我一直在试用，觉得它非常强大，有创意，比 Travis CI 玩法更多。 本文是一个简单教程，演示如何使用 GitHub Actions 自动发布一个 React 应用到 GitHub Pages。 GitHub Actions 是什么？ 大家知...2022-09-03 13:22:02 | Tool
-
低代码开源源码学习-01-git 代码提交钩子校验
钩子校验 说明 为了保障提交 commit 的规范性。 实现 根目录下的 ./husky │ commit-msg │ pre-commit │ └─_ .gitignore husky.sh pre-commit 内容如下： #!/usr/bin/env sh . "$(dirname -- "$0")/_/husky.sh" npm...2022-09-03 13:22:02 | Tool
-
低代码开源工具-03-可视化拖拽组件库一些技术要点原理分析（四）
说明 本文是可视化拖拽系列的第四篇，比起之前的三篇文章，这篇功能点要稍微少一点，总共有五点： SVG 组件 动态属性面板 数据来源（接口请求） 组件联动 组件按需加载 SVG 组件 目前项目里提供的自定义组件都是支持自由放大缩小的，不过他们有一个共同点——都是规则形状。 也就是说...2022-09-03 13:22:02 | Tool
-
低代码开源工具-03-可视化拖拽组件库一些技术要点原理分析（三）
说明 本文是可视化拖拽系列的第三篇，之前的两篇文章一共对 17 个功能点的技术原理进行了分析： 编辑器 自定义组件 拖拽 删除组件、调整图层层级 放大缩小 撤消、重做 组件属性设置 吸附 预览、保存代码 ...2022-09-03 13:22:02 | Tool
-
低代码开源工具-03-可视化拖拽组件库一些技术要点原理分析（二）
说明 本文是对《可视化拖拽组件库一些技术要点原理分析》的补充。 上一篇文章主要讲解了以下几个功能点： 编辑器 自定义组件 拖拽 删除组件、调整图层层级 放大缩小 撤消、重做 组件属性设置 吸附 预览、保存代码 ...2022-09-03 13:22:02 | Tool
-
低代码开源工具-03-一个低代码（可视化拖拽）教学项目
低代码平台的前端部分，靠拖拉拽生成页面。 功能点 这是本项目具有的功能点，如果想了解详情请参考本项目的四篇文档，每个功能点都有不同程度的描述以及动图帮助你理解。 编辑器 自定义组件（文本、图片、矩形、圆形、直线、星形、三角形、按钮、表格、组合） 接口请求（通过接口请求组件数据） 组件联动 拖...2022-09-03 13:22:02 | Tool
Echo Blog
江湖无名 安心练剑