自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端劝退师的博客

国内最懒前端

  • 博客(75)
  • 资源 (2)
  • 收藏
  • 关注

原创 uniapp unipush点击推送到指定页面

在 APP.vue的onLaunch()中加入这段代码

2022-06-14 09:46:37 1108 1

原创 docker安装kibana

一、概述Kibana是一个针对Elasticsearch的开源分析及可视化平台,用来搜索、查看交互存储在Elasticsearch索引中的数据。使用Kibana,可以通过各种图表进行高级数据分析及展示。环境说明操作系统:centos 7.6docker版本:19.03.12ip地址:192.168.31.190关于elasticsearch安装,请参考链接:https://www.cnblogs.com/xiao987334176/p/13565468.html关于l

2022-01-17 11:17:43 871

原创 docker安装logstash

一、概述需要使用docker 安装Logstash,来收集文件/var/log/messages环境说明操作系统:centos 7.6docker版本:19.03.12ip地址:192.168.31.196二、安装下载镜像docker pull logstash:7.5.1启动logstashdocker run -d --name=logstash logstash:7.5.1等待30秒,查看日志docker logs -f logstash

2022-01-17 11:11:54 1486

原创 docker安装elasticsearch和head插件

一、概述需要在服务器中部署elasticsearch和head插件环境说明操作系统:centos 7.6docker版本:19.03.12ip地址:192.168.31.190二、安装下载镜像docker pull elasticsearch:7.5.1docker pull mobz/elasticsearch-head:5-alpine修改系统参数vi /etc/sysctl.conf调整参数vm.max_map_count=262144

2022-01-17 11:04:35 392

原创 ios内嵌H5滑动不流畅、白屏解决方案

最外层div加上 -webkit-overflow-scrolling属性,解决ios滑动不流畅...

2022-01-12 10:29:39 2543

原创 Docker目录映射

docker常用命令:docker ps // 查看所有正在运行容器docker stop containerId // containerId 是容器的IDdocker ps -a // 查看所有容器 $ docker ps -a -q // 查看所有容器IDdocker stop $(docker ps -a -q) // stop停止所有容器docker rm $(docker ps -a -q) // remove删除所有容器docker restart 容器id //重启容器doc

2022-01-12 10:24:26 4620

原创 从本地将文件传到docker容器

从计算节点到docker容器这时需要使用docker cp命令将文件从计算节点复制到容器,在计算节点输入如下命令:docker cp FILE_PATH 容器ID:/root将文件从容器复制到计算节点,在计算节点输入如下命令:docker cp 容器ID:/root/data.tar /home/user...

2021-12-03 16:52:48 961

转载 JS复制对象,修改不影响原对象

项目开发中遇到一个问题,需求是复制一条记录,方便编辑,因为前端是根据新建的数据有没有ID来判断走新建还是update接口,于是我在复制按钮的事件中将本条记录的ID删除后传给form。写完后发现点了复制以后原表格中的数据ID也没了,以我并不丰富的经验也知道是因为js的对象赋值是引用赋值,传递的是地址,所以我改后面的对象会把原对象也改了,于是百度如何完整的复制一个对象用来传递,找到了Object.assign()方法:var newData = Object.assign({}, data);/

2021-11-25 09:14:46 2185

转载 docker安装RabbitMQ

docker安装RabbitMQ查看仓库里的RabbitMQdocker search rabbitmq安装RabbitMQdocker pull rabbitmq这里是直接安装最新的,如果需要安装其他版本在rabbitmq后面跟上版本号即可启动RabbitMQdocker run -d --hostname my-rabbit --name rabbit -p 15672:15672 -p 5672:5672 rabbitmq安装插件先执行docker ps 拿到当前的镜像ID进入容

2021-11-22 22:12:54 80

转载 在CentOS7下一键搭建Ocserv、CiscoAnyconnect服务器

ocserv一键安装

2021-11-18 10:07:44 7649 1

转载 Vue写的倒计时工具

公司辩论赛,帮行政小姐姐写的小工具。第一个是发言倒计时,可以自己指定时间。第二个是自由辩论,双方各5分钟时间。<script src="https://cdn.jsdelivr.net/npm/vue"></script><script src="http://code.jquery.com/jquery-2.0.0.min.js"></script><div id="app"><h1 style="font-si

2021-11-18 10:03:56 126

转载 Flex 布局教程:语法篇

网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选方案。本文介绍它的语法,下一篇文章给出常见布局的 Fle...

2021-11-18 10:02:58 70

转载 正确使用 Docker 搭建 GitLab

很多程序员在内网搭建 gitlab 都搭建的坑坑洼洼,不支持 https,或者装个 gitlab 就把服务器弄得乱七八糟的,根本不知道该怎么维护和迁移。还有程序员再用最原始的,远程机器上:git --bare init然后其他人按照 ssh 的协议来克隆的刀耕火种的方法,还有项目用 php 写 fastcgi 来提供 git 服务。真的有那么麻烦么?正确使用 Docker 搭建 Gitlab 明明就是半分钟的事情。先建个目录:sudo mkdir -p /home/data/gitlab

2021-11-18 10:00:57 489

原创 docker 容器自动启动设置

docker run --restart=alwaysdocker update --restart=always <CONTAINER ID>

2021-11-18 09:59:42 523

转载 Docker开启远程访问(CentOS系统)

#docker开启远程访问上一篇已经介绍了在centos安装docker。这里主要是说一下,怎样开docker的远程访问。首先在开始前我们需要配置一下docker的镜像加速器(不然的话,我们接下来pull镜像会很慢的),配置镜像加速我们使用daocloud,地址:https://www.daocloud.io/mirror#accelerator-doc打开上面的网址,按照网址的提示命令,我们copy下来在linux系统执行就行了。非常简单。安装完成后我们会发现pull镜像会变得很快的。前

2021-11-18 09:54:11 520

转载 Centos7开放及查看端口

1、开放端口firewall-cmd --zone=public --add-port=5672/tcp --permanent#开放5672端口firewall-cmd --zone=public --remove-port=5672/tcp --permanent#关闭5672端口firewall-cmd --reload #配置立即生效2、查看防火墙所有开放的端口firewall-cmd --zone=public --list-ports3.、关闭防...

2021-11-18 09:52:33 196

转载 Portainer安装配置

什么是portainer官网:https://www.portainer.io/Portainer(基于 Go) 是一个轻量级的Web管理界面,可让您轻松管理 Docker 主机 或 Swarm 集群。Portainer 的使用意图是简单部署。 它包含可以在任何 Docker 引擎上运行的单个容器(Docker for Linux 和 Docker for Windows)。Portainer 允许您管理 Docker 容器、image、volume、network 等。 它与独立的 Dock.

2021-11-18 09:51:22 4192

原创 vue+webpack安装,生成初始化vue项目

一、webpack安装。当然,在这之前,你得先安装好node.js。1、npm安装webpack。npm install -g webpack //全局安装npm install -g webpack-dev-server //安装调试工具2、创建项目mkdir projectName //创建项目文件夹cd projuectName //进入该文件目录下npm init //在目录下创建package.json文件,一直回车即可,也可输入你想要修改的内容之后在目标文

2021-11-18 09:48:29 1371

转载 安装docker和docker-compose

docker可以安装在Windows、Linux、macOS等不同的操作系统上,我都试过,最后觉得还是装在Linux系统上最为合适,所以这里只提供Linux上安装版本。而且安装也非常简单,直接通过yum安装即可。

2021-11-18 09:32:33 161

原创 阻止iCloud同步node_modules目录

使用包管理软件总会生成这么一个小文件巨多,原本没什么,但同步起来风扇狂转的目录。阻止iCloud同步某个文件/目录为文件或目录改名,使其名称中包含'.nosync'即可。但又不能直接更改node_modules名称访达的“制作替身”能够创建软链接,即"/node_modules"与"/node_modules的替身"都可以作为路径使用。那么创建它的替身,将原文件夹加上".nosync",而替身的名称改为"node_modules"即可。在终端中操作mv node_modules n

2021-11-10 15:25:53 478

原创 从零开始教你写一个NPM包

前言本文主要记录我开发一个npm包:pixiv-login时的心得体会,其中穿插了一些日常开发的流程和技巧,希望对新手有所启发,大佬们看看就好_(:3」∠)pixiv-loginpixiv-login的功能就是模拟用户登录网站pixiv,获取cookie源码npm安装:npm install --save pixiv-login使用:const pixivLogin = require('pixiv-login');pixivLogin({ userna.

2021-11-08 09:20:59 2636

原创 常用命令记录:

1、按照端口杀掉进程lsof -i :7002|grep -v "PID"|awk '{print "kill -9",$2}'|sh

2021-10-27 11:01:54 92

转载 如何在vue项目中使用md5加密

npm安装:npm install --save js-md51.在需要使用的项目文件中引入:import md5 from 'js-md5';使用:md5('holle') // bcecb35d0a12baad472fbe0392bcc0432.或者在main.js文件中将md5转换成vue原型:import md5 from 'js-md5';Vue.prototype.$md5 = md5;在需要用到的文件中使用:this.$md5('holle..

2021-10-18 18:00:30 2293

原创 vConsole 手机前端开发调试利器

English | 简体中文vConsole[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Iezdv9xJ-1633695620630)(https://badge.fury.io/js/vconsole.svg)]一个轻量、可拓展、针对手机网页的前端开发者调试面板。特性查看 console 日志查看网络请求查看页面 element 结构查看 Cookies、localStorage 和 SessionStorage手动执行 JS 命令行自定义插件上

2021-10-14 09:07:49 299

转载 Vue集成echarts插件

1.项目安装echartsnpm install echarts --save2.全局配置:main.js1 import echarts from 'echarts'2 3 Vue.use(echarts)4 Vue.prototype.$echarts = echarts3.目标界面使用 1 <template> 2 <div> 3 <div class="total-class" id="myChart" :style=.

2021-10-14 09:07:37 537

原创 好用的开发者导航推荐

在线工具 - 你的工具箱https://tool.lu/极客导航https://www.jikedaohang.com/Android/工具导航https://www.buzbu.com/#93

2021-10-14 09:07:31 603

原创 Debian上安装配置Docker容器管理平台Rancher

Rancher是一个开源项目为Docker容器环境提供了较完善的管理平台。Rancher 允许我们在大规模生产环境中使用 Docker。 Rancher 提供模块化基础架构服务,如多主机网络、全局和本地负载平衡、监控、恢复和卷快照等。本文我们将介绍如何在Debian 9 Stretch 上安装配置 Rancher。安装要求运行Debian 9的服务器。 具有sudo权限的非root用户。开始在开始之前,建议将您的APT存储库更新为最新版本。 您可以使用以下命令执行此操作。sudo ap

2021-10-13 09:44:18 491

转载 使用Generic Webhook Trigger插件实现Jenkins+WebHooks(码云)持续集成

业务背景我们在开发的时候,特别是前后端分离的时候,前端需要我们后端提供的API接口,可能需要每次有一个接口的变动都需要重新部署到dev环境上,例如:最常见的Git工作流的方式,develop和master是分开的,在开发过程中提交的代码首先合并到develop上,如下图:如果,使用Jenkins做集成工具,每次有代码合并的时候,也需要手动的去构建:这是一件很繁琐的事情,如何实现当代码自动提交到develop分支的时候自动触发构建功能,目前,有效的解决方案是使用“钩子”。钩子功能(callbac

2021-10-13 09:44:13 313

原创 linux打包命令

linux打包命令范例一:将整个 /etc 目录下的文件全部打包成为 /tmp/etc.tar[root@linux ~]# tar -cvf /tmp/etc.tar /etc <==仅打包,不压缩![root@linux ~]# tar -zcvf /tmp/etc.tar.gz /etc <==打包后,以 gzip 压缩[root@linux ~]# tar -jcvf /tmp/etc.tar.bz2 /etc <==打包后,以 bzip2 压缩# 特别注意,在参数

2021-10-13 09:44:06 6275

原创 mysql查询今天、昨天、本周、本月、上一月 、今年数据

mysql数据库中的关于查询日期的一些操作如下:--今天select * from 表名 where to_days(时间字段名) = to_days(now());--昨天SELECT * FROM 表名 WHERE TO_DAYS( NOW( ) ) - TO_DAYS( 时间字段名) <= 1--本周SELECT * FROM 表名 WHERE YEARWEEK( date_format( 时间字段名,'%Y-%m-%d' ) ) = YEARWEEK( now

2021-10-13 09:43:57 727

原创 整合实用的CSS样式代码片段

1.基础样式(便于搜索引擎)CSSbackground: url(../images/journalism.gif) left 0px no-repeat;transparentcolor: #FFF; 白色字体 选项卡变色font-weight: bold;加粗cursor:pointer; 把鼠标放上会变成小手border-radius: 10px;边框线变成圆角border-bottom-style:dotted; 虚线box-shadow: -2px 0px 35px 1

2021-10-13 09:43:46 91

原创 整合实用的JS代码片段

1.禁止页面上下滚动document.ontouchmove = function(e){ e.preventDefault();}2.使用jquery计算高度并赋值var scrollpicwidth=(document.documentElement.clientWidth-1280)/2;$(".lanmu").css("marginLeft",scrollpicwidth);

2021-10-13 09:43:38 54

原创 phpStudy for Linux (lnmp+lamp一键安装包)

phpStudy for Linux (lnmp+lamp一键安装包)phpStudy Linux版&Win版同步上线 支持Apache/Nginx/Tengine/Lighttpd/IIS7/8/6phpStudy for Linux 支持Apache/Nginx/Tengine/Lighttpd,支持php5.2/5.3/5.4/5.5切换已经在centos-6.5,debian-7.4.,ubuntu-13.10测试成功。下载版:http://lamp.phpstudy..

2021-10-13 09:43:27 389

原创 JavaScript精简代码集合

日历 创建过去七天的数组,如果将代码中的减号换成加号,你将得到未来7天的数组集合 JavaScript // 创建过去七天的数组[...Array(7).keys()].map(days => new Date(Date.now() - 86400000 * days)); 生成随机ID 在原型设计时经常使用的创建ID功能。但是我在实际项目中看到有人使用它。其实这并不安全 JavaScript // 生成长度为11的随机字母数字字符串Math.r..

2021-10-13 09:43:17 125

原创 JS判断域名加密

●模板加密说明:加密方法很简单,就是将模板必须的JS文件,加入域名判断代码,然后加密.模板加密的前提是这套模板有必须的JS文件,少了JS会少很多效果,否则加密了,别人把这个加密的JS文件删除掉,就没用了.加密JS前尽可能将JS文件合并,如果调用了多个JS,合并成一个JS,然后加密这个JS文件.===============================================================================================

2021-10-13 09:42:59 408

原创 【belatedPNG】IE6下图片透明插件(JS)

小伙伴们反应 还是会有个别公家项目领导还是比较喜欢兼容iE6,好吧,玩死前端了。因为IE6以下是不支持PNG透明背景的,本插件是兼容PNG透明图的,针对IE6单独适配。首先是HTML调用JavaScript<!--[if IE 6]><script src="js/DD_belatedPNG.js"></script><script> DD_belatedPNG.fix('body img');</script>&lt

2021-10-13 09:42:44 185

原创 【vue-json-excel】vue导出excel插件

下面开始讲第一种vue-json-excel npm安装依赖包 npm install vue-json-excel 项目入口文件引进注册并且使用 Markup import Vue from 'vue'import JsonExcel from 'vue-json-excel'Vue.component('downloadExcel', JsonExcel) 在页面中使用 Markup <download-excel cl..

2021-10-12 10:05:24 994

原创 【Puzzle】基于 Vue 和 Webpack4 的可插拔式微前端架构

基于 Vue 和 Webpack4 的可插拔式微前端架构 - Puzzle演示环境:PuzzleDemo什么是 PuzzlePuzzle 是基于 Vue 和 Webpack4 实现的一种项目结构;业务模块可以像拼图一样与架构模块组合,形成不同的系统,而这一切都是可以在生产环境热插拔的;这意味着你可以随时向你的系统添加新的功能模块,甚至改版整个系统,而不需要替换掉整个项目。此外当多个项目使用此架构开发,即使模块是由不同的项目打包出来的,也可以在生产环境进行快速组合,模块可以非常简单的进行复用。

2021-10-12 10:05:15 728 2

原创 【vue-amap】vue中使用高德地图

1、安装Markupcnpm install vue-amap --save2、main.js中引入Markupimport VueAMap from 'vue-amap'Vue.use(VueAMap)VueAMap.initAMapApiLoader({ key: '3ebdb3c7a684a4e64f39ddd306056522', plugin: ['AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapTy

2021-10-12 10:05:06 639

原创 Vue子组件调用父组件的方法

Vue中子组件调用父组件的方法,这里有三种方法提供参考第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法父组件Markup<template> <div> <child></child> </div></template><script> import child from '~/components/dam/child'; export d

2021-10-12 10:04:59 142

INSPINIA后台框架中文版(添加许多其他的页面)

官方明码标价700+ demo:http://www.zi-han.net/theme/hplus/index.html

2015-06-02

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除