原创 blockly -- 定義塊
定義塊 塊定義描述了塊的外觀和行爲，包括文本，顏色，形狀以及它可以連接的其他塊。 定義自定義塊後，每個平臺都會以不同的方式加載這些定義，詳細信息請參見 網絡和 Android特定配置指南。 JSON格式與JavaScript API
2020-06-26 01:41:35
22
原创 blockly --本地化塊（ Localize Blocks）
Localize Blocks Blockly支持可以本地化爲用戶語言的塊定義。通過使用字符串表，JSON塊定義中的消息字符串可以調整輸入、字段和標籤，以反映語言的詞彙表、單詞順序和方向。 所有這些情況都共享相同的JSON塊定義：
2020-06-26 01:41:35
12
原创 blockly -- 自定義塊
本文檔面向希望在Blockly中創建新塊的開發人員。假定有人擁有一個可以編輯的Blockly本地副本，一個通常熟悉Blockly的用法，另一個則對JavaScript有基本的瞭解。 Blockly帶有大量預定義的塊。從數學函數到循環結構
2020-06-26 01:41:35
20
原创 block-配置講解
本文基於Web Blockly，整理一下可視化編程工具-Blockly 的常用配置，包括：工作區配置、添加自定義塊、配置工具箱、配置代碼生成器等。 固定尺寸工作區 可調尺寸工作區 添加自定義塊（Block） 工具箱（Toolbox）配置
2020-06-26 01:41:35
1
原创 微信小程序之公共組件寫法
我們要實現如下圖功能 小程序一個公共的彈出組件，首先我們創建一個pop文件 然後在生成的pop.json文件中將component定義爲true { "component": true } 爲pop.wxml添加內容 <!--
2020-03-10 19:36:08
1
原创 blockly - 縮放
縮放 Blockly的主工作區可以是可伸縮的，可以由用戶動態擴展，也可以由開發人員靜態擴展。 縮放設置由Blockly配置的一部分對象定義。下面是一個例子： var workspace = Blockly.inject('blockly
2020-02-26 07:02:39
2
原创 Blockly開發1
1.什麼是Blockly？ Blockly是一個JavaScript可視化編程編輯器開發框架。目前，它是一個開源項目，由Google公司發起並維護。 2.Blockly能做什麼？ 官方解釋是，Blockly是一個用於給web或者手機app
2020-02-26 07:02:39
18
原创 blockly-- 事件
事件 工作區上的每個更改都會觸發一個事件。這些事件充分描述了每個更改的前後狀態。 監聽事件 工作區具有addChangeListener和removeChangeListener方法，可用於偵聽事件流。一個示例是 實時生成代碼。另一個示
2020-02-26 07:02:39
9
原创 Blockly開發2 ------創建工作空間workspace
. 什麼是Blockly的workspace workspace是Blockly中非常重要的對象，它是其他組件運行的基礎，所有其他Blockly的組件都必須在workspace中才能工作。以下圖爲例，圖中藍框以內的範圍都是workspac
2020-02-26 07:02:39
17
原创 blockly生成器
代碼生成器 大多數Blockly應用程序都要求將用戶程序翻譯成JavaScript、Python、PHP、Lua、Dart或其他語言。此操作在客戶端上被分塊執行。 生成代碼 第一步是包含所討論語言的生成器。主要包括以下幾種： java
2020-02-26 07:02:39
8
原创 vue-router重寫push方法，解決相同路徑跳轉報錯
修改vue-router的配置文件，默認位置router中 import Vue from 'vue' import Router from 'vue-router' /** * 重寫路由的push方法 * 解決，相同路由跳
2020-02-26 07:02:39
原创 block--生成器（Generating Code）
Generating Code 大多數塊應用程序需要將塊轉換爲執行代碼。本頁介紹如何將代碼生成器添加到自定義塊。 首先，轉到generators/目錄並選擇與要生成的語言相對應的子目錄（JavaScript、Python、PHP、Lua、
2020-02-26 07:02:39
13
原创 blockly - 工作區域
固定大小的工作區 將Blockly放到網頁中的最簡單方法是將其注入到空的“ div”標籤中。 注射 首先，包括核心Blockly腳本和核心塊集。請注意，路徑可能會有所不同，具體取決於您的頁面相對於Blockly的位置： <script
2020-02-26 07:02:39
7
原创 Blockly開發3 -- 創建工具欄ToolBox
1. 創建ToolBox 要創建一個ToolBox非常簡單，只需要在定義workspace的時候進行設置即可。 var workspace = Blockly.inject(blocklyDiv, { media: 'block
2020-02-26 07:02:39
20
原创 blockly 工具箱
工具箱 工具箱是用戶可以從中創建新塊的側面菜單。工具箱的結構由XML指定，它可以是節點樹或字符串表示形式。當該XML注入頁面時，它將傳遞給Blockly。如果您不喜歡手動輸入XML，建議您查看Blockly Developer Tool
2020-02-26 07:02:39
5