在js文件中编写功能函数时,常常要调用vue文件内的方法并传值,下面记录js传值的方法:
首先在vue页面的mounted模块将要调用的方法注册到window对象上,并引入对应的js文件后:
123456789mounted(){ window.exampleFunction=this.exampleFunction},method:{ exampleFunction(data){ console.log('收到方法调用') console.log(data,'data...
在实际项目中,难免会有短时间下载文件的需要。正常的批量下载文件要等前一个文件下载完成后才进行下一个文件的下载工作,下载速度较慢。而通过异步来下载可以实现多个文件同时下载的多线程操作。下面为异步下载文件的实现方法:
首先需要通过pip install aiohttp下载aiohttp模块。
引入相关模块如下:
123456789import requestsimport aiohttpimport asyncioimport osimport uuidimport configfrom services import dbcfrom utils.response_helper i...
在实际项目开发中,经常要使用axios来请求数据。
axios可以通过async/await来实现同步请求。
其中async用来修饰方法,其声明的方法为异步请求的方法,await只能在异步方法中使用,用于等待指定方法执行完成;await修饰的方法执行完成后,才会执行后续的代码。
axios的.then模块前把this赋值给一个变量并在.then中代替this来使用,可以防止this指针发生变化导致引用全局变量无效的问题,如:
``json getData() { var _this=this axios.get(https:/...
在实际项目开发中,有时会遇到组件B需要监听兄弟组件A的数据是否有改动,并根据兄弟组件A的改动来更新自身数据或执行一定操作的需求。下面将介绍实现这一过程的方法:
在Vue项目的main.js中 添加下面语句:
1Vue.prototype.$eventBus = new Vue()
在兄弟组件A中所要监听的事件中添加如下自定义事件的代码this.$eventBus.$emit('SyncData')。如需要监听addDataA事件的变化,则组件A中script模块的代码如下所示:
123456789101112 methods: { addDataA() {...
通过使用Vue的生命周期钩子函数和window对象的resize事件来实现水印根据窗口大小适配的功能:
在Vue文件的script模块中 引入水印组件:
1import watermark from '@zsit/watermark';
在script模块的export default里,通过钩子函数mounted监听窗口大小的变化,并在销毁组件前移除事件监听器:
123456mounted(){ window.addEventListener('resize',this.handleResize)},befo...
DBeaver企业版比社区版多支持NoSQL类型的数据库,如Redis、MongoDB等数据库,并增加了一些扩展功能
Pod
Pod是Kubernetes中的基本单位。容器本身不会直接分配到主机上,而会封装到名为Pod的对象中。Kubernetes以Pod为最小单位进行调度、伸缩并共享资源、管理生命周期。
Pod通常表示单个应用程序,由一个或多个关系紧密的容器构成,这些容器拥有同样的生命周期,作为一个整体一起编排到Node上。这些容器共享环境、存储卷(volume)和IP空间。尽管Pod基于一个或多个容器,但应将Pod视作一个单一的整体、单独的应用程序。
Pod模板
在创建Pod时,需要定义一个模板文件(.yml文件),并将其称为Pod模板。可以用Pod模板来定义资源,以下是Pod模板的主要内容...
简介
在使用Elasticsearch进行全文搜索时,会使用到Elasticsearch(搜索引擎)、Logstash(数据同步)、Kibana(数据可视化)这三个中间件。在开发或测试环境中部署项目时,常使用docker-compose一键部署项目所需的环境,因此本文记录使用docker-compose一键部署Elasticsearch、Logstash和Kibana的过程。
部署
端口说明
Elasticsearch:9200(HTTP通信)和9300(TCP通信)
Logstash:5044和9600(TCP通信)
Kibana:5601
配置文件
docke...
富文本编辑器:vue-quill-editor
vue-quill-editor是一款可适配PC端和移动端富文本编辑器,具有可设置自定义配置项、外观简洁且轻量的优点。
PC端效果图如下:
移动端的效果图如下:
vue-quill-editor配置
在项目目录下载vue-quill-editor:
1npm i vue-quill-editor -S
在Vue页面的script模块中引入vue-quill-editor:
123456789import Vue from 'vue'import Quill from "quill"...
数据库连接工具:DBeaver
本文中使用的数据库连接工具是DBeaver,其是一款免费且跨平台的数据库连接工具。其优势是会在首次链接数据库时,下载所需驱动,解决了数据库版本不兼容的问题。
该工具的下载地址为:Download |
DBeaver Community,直接根据安装指示点击下一步即可完成安装。
安装好后打开软件,点击左上角的图标新建连接:
在弹出的窗口里选择Oracle,填好相应的信息后,点击完成。然后会弹出下载驱动文件的页面,点击下载驱动:
在左方便可看到已连接的数据库,右键数据库名字-SQL编辑器-SQL编辑器便可打开一个可以编写sql语句的脚本编辑器,其他...