随笔分类 - python 运维开发
摘要：一、概述 滑块视图容器。其中只可放置swiper-item组件，否则会导致未定义的行为。 官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html 二、Swiper实现引导页 在移动开发中，我们经常使用Vi
阅读全文
摘要：一、概述 微信小程序底部想要有一个漂亮的导航栏目，不知道怎么制作，于是百度找到了本篇文章，分享给大家。 好了 小程序的头部标题 设置好了，我们来说说底部导航栏是如何实现的。 我们先来看个效果图 这里，我们添加了三个导航图标，因为我们有三个页面，微信小程序最多能加5个。 那他们是怎么出现怎么着色的呢？
阅读全文
摘要：对于从入门学微信小程序，可以看阮一峰的教程。 主要有4篇： 《微信小程序入门教程之一：初次上手》，链接：http://www.ruanyifeng.com/blog/2020/10/wechat-miniprogram-tutorial-part-one.html 《微信小程序入门教程之二：页面样式
阅读全文
摘要：一、概述 Highcharts 是一个制作图表的纯 Javascript 类库，主要特性如下： 兼容性：兼容当今所有的浏览器，包括 iPhone、IE 和火狐等等； 对个人用户完全免费； 纯 JS，无 BS； 支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼状图、散布图； 跨语言
阅读全文
摘要：一、概述 国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具 官方链接：https://www.iconfont.cn/ 二、使用 官方使用文档：https://www.iconfont.cn/help/deta
阅读全文
摘要：一、概述 有一个scss文件，需要应用到每一个vue文件。如果每一个vue文件写重复代码，浪费精力。 关于scss的安装，请参考链接：https://www.cnblogs.com/xiao987334176/p/14468510.html 二、修改配置 安装依赖 npm install sass-
阅读全文
摘要：一、概述 Sortable.js Sortable.js是一款优秀的js拖拽库，支持ie9及以上版本ie浏览器和现代浏览器，也可以运行在移动触摸设备中。不依赖jQuery。支持 Meteor、AngularJS、React、Vue、Knockout框架和任何CSS库，如Bootstrap、Eleme
阅读全文
摘要：一、概述 Sentry是一个实时事件的日志聚合平台。它专门监测错误并提取所有有用信息用于分析，不再麻烦地依赖用户反馈来定位问题。 Sentry发展多年，几乎没有同类产品可与其媲美。它能覆盖大部分的主流编程语言与框架，很适合应用到实际生产环境中采集异常日志。 最近我在设计持续交付流程过程时，公司一位前
阅读全文
摘要：一、概述 简介 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
阅读全文
