- 博客(80)
- 收藏
- 关注
RSS订阅转载 CentOS7下安装nvm
1安装版本管理工具gityum install git查看git版本git --version2 安装Node.js版本管理工具nvmcurl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash或者wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | b
2020-05-29 17:41:39
1217
1
转载 微信小程序之公共组件写法
我们要实现如下图功能小程序一个公共的弹出组件，首先我们创建一个pop文件然后在生成的pop.json文件中将component定义为true{ "component": true}为pop.wxml添加内容<!--pages/common/pop/pop.wxml--><view class='wx_dialog' hidden="{{!i...
2020-03-09 15:33:34
1928
原创 block-配置讲解
本文基于Web Blockly，整理一下可视化编程工具-Blockly 的常用配置，包括：工作区配置、添加自定义块、配置工具箱、配置代码生成器等。固定尺寸工作区 可调尺寸工作区 添加自定义块（Block） 工具箱（Toolbox）配置 代码生成器 网格（Grid） 缩放（Zoom） 事件 云存储1. 固定尺寸工作区把 Blockly 放到网页上最简单的方法是将其注入到一个...
2020-01-20 15:44:50
1643
原创 2020前端面试题
1.vue相关知识 <1>vue.extend 作用：使用基础 Vue 构造器，创建一个“子类”.Vue.extend返回的是一个扩展实例构造器，也就是预设了部分选项的Vue实例构造器。其主要用来服务于Vue.component，用来生成组件。可以简单的理解为当在模板中遇到该组件名称作为标签的自定义元素时，会自动调用扩展实例构造器来生产组件实例，并挂载到自定义元素...
2020-01-14 15:57:29
226
原创 Django使用ajax异步请求时，如何解决403问题
ajax异步请求会出现如下问题解决方案首先，在views.py里导入包from django.views.decorators.csrf import csrf_exempt,csrf_protect然后，在views.py里定义的函数前面加上@csrf_exempt...
2020-01-14 15:56:51
284
原创 vi / vim - - 终端编辑器
1.打开文件vim 文件名 （有打开，无创建）2.打开文件并定位行vim 文件名 +行数 （有行数，光标到指定行，没有光标到最后一行）3 三种基本工作模式...
2020-01-14 15:56:25
114
翻译 blockly -- 自定义块
本文档面向希望在Blockly中创建新块的开发人员。假定有人拥有一个可以编辑的Blockly本地副本，一个通常熟悉Blockly的用法，另一个则对JavaScript有基本的了解。Blockly带有大量预定义的块。从数学函数到循环结构，应有尽有。但是，为了与外部应用程序接口，必须创建自定义块以形成API。例如，创建绘图程序时，可能需要创建一个“半径为R的绘图圆”块。在大多数情况下，...
2020-01-14 15:55:53
2246
翻译 blockly--Move
MoveBlockly的主工作区可以使用三种不同的方法移动：the scrollbars, the mouse, or the mouse wheel.(滚动条、鼠标或鼠标滚轮)。移动设置由Blockly配置的一部分对象定义。下面是一个例子：var workspace = Blockly.inject('blocklyDiv', {move:{ scrollb...
2020-01-14 15:54:22
216
翻译 blockly -- 定义块工具
Blockly Developer ToolsBlockly Developer Tools是一个基于Web的开发人员工具，可自动执行Blockly配置过程的各个部分，包括创建自定义块，构建工具箱和配置Web Blockly工作区。使用该工具的Blockly开发人员流程包括三个部分：使用“Block Factory”和“Block Exporter”创建自定义块。 使用工作区工厂构...
2020-01-14 15:53:51
1235
翻译 blockly--主题
主题主题是一种定制Blockly外观和感觉的方法。目前我们支持在块和类别上自定义某些样式。我们创建主题的主要目标是授权开发人员创建更容易访问的块体验。然而，伴随着强大的力量而来的是巨大的责任。如果不需要控制块的所有三种样式值（块颜色、边框颜色和阴影块颜色），我们强烈建议用户坚持使用块颜色。很难找到协调一致的颜色，所以最简单的方法仍然是使用色调定义颜色，并允许Blockly计算边框和阴影块的...
2020-01-14 15:53:16
1067
原创 blockly 把工作区中的块输出成代码
代码生成器Blockly的大多数应用程序都要求将用户的程序翻译成JavaScript，Python，PHP，Lua，Dart或其他语言。此操作由Blockly在客户端执行。这个过程就需要代码生成器。生成代码第一步是包含所用语言的生成器。Blockly包含以下5种生成器，分别对应不同的语言：javascript_compressed.js python_compressed.js...
2020-01-14 15:50:20
2090
翻译 blockly -- Custom Blocks: Style Guide
Custom Blocks: Style Guide多年来，区块和区块游戏团队已经吸取了许多教训，适用于开发新区块。以下是我们所犯的错误，或其他人常犯的错误的集合。这些是我们在使用Blockly的视觉风格时学到的一般经验，可能并不适用于所有的用例或设计。其他解决方案存在。这也不是用户可能遇到的问题以及如何避免这些问题的详尽列表。每个案例都有点不同，都有自己的取舍。1. Conditio...
2020-01-13 14:28:49
422
翻译 blockly -- Custom Blocks: Block Paradigms
Custom Blocks: Block Paradigms当设计一个使用块的应用程序时，有几个范例可供选择。应该尽早考虑这些选择，因为它们会影响用户需要的块。Configuration许多块应用程序用于描述配置，而不是可执行程序。配置应用程序通常从初始化工作区上的一个根级别块开始。一个很好的例子是Blockly开发工具的Block Factory选项卡：var xml = ...
2020-01-10 19:02:43
367
翻译 block--生成器（Generating Code）
Generating Code大多数块应用程序需要将块转换为执行代码。本页介绍如何将代码生成器添加到自定义块。首先，转到generators/目录并选择与要生成的语言相对应的子目录（JavaScript、Python、PHP、Lua、Dart等）。假设您的块不适合现有的类别，则创建一个新的JavaScript文件。这个新的JavaScript文件需要包含在编辑器HTML文件的<scr...
2020-01-10 17:38:59
1123
翻译 blockly --本地化块（ Localize Blocks）
Localize BlocksBlockly支持可以本地化为用户语言的块定义。通过使用字符串表，JSON块定义中的消息字符串可以调整输入、字段和标签，以反映语言的词汇表、单词顺序和方向。所有这些情况都共享相同的JSON块定义：/ Block for creating a list with one element repeated.{ "type": "lists_r...
2020-01-10 16:56:40
704
翻译 blockly -- 颜色（Block colour）
Block colour大多数区块应用程序使用各种区块颜色，以视觉方式将区块分类。Blockly附带的块包括八个类别，颜色由演示中的各种工具栏类别反映：许多工具箱项还包括作为默认输入值的阴影块。例如，蓝色加法块的数字。阴影块的颜色来自于块的标准颜色，但不饱和。Defining the block colour块颜色可以用JSON或JavaScript中定义：//json...
2020-01-10 15:28:23
3538
1
翻译 blockly -- 定义块
定义块块定义描述了块的外观和行为，包括文本，颜色，形状以及它可以连接的其他块。定义自定义块后，每个平台都会以不同的方式加载这些定义，详细信息请参见网络和Android特定配置指南。JSON格式与JavaScript APIBlockly有两种定义块的方式：JSON对象和JavaScript函数。JSON格式是跨平台的，因此可以使用相同的代码在Web，Android和iO...
2020-01-10 15:00:48
3075
翻译 blockly-- 事件
事件工作区上的每个更改都会触发一个事件。这些事件充分描述了每个更改的前后状态。监听事件工作区具有addChangeListener和removeChangeListener方法，可用于侦听事件流。一个示例是实时生成代码。另一个示例是最大块限制演示。通常，这两个示例都不关心触发事件是什么。他们只是查看工作区的当前状态。一个更复杂的事件侦听器将查看触发事件。下面的示例检测用户何时...
2020-01-09 16:52:07
1171
翻译 blockly - 缩放
缩放Blockly的主工作区可以是可伸缩的，可以由用户动态扩展，也可以由开发人员静态扩展。缩放设置由Blockly配置的一部分对象定义。下面是一个例子：var workspace = Blockly.inject('blocklyDiv', {toolbox: document.getElementById('toolbox'), zoom: {c...
2020-01-09 16:19:33
370
1
翻译 blockly-网格
网格Blockly的主工作区可以选择有一个网格。可以使块捕捉到网格，从而实现更清晰的布局。这在具有分布在大区域上的多个代码组的大型应用程序中特别有用。网格的设置是由Blockly配置的一部分对象定义的。下面是一个例子：var workspace = Blockly.inject('blocklyDiv', {toolbox: document.getElementById('...
2020-01-09 15:47:07
256
翻译 blockly生成器
代码生成器大多数Blockly应用程序都要求将用户程序翻译成JavaScript、Python、PHP、Lua、Dart或其他语言。此操作在客户端上被分块执行。生成代码第一步是包含所讨论语言的生成器。主要包括以下几种：javascript_compressed.js python_compressed.js php_compressed.js lua_compresse...
2020-01-09 15:40:45
1276
翻译 blockly 工具箱
工具箱工具箱是用户可以从中创建新块的侧面菜单。工具箱的结构由XML指定，它可以是节点树或字符串表示形式。当该XML注入页面时，它将传递给Blockly。如果您不喜欢手动输入XML，建议您查看Blockly Developer Tools。使用它，您可以构造一个工具箱并使用可视界面自动生成其工具箱XML。这是一个使用节点树的最小示例：<xml id="toolbox" styl...
2020-01-09 15:25:37
907
翻译 blockly - 自定义块
添加自定义块虽然Blockly定义了许多标准块，但是大多数应用程序需要定义和实现至少几个与域相关的块。块由三个组件组成：块定义对象：定义块的外观和行为，包括文本，颜色，字段和连接。 工具箱引用：对工具箱XML中块类型的引用，因此用户可以将其添加到工作区中。 生成器功能：生成此块的代码字符串。即使目标语言不是JavaScript，甚至对于Blockly for Android，它始...
2020-01-09 15:02:55
1969
翻译 blockly - 工作区域
固定大小的工作区将Blockly放到网页中的最简单方法是将其注入到空的“ div”标签中。注射首先，包括核心Blockly脚本和核心块集。请注意，路径可能会有所不同，具体取决于您的页面相对于Blockly的位置：<script src = “ blockly_compressed.js” > </ script> <script src = “ b...
2020-01-09 14:48:08
457
1
翻译 blockly开始使用
开始使用本文档面向希望创建自己的应用程序的开发人员，这些应用程序将Blockly集成为代码编辑器。假定人们通常熟悉Blockly的用法，并且对HTML和JavaScript有基本的了解。总览Blockly旨在轻松安装到您的Web应用程序中。用户拖动块，Blockly生成代码，您的应用程序对该代码执行某些操作。从您的应用程序的角度来看，Blockly只是一个文本区域，用户可以在其中键入...
2020-01-09 14:30:10
1270
1
翻译 blockly简介
简介Blockly是一个将可视代码编辑器添加到Web和移动应用程序的库。块编辑器使用互锁的图形块来表示代码概念，例如变量，逻辑表达式，循环等。它使用户可以应用编程原理，而不必担心语法或命令行上闪烁的光标的威胁。构建一个Blockly应用从用户的角度来看，Blockly是一种直观，直观的代码构建方式。从开发人员的角度来看，Blockly是一种现成的UI，用于创建可视化语言，该可视...
2020-01-09 14:13:08
3965
原创 vue-router重写push方法，解决相同路径跳转报错
修改vue-router的配置文件，默认位置router中import Vue from 'vue'import Router from 'vue-router' /** * 重写路由的push方法 * 解决，相同路由跳转时，报错 * 添加，相同路由跳转时，触发watch (针对el-menu，仅限string方式传参，形如"view?id=5") */const rou...
2020-01-09 11:41:45
2553
转载 Blockly开发3 -- 创建工具栏ToolBox
1. 创建ToolBox要创建一个ToolBox非常简单，只需要在定义workspace的时候进行设置即可。var workspace = Blockly.inject(blocklyDiv, { media: 'blockly/media/', toolbox: document.getElementById('toolbox'), // 定义ToolBox});...
2020-01-08 18:55:33
803
转载 Blockly开发2 ------创建工作空间workspace
. 什么是Blockly的workspaceworkspace是Blockly中非常重要的对象，它是其他组件运行的基础，所有其他Blockly的组件都必须在workspace中才能工作。以下图为例，图中蓝框以内的范围都是workspace，左侧的ToolBox（下一节的内容）、中间的积木块组合（blocks）、右下方的垃圾桶和滑动条都是workspace的子对象。通常来说，一个应用只需要创建一...
2020-01-08 18:53:04
894
转载 Blockly开发1
1.什么是Blockly？Blockly是一个JavaScript可视化编程编辑器开发框架。目前，它是一个开源项目，由Google公司发起并维护。2.Blockly能做什么？官方解释是，Blockly是一个用于给web或者手机app添加可视化程序编辑器的框架。它采用图形化的咬合拼接的积木块表示变量、逻辑表达式、循环以及其他编程概念。它能让用户在不关心语法的情况下进行编程练习，同时摆脱那...
2020-01-08 16:34:40
1443
原创 手机端 js禁止页面滚动
开发移动端页面的时候有一个很比较常见的需求，在出现弹窗时，禁止滑动弹窗后面的主体页面。如何实现呢，往下看js实现整个页面禁止滚动：document.body.addEventListener('touchmove', function(e){ e.preventDefault(); }, { passive: false }); //passive 参数不能省略...
2019-09-11 15:34:04
3671
原创 使用yum安装下的nginx，添加模块的方法
1.yum安装nginxrpm -ivh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm2.查看nginx信息yum info nginx (查看nginx版本 方便后面下载对应版本)3.yum安装nginxyum -y install ...
2019-09-03 17:54:01
4057
转载 HTTP2.0 介绍以及ngnix、tomcat下如何配置
本文主要介绍HTTP2.0的新特性 以及ngnix或tomcat下如何配置使满足HTTP2.0协议HTTP2.0新特性:HTTP2.0相比HTTP1.1可以给用户带来更佳的用户体验,原因这里不会一一详细介绍，只列举了几项，如有兴趣研究的童鞋请移步官方RFC文档。1.新增二进制分帧HTTP协议从0.9版本开始不断增加新的功能特性，但长远来看都是向前兼容的，H...
2019-09-02 14:13:49
243
原创 xshell连接centos经常掉线的问题
在使用xshell连接centos时，经常会遇到突然掉线的情况，ping的通，然后重新连接一下就可以了虽然没什么大问题，但总是麻烦，下面的这种方法可以解决这种问题#进入ssh目录cd /etc/ssh#修改sshd_config参数，这个时候一般需要root用户修改该文件vim sshd_config#找到以下几个参数并修改成如下结果PermitRootLogin ye...
2019-08-01 10:59:35
852
原创 elementui el-table表格出现抖动闪动
原因1.是页面出现重绘2.正好卡在要出滚动条的那个点解决方法.el-table{ width:99.9%;}
2019-07-31 11:43:32
8378
3
翻译 VUE3.0分环境部署
在vue-cli3的项目中，npm runserve时会把process.env.NODE_ENV设置为‘development’；npm run build时会把process.env.NODE_ENV设置为‘production’；此时只要根据process.env.NODE_ENV设置不同请求url就可以很简单的区分出本地和线上环境。具体步骤如下：1.package....
2019-07-01 16:30:14
500
1
转载 django查询结果转json
方法一：利用serializers转换from django.core import serializersdef json_test(request): data = {} book = Book.objects.all() data['list'] = json.loads(serializers.serialize("json", book)) re...
2019-06-24 14:21:51
507
1
原创 Django2.0 使用 django-cors-headers 解决跨域问题以及其中的坑
1、使用pip安装pip install django-cors-headers2、添加到setting的app中INSTALLED_APPS = ( ... 'corsheaders', ...)3、添加中间件（注意位置顺序）MIDDLEWARE = [ # Or MIDDLEWARE_CLASSES on Django < 1.10...
2019-06-21 13:44:09
4254
原创 Django2.0使用pymysql0.93版本
Django2.0使用pymysql0.93版本报错看到这个错误比较头疼，换以为是缺少依赖库，安装了 mysqlclient 和 newer 还是不好使，查了好多文章终于找见的解决方案1.第一步注释掉这里的代码2.第二步继续运行会发现如下错误此处的 str 没有 decode 的属性，点击进入operations.py 文件 把 decode 改为...
2019-06-20 13:01:04
430
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人