随笔分类 - python 运维开发
摘要：一、概述 简介 RabbitMQ是实现了高级消息队列协议（AMQP）的开源消息代理软件（亦称面向消息的中间件）。RabbitMQ服务器是用Erlang语言编写的，而群集和故障转移是构建在开放电信平台框架上的。所有主要的编程语言均有与代理接口通讯的客户端库。 核心名词简介 Publisher：消息生产
阅读全文
摘要：一、概述 为了避免Elasticsearch性能不足，需要对默认参数做一些优化。 本文采用elasticsearch:7.10.1，切勿低于7.x版本。 二、系统层面调优 系统层面的调优主要是内存的设定与避免交换内存。 ES 安装后默认设置的堆内存是 1GB，这很明显是不够的，那么接下来就会有一个问
阅读全文
摘要：一、概述 插件选择 官方资料：https://www.elastic.co/guide/en/elasticsearch/plugins/current/security.html 官方插件 X-Pack X-Pack 插件在 docker 镜像中默认已安装，不过 X-Pack 中的 Securit
阅读全文
摘要：一、概述 Element UI 是 PC 端比较流行的 Vue.js UI 框架，它的组件库基本能满足大部分常见的业务需求。但有时候会有一些定制性比较高的需求，组件本身可能没办法满足。最近在项目里就碰到了。 很多页面都需要用到表格组件el-table。如果没有给el-table-column指定宽度
阅读全文
摘要：一、概述 弹幕是中国较受欢迎的弹幕展示方式。 先来看一下效果图 二、安装插件 npm install vue-baberrage -D 官方链接：https://blog.chenhaotaishuaile.com/vue-baberrage/ 中文文档：https://github.com/sup
阅读全文
摘要：一、概述 一般写table时，列都是固定。现有业务需求，列是不固定的。根据api返回的数据，进行动态渲染。 官方table示例，链接如下： https://element.eleme.cn/#/zh-CN/component/table 二、实现 在此基础上，增加tableHeader 变量，用来动
阅读全文
摘要：一、概述 scrapy爬取的数据，需要保存到excel中，根据中文标题，将对应的数据写入。 二、实现方法 安装模块 pip3 install openpyxl 修改pipelines.py # -*- coding: utf-8 -*- # Define your item pipelines he
阅读全文
摘要：一、概述 elasticsearch官方默认的分词插件，对中文分词效果不理想。 中文的分词器现在大家比较推荐的就是 IK分词器，当然也有些其它的比如 smartCN、HanLP。 这里只讲如何使用IK做为中文分词。 二、安装elasticsearch 环境说明 操作系统：centos 7.6 doc
阅读全文
摘要：一、概述 vue-router跳转一般是这么写： toCurrentPage: function(thisId){ this.$router.push({path:'/test ', query: { id: thisId, option: ""}}); } 但是当遇到，需要跳转同页面不同query
阅读全文
摘要：一、概述 当行内容过多并且不想显示横向滚动条时，可以使用 Table 展开行功能。 官方示例： test.vue <template> <el-table :data="tableData" style="width: 100%"> <el-table-column type="expand"> <
阅读全文
摘要：一、概述 textarea默认情况下，当超出范围后，会在右边显示滑动条 体验不太好，不需要滑动条，根据内容，自动增加高度，并显示完整内容。 二、解决方法 主要有3种方式： :rows="2" -->固定行数 :autosize="{minRows:2,maxRows:8} -->高度范围 autos
阅读全文
摘要：一、概述 项目中有一个父子组件，子组件是dialog弹窗，第一次点击保存后，页面自动刷新。 父组件操作的表单数据都丢失了，但是再刷新一次，重新操作就不会刷新了，非常奇怪。 原因：由于当表单只有一个文本框时，按下回车将会触发表单的提交事件， 从而导致页面刷新。 <el-form :inline="tr
阅读全文
摘要：一、概述 对于上传图片功能，tinymce提供了很多相关配置http://tinymce.ax-z.cn/configure/file-image-upload.php 这里我们对其中的自定义上传图片进行简单的讲解，需要用到images_upload_url属性。 二、更改配置 在上一篇文章中，链接
阅读全文
摘要：一、概述 TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有：UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、froala等等。 TinyMCE的优势： 开源可商用，基于LGPL2.1 插件丰富，自带插件基本
阅读全文
摘要：一、概述 项目目录结构 ./ ├── assets │ └── logo.png └── components └── test.vue test.vue中的css样式，需要引用assets下的logo.png文件。 #main { width: 200px; height: 200px; back
阅读全文
摘要：一、概述 在使用数组的时候，数组内部数据发生改变，但是与数组绑定的页面的数据却没有发生变化。 示例代码如下： <template> <div style="margin-left: 10px;"> <div v-for="(item,index) in nameList"> <span>姓名: {{
阅读全文
摘要：一、概述 示例代码： <template> <div> <div v-for="(item,index) in product"> <img src="{{ item.imgSrc }}" alt=""> </div> </div> </template> 发现这样运行会报错 二、解决方法 img标
阅读全文
摘要：一、概述 使用百度实现搜索功能，先来看一下效果图 二、代码实现 安装插件vue-resource npm install vue-resource --save 这个插件主要是为了实现this.$http.jsonp()方法 修改main.js，引用vue-resource import VueRe
阅读全文
摘要：一、概述 项目需要的原因，在sub组件的父级list组件中需要用到xhcj组件，同时sub组件中也用到了xhcj组件，两个地方代码逻辑是相同，仅仅是样式有些微的差别，所以决定共用组件，然后覆盖样式。 style标签上的scoped属性会致使样式只作用于当前组件，对子组件是不起作用的，但是不加scop
阅读全文
摘要：一、概述 先来看一下搜索效果 节流函数 首先，我们来理解一下：节流函数首先是节流，就是节约流量、内存的损耗，旨在提升性能，在高频率频发的事件中才会用到，比如：onresize，onmousemove，onscroll，oninput等事件中会用到节流函数； 实时查询功能原理分析 所谓模糊查询就是不需
阅读全文