sinat_42888557的博客

原创 vue van-tabs组件切换tab时候，影响display:fixed属性导致降级问题解决

vue vant2van-tabs组件切换tab时候，影响display:fixed属性导致降级问题解决<template> <van-tabs v-model="active"> <van-tab title="标签 1">内容 1</van-tab> <van-tab title="标签 2">内容 2</van-tab> <van-tab title="标签 3">内容 3</van-ta

翻译 Django Swagger drf_yasg接口文档生成

参考DRF-YASG官网配置环境版本python3.7django2.2.16djangorestframework3.12.4drf_yasg2.2.0在settings.py：INSTALLED_APPS = [ ... 'django.contrib.staticfiles', # required for serving swagger ui's css/js files 'drf_yasg', ...]在url

原创 Django项目部署uWSGI+Nginx

系统Ubuntu16.04 64位环境PythonDjango2.2.16Mysql5.7.16Nginx1.14.0uwsgi2.0.20项目结构：django_rest/|— manage.py|— api/| |— __init__.py| |— settings.py| |— urls.py| |— wsgi.py|_ django_uwsgi.iniDjango_uwsgi.ini配置...

原创 CentOS 7安装Python3.7.6

CentOS系统默认安装了python2.7.5在安装python 3之前，可以先查看当前的python版本[root@ianshuai ~]# pythonPython 2.7.5 (default, Nov 16 2020, 22:23:17) [GCC 4.8.5 20150623 (Red Hat 4.8.5-44)] on linux2Type "help", "copyright", "credits" or "license" for more information.>&g

原创 Ubuntu18.04 nginx+uwsgi在同一端口80端口下，部署2个Flask web应用

随着服务器性能的提升和业务的需求，一台服务器上往往会同时有多个服务，这些服务都希望监听80端口，比如有www.baidu.com和www.google.com。这时候我们可以使用nginx的代理转发功能帮我们实现共用80端口的需求。项目1目录├── envs # 项目虚拟环境├── static # 存储nginx静态文件地址├── views # 项目虚拟环境├── app.py # flask入口文件├── pro1_uwsgi.ini # uwsgi启动文件，下文会

原创 Ubuntu18.04 Apache2部署Flask应用

使用Apache2部署以下指令，如非root用户，操作时记得加 sudo本文项目路径为：/var/www/foundatio下我的Flask项目结构- static -->html静态页面- views --|\- news.py --|->pthon代码- bp_new.py --|/- main.py --| --> python flask入口文件//以上为项目文件，项目目录下还需要新建foundation.wsgi部署时候需要配置下- foundatio

转载 python爬虫 数据库连接池

python爬虫 数据库连接池工程地址：https://github.com/jhao104/proxy_poolpython ip代理池安装对应requirements.txt依赖修改proxy_pool目录下setting.py修改:1、HOST：本机访问：127.0.0.1 远程访问：0.0.0.02、PROT：对外暴露的端口3、设置Redis：DB_CONN = ‘redis://@127.0.0.1:6379’4、设置Redis 表名：TABLE_NAME = ‘use_prox

原创 Vue引入Bootstrap jquery 后 dropdown下拉菜单没反应

注意引入次序：jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边)<template> <div> <div class="dropup"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" ar

原创 父子组件之间的数据传递

父组件：parents.vue <div style="background:purple;"> <div style="color: white">(父组件){{'这是：'+psonMsg}}</div> <child :message="parentMsg" @sonMsg='showChildMsg'></child> </div></template><script>

原创 vue+Bootstrap实现导航栏active自动变化

<template> <div> <nav class="navbar navbar-inverse navbar-fixed-top nav-bg"> <div class="container"> <!-- links --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

原创 Duplicate keys detected: ‘xxx‘. This may cause an update error.问题

Duplicate keys detected: 'xxx'. This may cause an update error.v-for 之前的写法<el-tag v-for="tags in dynamicTags" :key="tags" >{{tags}}</el-tag>报错 Duplicate keys detected: 'Rhizosolenia'. This may cause an update error.这里循环是有key 这里循环key重复了，

原创 Task02：条件循环结构

if判断语句介绍if语句是用来进行判断的，其使用格式如下：if 条件成立: 执行举例：age = 30if age>=18: print "我已经成年了"if-else的使用格式if 条件: 满足条件时要做的事情else: 不满足条件时要做的事情举例：８８８８８８８８８ age = 1７ # 用1代表有车票，0代表没有车票 if age ＜= 1 print "有车票，可以上火车" else

原创 Task01变量、运算符、数据类型及位运算

变量在Python中，存储一个数据，需要一个叫做变量的东西name= 'Tom' #name就是一个变量，就好一个小菜篮子age= 26 #age也是一个变量运算符算术运算符赋值运算符复合赋值运算符逻辑运算符位运算符比较(即关系)运算符1、算术运算符运算符 描述 实例+ 加 两个对象相加 a + b 输出结果 30- 减 得到负数或是一个数减去另一个数 a - b 输出结果 -10* 乘 两个数相乘或是返回一个被重复若干次的字符串 a

原创 Flex 弹性布局

Flex布局Flex 是Flexible Box 的缩写，意为“弹性布局”，用来为盒子模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。 .display-container { display: flex; }flex-wrap属性默认情况下，项目都排在一条线（又称“轴线”）上，flex-wrap属性定义，如果一条轴线排不下，如何换行。 .display-container { flex-wrap: nwrap | wrap | wrap-reverse

原创 app 页面跳转 报错redirectTo:fail can not redirectTo a tabbar page

用uni.switchTab({url:'test'})原因未知，等待交流

原创 vue 发布nginx刷新项目 404 白屏

vue2.0构建项目，默认不做配置，使用是hash模式，地址栏上有个“/#/”号，like http://localhost:8000/#/login 这样.官网文档使用history模式可以去掉#，样子like http://localhost:8000/login 这样.history模式下：当项目，在nginx上运行页面时，由于history模式的链接url是伪静态 路由地...

原创 [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marki

某度翻译将非被动事件侦听器添加到滚动阻止“鼠标滚轮”事件。考虑将事件处理程序标记为“被动”以使页更具响应性解决：https://blog.csdn.net/dj0379/article/details/52883315Google公布了一个让页面滑动更流畅的新特性Passive Event Listeners1、npm i default-passive-events -S2、ma...

原创 vue push传值与router-link :to传值

本文以query为例子<router-link :to="{path:'/login',query: {activeName: 'first' }}">登录</router-link><router-link :to="{path:'/register'query: {activeName: 'second' }}">注册</router-link&g...

原创 el-upload图片上传

<template> <el-card style="width: 15rem"> <el-upload :multiple="multiple" action="${pageContext.request.contextPath}/lookup/editEvidence/123" :limit='1' drag list-type="picture" :au...

原创 Node.js 事件循环

原创 node.js npm webpack关系

原创 Mybatis-Plus进行分页查询,返回的数据中total为0

一、创建一个类注入PaginationInterceptorimport com.baomidou.mybatisplus.extension.plugins.PaginationInterceptor;import org.mybatis.spring.annotation.MapperScan;import org.springframework.context.annotation.B...

原创 element-ui修改el-steps默认样式

默认样式： <template> <div> <el-steps :active=values space="400px" align-center> <el-step :title="item.title" :description="item....

原创 el-steps 修改 默认颜色

/*步骤条样式修改*/ .el-steps.el-steps--horizontal /deep/ .el-step.is-horizontal.is-center /deep/ .el-step__head.is-finish { color: #EB6F67 !important; border-color: #EB6F67 !important; } .e...

原创 vue+echarts 地图携带参数下钻【demo二】

相关必要文件已上传个人GIT代码库，自行下载https://gitee.com/lemon-design/EchartsMap.git个人鼓捣了快一周了本文地图下钻部分通过watch监控返回数据,进而进行地图渲染附上代码...

原创 el-popover修改样式

子页面修改失效原因：el-popover是和app同级el-popover的样式class也是el-popover，el-popover生成的div不在当前组件之内，和App.vue组件的div平级，所以需要设置全局style。在App.vue里添加样式 .el-popover { position: absolute; background: rgba(22,38,94...

原创 vue+echarts 地图携带参数下钻【demo一】

相关必要文件已上传个人GIT代码库，自行下载https://gitee.com/lemon-design/EchartsMap.git个人鼓捣了快一周了明日续更

原创 vue.js 引入 百度地图 api

可参考它们在github上面的文档进行使用。这里只介绍下vue的。https://github.com/Dafrok/vue安装npm i vue-baidu-map --save初始化main.js 引入import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { ak: '这个地方是官方提供的ak密钥' })使用...

原创 hadoop格式化错误

19/06/14 09:40:23 INFO ipc.Client: Retrying connect to server: hadoop02/192.168.8.108:8485. Already tried 0 time(s); retry policy is RetryUpToMaximumCountWithFixedSleep(maxRetries=10, sleepTime=1000 M...

原创 kafka 启动的时候报错

[root@hadoop01 .sh]# ./kafka.sh ./kafka.sh: line 2: syntax error near unexpected token `;'./kafka.sh: line 2: `ssh root@hadoop02 /bigdata/kafka/bin/kafka-server-start.sh config/server.properties &am...

原创 hive 启动报错

hive 启动报错Logging initialized using configuration in file:/bigdata/hive/conf/hive-log4j.propertiesException in thread "main" java.lang.RuntimeException: java.io.IOException: Port 9000 specified in UR...

原创 【Ambar配置本地本地源--本地http服务端口占用】修改和启动centos默认的httpd服务端口

由于httpd服务默认端口是8080，目前Ambari的默认端口也是8080，所以修改http的端口vi /etc/httpd/conf/httpd.conf 文件修改两个地方#把80改为你设置的端口，我设置端口为8888Listen 8888NameVirtualHost *:8888保存修改，退出。//如果没有semanage命令，则执行： yum -y install p...

原创 vue.js + element-ui 修改table右侧滚动条

在App.vue 添加全局样式 /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 7px; /*滚动条宽度*/ height: 7px; /*滚动条高度*/ background-color: #132958; } /*定义滑块 内阴影+圆角*/ ::-webkit-scr...

原创 vue.js获取返回状态码

axios.interceptors.response.use(response => {console.log('拦截器 response success ')console.log(response.status)return response},error => {console.log('拦截器 response error ')console.log(erro...

原创 【大数据-hive安装+配置】Hive只在一个节点上安装即可

前提：已安装mysql 未安装请看我的另外一篇博客1.上传tar包http://apache.fayea.com/hive/hive-1.2.2/apache-hive-1.2.2-bin.tar.gz2.解压tar -zxvf apache-hive-1.2.2-bin.tar.gz4.配置hive（a）配置HIVE_HOME环境变量vi conf/hive-env.sh配置其中...

原创 centos7 yum 安装mysql

1.新开的云服务器，需要检测系统是否自带安装mysqlyum list installed | grep mysql2.如果发现有系统自带mysql，果断这么干yum -y remove mysql-libs.x86_643.随便在你存放文件的目录下执行，这里解释一下，由于这个mysql的yum源服务器在国外，所以下载速度会比较慢，还好mysql5.6只有79M大，而mysql5.7就有1...

原创 Navicat无法连接数据库解决

解决报错:错误1130- Host xxx is not allowed to connect to this MariaDb servermysql -u root -p 123456执行：Grant all privileges on . to ‘root’@’%’ identified by ‘root’ with grant option;##刷新刚刚操作flush privi...

原创 zookeeper安装教程

zookeeper安装教程1 下载下载链接：http://archive.apache.org/dist/zookeeper/2.解压tar -xzvf zookeeper-3.4.5.tar.gz /bigdata3.配置在主目录下创建data和logs两个目录用于存储数据和日志：cd /bigdata/zookeeper-3.4.5mkdir datamkdir logs在...

原创 数据展示之——跨平台Ambari数据提取

一、pom引入以下依赖 <dependency> <groupId>commons-httpclient</groupId> <artifactId>commons-httpclient</artifactId> <version>3.1</version>...

原创 vue重置data+vue 定时器

vue实现页面定时刷新export default { name: "TimerAndDataClear", data () { return { timer: null } }, methods: { setTimer() { if(this.timer == nu...