自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

转载 CSS3——弹性盒模型-flex——等分布局、流式布局、圣杯布局(推荐阅读 很棒)

1.等分布局:中间固定两边自适应:固定两个,一个自适应2.流式布局: 模仿float浮动布局3.圣杯布局:(自适应布局)先来看一下结构布局: <div class="wrapper"> <div class="headr">导航栏,头部,搜索框</div> <div class="contain"> <div class="left"&g...

2020-08-07 14:27:22 27

转载 Nginx打开目录浏览功能(autoindex)并设置访问验证

打开目录浏览功能Nginx默认是不允许列出整个目录的。如需此功能,编辑虚拟主机配置文件,在location server 或 http段中加入autoindex on;另外两个参数最好也加上去:autoindex_exact_size off;默认为on,显示出文件的确切大小,单位是bytes。改为off后,显示出文件的大概大小,单位是kB或者MB或者GBautoindex_localtime on;默认为off,显示的文件时间为GMT时间。改为on后,显示的文件时间为文件的服务器时间

2020-08-06 10:45:16 26

转载 解决跨域的四种方式(推荐阅读)

http://www.360doc.com/content/20/0408/08/65318819_904557738.shtml原生的jsonp写法推荐阅读

2020-08-06 09:33:00 37

转载 echarts tree 树型图层级距离设置

网上找了半天,没有找到设置层级距离的属性,默认是自动适应的,无奈只能改源码,分享出来希望可以帮到有相同需求的...上github下载echarts源码包,打开src=>chart=>tree=>treeLayout.js如果是左右布局的树图,修改如截图所示的kx值即可,当然也可以写成可配置项...然后运行build=>build.js进行重新打包...

2020-08-05 14:52:57 29

转载 ECharts树节点过多时,不想要缩放,调整容器高度(宽度)

最近需要使用ECharts来实现一棵树,大约四层,但是可能将所有的节点都展开之后,节点数会很多,但是又不想进行缩放。所用ECharts版本为4.*如下图但是又不想进行缩放让节点显变小的方式来获取节点与节点之间的间距,故想要在点击节点进行子节点的显示与隐藏时调整这个树的动态高度。在官网API处没有查到相应的解决方法。没有文档怎么办?设个断点调试的时候看属性。就在调试过程中发现了这样一个属性:myChart._chartsViews[0]._data._graphicEls

2020-08-05 14:51:52 36

转载 vue-org-tree 组织结构图组件应用及源码分析

vue-org-tree 组织结构图组件应用及源码分析https://blog.csdn.net/lianzhang861/article/details/100552228Vue组织架构树图组件vue-org-tree的使用https://blog.csdn.net/weixin_38187317/article/details/86524258

2020-08-05 14:38:57 30

转载 nginx快速查看配置文件的方法(实际的调用的配置文件)-----推荐阅读

nginx的配置放在nginx.conf文件中,一般我们可以使用以下命令查看服务器中存在的nginx.conf文件。<span style="color:#000000"><code>locate nginx.conf/usr/local/etc/nginx/nginx.conf/usr/local/etc/nginx/nginx.conf.default<span style="color:#000088 !important">...</span&g

2020-08-04 11:08:47 24

转载 CentOS7 如何升级Git

CentOS7自带的git版本1.8.3.1,这个版本有点低了。于是决定折腾升级,我首先想到的是用update更新: 1 yum update git 结果,事与原违,还是1.8.3.1。在网上提供的升级方案,其本上都是先删除原来的,然后在官网上下载最新的,自己make,但是很折腾人啊,make过程中也是各种报错,一个个解决,累觉不爱。无意中在网上看到,另一个思路,记录在此:1、确认你的当前git版本在终端输入: 1 g

2020-08-04 09:43:07 25

转载 百度地图+迁徙+自定义城市 echarts

var geoCoordMap = { "1": [119.2070396626, 26.0471838188], "2": [119.2147498638, 26.0481609598], "3": [119.209339, 26.038355], "4": [119.2163806469, 26.0442086921], "5": [119.2132263691, 26.0498767809], "6": .

2020-07-30 15:28:40 88

转载 js 取得数组中的最大值和最小值(含多维数组)

方法一: var a=[1,2,3,5]; alert(Math.max.apply(null, a));//最大值 alert(Math.min.apply(null, a));//最小值 多维数组可以这么修改: var a=[1,2,3,[5,6],[1,4,8]]; var ta=a.join(",").split(",");//转化为一维数组 alert(Math.max.apply(null,ta));/...

2020-07-30 09:07:20 44

转载 box-sizing与calc()与flex

1,Syntax:/* Keyword values */box-sizing: content-box;box-sizing: border-box;/* Global values */box-sizing: inherit;box-sizing: initial;box-sizing: unset;当设置为box-sizing:content-box时,将采用标准模式解析计算,也是默认模式;当设置为box-sizing:border-box时,将采用怪异模式解析计算

2020-07-29 15:56:20 35

转载 css样式中flex弹性布局和calc()自适应布局(推荐阅读)

1.display:flex弹性布局首先flex的出现是为了解决那些问题一.页面排列布局如果让多个div并成一排,那么就要用浮动,还要清除浮动才能排除浮动对下面div的影响,如果浏览器过窄有的div还会被挤下去,所以弹性布局应运而生,只需要将父元素设为display:flex,子元素都设为flex:1,多个div就会并排,并且随着浏览器的宽度变化而变化。二.div上下左右居中如果让一个div在父元素中居中,并且不知道父元素的高度时,我们用普通的方法实现起来会比较麻烦,这时候也可以用弹性布

2020-07-29 15:47:06 43

转载 react、vue打包之后更新到服务器有缓存问题

解决方法:找到webpack .config.js1.定义版本变量: const Version = new Date().getTime(); // 这里使用的是时间戳 来区分 ,也可以自己定义成别的如:1.12.修改要生成的js和css文件的配置项,把刚刚声明的版本拼接进要生成的文件名中;output: {path: config.build.assetsRoot,filename: utils.assetsPath('js/[name].[chunkhash].' + Version

2020-07-28 17:25:38 30

转载 CentOS 7 升级最新版本git

准备工作:CentOS 上的最新git版本也只有1.8.3,就想试着装上最新的版本,没想到差点玩脱,全当记录一次冒险经历Development tools 没装的要装上,不然GCC编译时会出错# yum -y groupinstall Development tools1GCC 用于编译安装包# yum install gcc perl-ExtUtils-MakeMaker1再卸载CentOS自带的老版本git# yum -y remove git————————————————.

2020-07-28 13:56:35 46

转载 linux如何查看所有的用户和组信息(推荐阅读)

cat /etc/passwd cat /etc/passwd查看所有的用户信息,详情如下图 【步骤二】cat /etc/passwd|grep 用户名 cat /etc/passwd|grep 用户名,用于查找某个用户,如下图 【步骤三】cat /etc/group cat /etc/group查看所有组信息,如下图 4 【步骤四】cat /etc/group|grep 组名 cat /etc/group|grep 组名..

2020-07-28 10:11:55 42

转载 雷达图字段多个样式显示

// var imgPath = ['http://bmob-cdn-15355.b0.upaiyun.com/2017/12/01/bee4341c4089af7980b87074a77479ad.png']option = { // backgroundColor: '#101736', // color: ['#00c2ff', '#f9cf67', '#e92b77'], color: ['#00c2ff', '#f9cf67'], legend: { .

2020-07-24 19:16:59 53

转载 js转换金钱为中文单位元、万元、亿元、万亿

function unitConvert(num) { var moneyUnits = ["元", "万元", "亿元", "万亿"] var dividend = 10000; var curentNum = num; //转换数字 var curentUnit = moneyUnits[0]; //转换单位 for (var i = 0; i <4; i++) { curentUnit = moneyUnit...

2020-07-15 16:16:30 50

转载 echarts-横坐标文字竖着显示和倾斜45度显示

竖着显示xAxis : { axisLabel:{ interval: 0, formatter: function (value) { //x轴的文字改为竖版显示 var str = value.split(""); return str.join("\n"); ..

2020-07-15 11:25:52 129

转载 echarts 柱形图 一组数据使用不同的颜色

如果柱形图是2个维度也就是说一个代表日期一个代表温度 那么在 series 中shi 2个对象很容修改成不同个颜色,例如日期绿色,温度红色,但如果只是温度,并根据温度的不同显示不同格颜色这种情况可以使用color的函数返回series : [ { name: '温度', type: 'bar', itemStyle: { normal: { ...

2020-07-15 09:31:08 81

转载 echarts相关

Echarts学习记录——如何修改x轴和y轴的颜色https://blog.csdn.net/intelrain/article/details/82599647关于echarts柱状图颜色渐变设置https://blog.csdn.net/idweiwei/article/details/80619923echarts 柱状图渐变色,每个柱子颜色都不同渐变色https://blog.csdn.net/qq_32674347/article/details/89354740...

2020-07-12 17:37:15 52

转载 如何将视频设置为网页背景

有时候为一个网页添加一个动画效果的背景,会让网页增加一定的韵味,让网页看起来与众不同。第一步:准备工作工欲善其事必先利其器,我们首先需要准备一个视频第二步:html中引入视频这里我们需要用到了video/标签,然后在source里面写视频的路径,autoplay用来使其自动播放,muted用来使其静音,loop为循环播放,依照个人意愿愿意加就加,不加拉倒哈 1 2 3 4 5 <divclass="videocontai.

2020-07-12 12:43:31 75

转载 flex的圣杯布局记录 (flex : 0 0 80px)

老虎念大悲咒flex的圣杯布局记录 (flex : 0 0 80px)好文要顶关注我收藏该文

2020-07-10 19:38:49 49

转载 纯HTML5+CSS3制作图片旋转

此实例可以应用到许多项目中,很实用,希望大家可以掌握。效果图如下:这个效果实现起来其实并不困难,代码清单如下:XML/HTML Code复制内容到剪贴板<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>Document</title> ...

2020-07-10 14:47:18 51

转载 收藏的动画

炫酷地图 https://www.html5tricks.com/demo/html5-map-distribute-animation/index.html10个常用的CSS动画库 http://www.fly63.com/article/detial/7276科技感动画 http://www.bootstrapmb.com/item/6161/preview宇宙行星动画 ...

2020-07-10 14:32:55 39

转载 Echarts饼图实现颜色渐变

Echarts饼图实现颜色渐变https://blog.csdn.net/qq_36538012/article/details/103234699

2020-07-10 14:19:23 92

转载 echarts 带透明圈的饼图

拿到设计图有个echarts图的设计如下图:思路就是增加图层var data = [{ "name": "1", "value": 10}, { "name": "2", "value": 10}, { "name": "3", "value": 10}, { "name": "4", "value": 10}, { "name": "5", "value": 10}, {...

2020-07-10 14:15:01 67

转载 gitlab-把ci工作指定给专用的runner执行。

为了执行ci的时候,指定runner,我们需要给jobs加上tag。例如,ios 打包,runner就需要安装在mac上。1. 给runner增加tag:2. 编辑项目的.gitlab-ci.yml ,给项目指定runner:3. 查看ci执行情况:4. 在运行runner的机器上核查结果:mac-temp:~$ cat /tmp/1.txtSun Jan 27 12:18:26 CST 2019可见配置成功了。参考:https://www.jianshu.com/...

2020-07-09 11:23:43 73

转载 CentOS下gitlab-runner安装及注册

一、gitlab-runner 安装 curl -L https://packages.gitlab.com/install/repositories/runner/gitlab-runner/script.rpm.sh | sudo bash sudo yum install gitlab-runner (参照官网地址:https://docs.gitlab.com/runner/install/linux-repository.html)二、...

2020-07-08 18:48:46 105

转载 如何重置GitLabG管理员密码

想要重置Gitlab的管理员密码,首先需要以root身份登入服务器。使用下面的命令启动一个Ruby控制台:gitlab-rails console -e production等待控制台加载完成之后,有不同的方法查找需要重置的用户,例如:搜索 用户名或者邮件地址user = User.where(id: 1).first #以id 为搜索条件user = User.find_by(email: 'admin@example.com') ...

2020-07-08 10:48:04 52

转载 Gitlab用户在组中有五种权限:Guest、Reporter、Developer、Master、Owner

gitlab权限管理Gitlab用户在组中有五种权限:Guest、Reporter、Developer、Master、OwnerGuest:可以创建issue、发表评论,不能读写版本库Reporter:可以克隆代码,不能提交,QA、PM可以赋予这个权限Developer:可以克隆代码、开发、提交、push,RD可以赋予这个权限Master:可以创建项目、添加tag、保护分支、添加项目成员、编辑项目,核心RD负责人可以赋予这个权限Owner:可以设置项目访问权限 - Visibility Lev

2020-07-08 10:42:24 104

转载 更改gitlab默认端口

若linux服务器的80和8080端口都已经被使用,则需修改gitlab监听的端口修改路径文件:vim /etc/gitlab/gitlab.rb1、修改external_url 'http://ip:端口号' (将前面的#注释符号去掉),我改成了80992、找到Advanced settings 下的8080端口 将端口改成自己备用端口号(不能和上面url端口号相同,会冲突占用!),我改的280803、运行下面命令 sudo git...

2020-07-08 09:40:12 59

转载 GitLab系列3 Unicorn

GitLab 为什么需要 Unicorn上一回我们主要讲解了GitLab-workhorse 组件的智能代理功能,从这一回起将开始介绍最核心也最复杂的组件:Unicorn(GitLab Rails),上次也说了这个组件主要处理动态网页和 api 接口此篇文章先介绍 Unicorn 的作用,光是这个就能讲很多内容了Unicorn 是使用多进程模型的 Ruby web 服务器,遵循 Rack 协议。如果要类比 java web 开发技术栈的话,Rails 应用相...

2020-07-08 09:21:53 60

转载 Linux基础: 挂载镜像文件(Mount & ISO)

ISO/Ghost 镜像文件概念(裸机安装,无光驱安装,跨平台安装)ISO是镜像文件:所谓镜像文件其实和ZIP压缩包类似,它将特定的一系列文件按照一定的格式制作成单一的文件,以方便用户下载和使用,例如一个测试版的操作系统、游戏等。镜像文件不仅具有ZIP压缩包的“合成”功能,它最重要的特点是可以被特定的软件识别并可直接刻录到光盘上。其实通常意义上的镜像文件可以再扩展一下,在镜像文件中可以包含更多的信息。比如说系统文件、引导文件、分区表信息等,这样镜像文件就可以包含一个分区甚至是一块硬盘的所有信息。使用这类

2020-07-07 10:29:00 59

转载 Linux下curl命令的使用

前言在Linux下,curl是一个综合传输工具,既可以用来上传文件,也可以用来下载文件,在日常使用过程中,它通常都是以下载工具的角色出现,常用来检验一个网址是否可以访问。与curl命令相似的,还有wget命令,二者在功能上具有很多类似的地方,但curl由于可自定义各种请求参数所以在模拟web请求方面更擅长;wget由于支持ftp和Recursive所以在下载文件方面更擅长。curl命令的使用1.使用curl访问一个网址(最基本用法)在命令行中输入“curl 网址”即可在命令显示界面显示.

2020-07-07 10:19:04 51

转载 离线部署:基于CentOS7搭建离线yum源(推荐阅读)

一、目的当集群部署在离线环境下,而系统又是比较纯净的时候,是没有yum源去安装相应依赖的。所以导致,安装程序很多失败。所以,决定自己创建私有的yum源,从而可以在离线环境中使用yum命令安装必备的文件。二、步骤1.下载包含yum源的镜像文件(即centos7.4安装文件)进入下载初始页,选择对应版本7.4.1708http://vault.centos.org/选择Europe的第一个http://vault.centos.org/notonvault.html选择对应版本,在此选择下载7

2020-07-07 10:07:52 70

转载 CentOS8.1搭建Gitlab服务器详细教程(推荐阅读)

Gitlab和Github的区别就不多说了,一句话来概括就是:Gitlab是给企业私有化部署的Git服务器,Github是互联网在线版的Git服务器!  Github对于开源项目建仓是免费使用的,那么Gitlab收不收费呢?分布式版本控制方面的功能Gitlab也是免费使用的,提供了社区版(Gitlab CE)给大家!Gitlab现在可强大了(2020年),已经有自己成套的DevOps落地解决方案(提高生产力的利器),但是这部分功能是在收费的旗舰版/企业版(Gitlab EE)上提供的!就像Github建

2020-07-06 20:21:10 166

转载 dnf 新一代的RPM软件包管理器

补充说明DNF是新一代的rpm软件包管理器。他首先出现在 Fedora 18 这个发行版中。而最近,它取代了yum,正式成为 Fedora 22 的包管理器。DNF包管理器克服了YUM包管理器的一些瓶颈,提升了包括用户体验,内存占用,依赖分析,运行速度等多方面的内容。DNF使用 RPM, libsolv 和 hawkey 库进行包管理操作。尽管它没有预装在 CentOS 和 RHEL 7 中,但你可以在使用 YUM 的同时使用 DNF 。你可以在这里获得关于 DNF 的更多知识:《 DNF 代替 .

2020-07-06 19:49:24 48

转载 阿里云 ECS 创建密钥对及如何使用 提高 SSH 连接安全性

阿里云 ECS 账号管理后台提供了创建 SSH 密钥对的功能,用来提高 SSH 连接的安全性。记得前面写过Xshell 用 SSH密钥登录服务器配置过程的文章,这里面的密钥是 Xshell 生成的。那么今天我们来体验一下阿里云 ECS 服务器密钥对如何生成及使用。什么是 SSH 密钥对SSH 密钥对简称为密钥对,是阿里云提供的远程登录 ECS 云服务器的认证方式,与传统的用户名加密码模式的认证方式,密钥对的方式安全性更高,2048 位加密不存在被破解的可能。SSH 密钥对通过加密算法生成一对密.

2020-07-06 18:00:27 89

转载 yum 命令讲解

(一)yum介绍Yum(全称为 Yellow dogUpdater, Modified)是一个在Fedora和RedHat以及CentOS中的Shell前端软件包管理器。基于RPM包管理,能够从指定的服务器自动下载RPM包并且安装,可以自动处理依赖性关系,并且一次安装所有依赖的软件包,无须繁琐地一次次下载、安装。yum提供了查找、安装、删除某一个、一组甚至全部软件包的命令,而且命令简洁而又好记。(二)yum使用yum的命令形式一般是如下:yum –选项命令包其中选项是可选的,选项包...

2020-07-06 14:32:06 53

转载 Robots.txt在项目中的运用

在开发公司一个项目的过程中,有这样一个需求该网站上面有一个search功能,可以search该网站上的任何包括特定内容的网页现在有一个需求,就是针对几个特定的页面,我们希望网站上的search功能查找不到它们,同时呢,还需要搜索引擎(比如 google, bing等)无法搜索到这几个页面关于网站上自带的search功能查找不到这几个网页,在后台使用C#代码就可以实现而如何来确保搜索引擎(eg: google, bing等)无法搜索到这几个页面,如何实现呢我采取的是使用Robots.txt

2020-07-03 17:29:42 57

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