随笔分类 - python 运维开发
摘要：一、概述 弹幕是中国较受欢迎的弹幕展示方式。 先来看一下效果图 二、安装插件 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等事件中会用到节流函数； 实时查询功能原理分析 所谓模糊查询就是不需
阅读全文
摘要：一、概述 经常会见到，标题或者字段超过多长，然后进行相关的截断，以下在vue当中，使用了vue的过滤器，很好的解决了这问题。 二、代码实现 test.vue <template> <div class="title">{{ name | ellipsis}}</div> </template> <s
阅读全文
摘要：一、概述 在上一篇文章中，链接如下：https://www.cnblogs.com/xiao987334176/p/14361893.html 开发了一个django channles websocket 项目，用的是asgi。官方推荐使用asgi服务器daphne，来处理websocket请求 d
阅读全文
摘要：一、概述 在之前的文章中，链接如下：https://www.cnblogs.com/xiao987334176/p/14313471.html 介绍了ElementUI 分页，前端请求一次接口，获取所有数据，由ElementUI 分页组件实现分页，也就是说由前端来完成了分页功能。 但是，在实际项目中
阅读全文
摘要：一、概述 在项目中，有一个搜索页面，需要根据不同的关键字，动态修改meta信息，用于seo优化。 本文接下来介绍如何使用 vue-meta 修改页面头部信息 二、vue-meta使用 安装 npm install --save vue-meta main.js使用依赖 修改main.js，增加2行代
阅读全文
浙公网安备 33010602011771号