-
从零开始构建现代计算机-01-序言
序言
真正的发现之旅不在于去新的地方,而在于拥有一双新的眼晴。-Marcel Proust(1871~1922),作家
本书带你路上发现之旅。
你將学到三种知识:
一、计鲜机如何工作:
二、如何将复茶问题分解为易于管现的模块:
三、如何开发大规模硬件和软件系统。
整个学习过程是实践的过程,你将会从零开始创建一个完整的、可工作的计算机系统。
在进行实战的同时,你也会学到一些远比...
2022-09-03 13:22:02 |
CS
-
低代码开源源码学习-05-vscode vue debug 代码调试
方式
vue官方提供了两种debugger的方式:
使用 Vue Devtools 插件,该方式需要安装翻墙插件才可以;
在vscode软件上安装 Debugger for Chrome 插件进行调试。
1. vue devtools
https://github.com/vuejs/devtools
2. Debugger for Ch...
2022-09-03 13:22:02 |
Tool
-
低代码开源源码学习-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