摘要：
其他章节请看： react 高效高质量搭建后台系统 系列 登录 本篇将完成登录模块。效果和 spug 相同： 需求如下： 登录页的绘制 支持普通登录和LDAP登录 登录成功后跳转到主页，没有登录的情况下访问系统会重定向到登录页，登录成功后再次回到之前的页面。系统会话过期后，请求会重定向到登录页。 T 阅读全文
摘要：
其他章节请看： react 高效高质量搭建后台系统 系列 antd 后续要做登录模块（主页），不仅要解决请求数据的问题，还需要完成 antd 配置以及样式的准备。 antd 多种主题风格 详情请看 这里 spug 没有提供多种主题风格。 笔者还是决定稍作研究，万一公司需要呢。 步骤如下： 安装 le 阅读全文
摘要：
其他章节请看： react 高效高质量搭建后台系统 系列 请求数据 后续要做登录模块（主页），需要先和后端约定JSON数据格式，将 axios 进行封装，实现本地的数据模拟 mockjs。 Tip：spug 中后端返回 json 通常有 data 和 error两个 key。就像这样：{data: 阅读全文
摘要：
react 高效高质量搭建后台系统 前言 目标：用 react 高效高质量搭建后台系统 如何实现：搞定一个优秀的、通用的、有一定复杂度的react的后台系统。类似项目就可以依葫芦画瓢快速展开。 spug 能否当此重任？可以。首先它是一个优秀的开源 react 项目，此刻（20221215） Star 阅读全文
摘要：
其他章节请看： react 高效高质量搭建后台系统 系列 脚手架搭建 本篇主要创建新项目 myspug，以及准备好环境（例如：安装 spug 中用到的包、本地开发和部署、自定义配置 react-app-rewired、代理 http-proxy-middleware、babel），为后续搭建真正的框 阅读全文
摘要：
Jitsi Meet 背景 接到一个任务，想在公司内网搭建一个视频会议系统，用于公司内部或与分公司交流，需要内网部署，最好是开源免费。 项目定位 查找了如下几个项目: tailchat-meeting - https://github.com/msgbyte/tailchat-meeting sta 阅读全文
摘要：
其他章节请看： 低代码 系列 可视化编辑器3 这是可视化编辑器的最后一篇，本篇主要实现属性区和组件的放大和缩小，最后附上所有代码。 属性区：即对编辑区的组件进行编辑，例如编辑文本的文本、字体大小，对按钮编辑文本、按钮类型、按钮大小 放大和缩小：在编辑区能通过拖拽放大缩小组件。 首先看一下可视化编辑器 阅读全文
摘要：
软件安装(Ubuntu) 本篇主要讲解 ubuntu 中软件的安装、apt 的源、内网部署案例（graylog 为例），最后是 python 开发准备。 apt 和 rpm 在linux 第一篇我们知道如果机器是 ubuntu 则可用 apt-get/dpkg 安装软件，如果是centos 则可用 阅读全文
摘要：
gif 制作 博文中使用 gif 有时比纯粹的图片更明了。比如展示“墨刀”中的动画效果： 录制视频 首先利用录制视频，例如使用在线录制工具 vizard。 Tip：需要花费2分钟手机注册登录。 点击创建视频->录制视频，选择屏幕，例如笔者想录制“墨刀”的操作，那就选择“窗口”中的墨刀。就像这样： 点 阅读全文
摘要：
前端学习 nginx 本篇主要讲解 nginx 常用命令、基础概念（正向/反向代理、负载均衡、动静分离、高可用）、配置文件结构，并通过简单的实验来体验反向代理和负载均衡，最后说一下 nginx 原理。 为什么需要学习 nginx 场景1：跨域需求。比如后端不愿意使用 cors，前端可用 proxy 阅读全文
摘要：
lodash 起步（数组） Lodash 是一个较为流行的 JavaScript 的实用工具库。 在开发过程中如果能熟练使用一些工具库提供的方法，有利于提高开发效率。 笔者从 API 上入手，不分析其源码，先从全局的角度来体验、研究它。分析 API 的命名特性、哪些方法有用，哪些又是比较鸡肋，仅代表 阅读全文
摘要：
前端学画原型图 墨刀是一款国内较为出名的原型工具，常用于移动端，也可以做 PC 后台系统。 安装简单、使用方便，制作完成后可以通过 URL + 密码发布，通过浏览器查看。 如果需要导出 Html 离线包，需要升级版本，免费版本可以导出 png、pdf。 安装 访问 modao.cc 下载所需版本。 阅读全文
摘要：
其他章节请看： 低代码 系列 可视化编辑器2 在第一篇中我们搭建了可视化编辑器的框架，完成了物料区和组件区的拖拽；本篇继续完善编辑器的功能，例如：撤销和重做、置顶和置底、删除、右键菜单、快捷键。 撤销和重做 需求：给物料区和编辑区添加撤销和重做功能 例如： 从物料区依次拖拽组件到编辑区，点击撤销能回 阅读全文
摘要：
## 低代码 系列 ### 前言 低代码不是一个纯粹的编程工具，把它叫做`生产力提高工具`更为合适。 ### 目录 > 1. [初步认识 Appsmith][初步认识 Appsmith] > 1. [初步认识低代码][初步认识低代码] > 1. [可视化编辑器1][可视化编辑器1] > 1. [可视 阅读全文
摘要：
其他章节请看： 低代码 系列 可视化编辑器1 前言 前面我们学习低代码，例如百度的低代码平台 amis，也有相应的可视化编辑器，通过拖拽的方式生成配置文件。就像这样 笔者自己也有类似需求：比如中台有个归档需求，通过选择一些配置让后端执行一些操作。目前只有A项目要归档，过些日子B项目也需要归档，后面还 阅读全文
摘要：
electron 基础 前文我们快速的用了一下 electron。本篇将进一步介绍其基础知识点，例如：生命周期、主进程和渲染进程通信、contextBridge、预加载（禁用node集成）、优雅的显示窗口、父子窗口、存储并恢复 electron 窗口、、右键上下文信息、右键菜单、菜单与主进程通信、选 阅读全文
摘要：
其他章节请看： react实战 系列 Redux 关于状态管理，在 Vue 中我们已经使用过 Vuex，在 spug 项目中我们使用了 mobx，接下来我们学习 Redux。 本篇以较为易懂的方式讲解mvc、flux、redux和react-redux的关系、redux 的工作流以及react-re 阅读全文
摘要：
electron 起步 为什么要学 Electron，因为公司需要调试 electron 的应用。 Electron 是 node 和 chromium 的结合体，可以使用 JavaScript，HTML 和 CSS 等 Web 技术创建桌面应用程序，支持 Mac、Window 和 Linux 三个 阅读全文
摘要：
其他章节请看： react实战 系列 React 中的表单和路由的原理 React 中的表单是否简单好用，受控组件和非受控是指什么？ React 中的路由原理是什么，如何更好的理解 React 应用的路由？ 请看下文： 简单的表单 你有见过在生成环境中没有涉及任何表单的应用吗？大多 web 应用都会 阅读全文
摘要：
其他章节请看： react实战 系列 数据流和生命周期 如何处理 React 中的数据，组件之间如何通信，数据在 React 中如何流动？ 常用的 React 生命周期方法以及开源项目 spug 中使用了哪些生命周期方法？ 数据和数据流 虽然也有很多静态网站，但人们使用的大多数网站都充满了随时间变化 阅读全文