前段时间，老大让我学习一种比较生僻的东西。后来在网上找各种各样的资料，结果发现压根没有。因此萌生了自己写一篇的想法。
blockly 是一个用于构建可视化编程编辑器的库。谷歌团队开发的一种可以直接引入进前端页面的类似canvas的一种编程库。
传送门：https://developers.google.com/blockly/
打开链接之后，你可以看到官网上有五个链接，分别是首页，指南，参考，样品，支持
在这里可以先忽略首页和样品了，主要是看指南中大量的英文介绍。
第一步，实现在普通的前端页面出现该有的各种工具。
在这里的xml标签内就是用来插入你想要使用的各种各样的块儿，下边的div则是用于在页面中隔离出来一个区域用于生成可操作空间。
对于js部分的书写就是如图中就可以了，这里无论你的页面多么复杂，这些代码照抄不变就可以了。
当然，在此之前你要做的就是从官网上下载下来，这个项目的整个压缩包，解压，将其中的上图内那三个js引入进你的页面中才可以。
之后，刷新页面，你就会发现页面中出现了一个与canvas十分类似的可操作化区域。
前段时间，老大让我学习一种比较生僻的东西。后来在网上找各种各样的资料，结果发现压根没有。因此萌生了自己写一篇的想法...
下载blockly 关于什么是blockly请参见google可视化编程工具blockly入门[https://w...
Blockly Blockly is a library for building drag-and-drop v...
1，相关资料 Google Blockly官网 Blockly的制作
Blockly文件删除案例 通过逐个删除blockly-master文件夹中的子文件，初步了解Blockly各文件...
简介 developers.google.cn/blockly/guides/overview Blockly是向...
试玩:https://blockly-games.kidscoding8.com/blockly-games/zh...
BLOCKLY系列教程： 第一章 Google Blockly教学应用手册 第二章 Blockly编程基础 第三章...
BLOCKLY简介 Blockly是为网络和移动应用程序添加可视代码编辑器的应用。 Blockly编辑器使用互锁的...
title: Overview Blockly 简介 Blockly是一个库，它为Web和Android应用程序添...
本文标题：Blockly小试牛刀
本文链接：https://www.haomeiwen.com/subject/gqxzixtx.html
网友评论