-
VUE 中整合使用 echarts 入门例子
install 在项目终端安装echarts： npm install echarts --save 安装成功后 package.json 中会自动多出这部分： "echarts": "^5.3.3", 全局引入 全局引入：在 main.js 中全局引入 echarts import echarts from "echarts"; Vue.prototype.$echart...2022-09-12 01:22:02 | VUE
-
低代码开源源码学习-05-js H5 原生 Drag
拖放 拖放（drap && drop）在我们平时的工作中，经常遇到。 它表示：抓取对象以后拖放到另一个位置。目前，它是HTML5标准的一部分。我从几个方面学习并实践这个功能。 拖放的流程对应的事件 我们先看下拖放的流程： 选中 ---> 拖动 ---> 释放 然后，我们一步步看下这个过程中，会发生的事情。 选中在HTML5标准中，为了使元素可拖...2022-09-06 13:23:02 | Tool
-
低代码开源源码学习-06-js preventDefault and stopPropagation 阻止默认事件与阻止冒泡
常见事件 vue 拖拽事件 @dragstart : 拖拽开始时在被拖拽元素上触发此事件,监听器需要设置拖拽所需数据,从操作系统拖拽文件到浏览器时不触发此事件. @dragenter : 拖拽鼠标进入元素时在该元素上触发,用于给拖放元素设置视觉反馈, @dragend : 鼠标在拖放目标上释放时,在拖拽元素上触发.将元素从浏览器拖放到操作系统时不会触发此事件 @dragover: ...2022-09-06 13:22:02 | Tool
-
从零开始构建现代计算机-02-布尔
第1章布尔逻辑 Boolean Logic 一些简单的事情，我们往往把它们搞得很复杂以至于几乎使我们失败。 —John Ashbery（1927)，美图诗人 每种数字设各——比如个人电脑、手机或者网络路由器——都是基于一组用于储存利处理信息的芯片构建而成的。 虽然这些芯片在外形上、构成上不尽相同，但是它们都是由相同的构造模块制造而成的：基本的逻辑门(logicgates)。 这些逻...2022-09-03 13:22:02 | CS
-
从零开始构建现代计算机-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
Echo Blog
江湖无名 安心练剑