- 博客(42)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 百度地图+迁徙+自定义城市 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
877
转载 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
764
转载 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
149
转载 css样式中flex弹性布局和calc()自适应布局(推荐阅读)
1.display:flex弹性布局首先flex的出现是为了解决那些问题一.页面排列布局如果让多个div并成一排，那么就要用浮动，还要清除浮动才能排除浮动对下面div的影响，如果浏览器过窄有的div还会被挤下去，所以弹性布局应运而生，只需要将父元素设为display:flex,子元素都设为flex:1,多个div就会并排，并且随着浏览器的宽度变化而变化。二.div上下左右居中如果让一个div在父元素中居中，并且不知道父元素的高度时，我们用普通的方法实现起来会比较麻烦，这时候也可以用弹性布
2020-07-29 15:47:06
1423
转载 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
838
转载 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
204
转载 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
218
转载 雷达图字段多个样式显示
// 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
544
转载 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
3645
转载 echarts-横坐标文字竖着显示和倾斜45度显示
竖着显示xAxis ： { axisLabel:{ interval: 0, formatter: function (value) { //x轴的文字改为竖版显示 var str = value.split(""); return str.join("\n"); ..
2020-07-15 11:25:52
4650
转载 echarts 柱形图 一组数据使用不同的颜色
如果柱形图是2个维度也就是说一个代表日期一个代表温度 那么在 series 中shi 2个对象很容修改成不同个颜色，例如日期绿色，温度红色，但如果只是温度，并根据温度的不同显示不同格颜色这种情况可以使用color的函数返回series : [ { name: '温度', type: 'bar', itemStyle: { normal: { ...
2020-07-15 09:31:08
1701
1
转载 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
134
转载 如何将视频设置为网页背景
有时候为一个网页添加一个动画效果的背景，会让网页增加一定的韵味，让网页看起来与众不同。第一步：准备工作工欲善其事必先利其器，我们首先需要准备一个视频第二步：html中引入视频这里我们需要用到了video/标签，然后在source里面写视频的路径，autoplay用来使其自动播放，muted用来使其静音，loop为循环播放，依照个人意愿愿意加就加，不加拉倒哈 1 2 3 4 5 <divclass="videocontai.
2020-07-12 12:43:31
5418
2
转载 flex的圣杯布局记录 （flex : 0 0 80px）
老虎念大悲咒flex的圣杯布局记录 （flex : 0 0 80px）好文要顶关注我收藏该文
2020-07-10 19:38:49
1206
转载 纯HTML5+CSS3制作图片旋转
此实例可以应用到许多项目中，很实用，希望大家可以掌握。效果图如下：这个效果实现起来其实并不困难，代码清单如下:XML/HTML Code复制内容到剪贴板<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>Document</title> ...
2020-07-10 14:47:18
357
转载 收藏的动画
炫酷地图 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
154
1
转载 Echarts饼图实现颜色渐变
Echarts饼图实现颜色渐变https://blog.csdn.net/qq_36538012/article/details/103234699
2020-07-10 14:19:23
5221
转载 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
1529
转载 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
1141
转载 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
1662
转载 如何重置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
292
转载 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
1968
转载 更改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
530
转载 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
1149
转载 Linux基础: 挂载镜像文件(Mount & ISO)
ISO/Ghost 镜像文件概念（裸机安装，无光驱安装，跨平台安装）ISO是镜像文件：所谓镜像文件其实和ZIP压缩包类似，它将特定的一系列文件按照一定的格式制作成单一的文件，以方便用户下载和使用，例如一个测试版的操作系统、游戏等。镜像文件不仅具有ZIP压缩包的“合成”功能，它最重要的特点是可以被特定的软件识别并可直接刻录到光盘上。其实通常意义上的镜像文件可以再扩展一下，在镜像文件中可以包含更多的信息。比如说系统文件、引导文件、分区表信息等，这样镜像文件就可以包含一个分区甚至是一块硬盘的所有信息。使用这类
2020-07-07 10:29:00
3360
1
转载 Linux下curl命令的使用
前言在Linux下，curl是一个综合传输工具，既可以用来上传文件，也可以用来下载文件，在日常使用过程中，它通常都是以下载工具的角色出现，常用来检验一个网址是否可以访问。与curl命令相似的，还有wget命令，二者在功能上具有很多类似的地方，但curl由于可自定义各种请求参数所以在模拟web请求方面更擅长；wget由于支持ftp和Recursive所以在下载文件方面更擅长。curl命令的使用1.使用curl访问一个网址（最基本用法）在命令行中输入“curl 网址”即可在命令显示界面显示.
2020-07-07 10:19:04
530
转载 离线部署：基于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
679
转载 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
2027
1
转载 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
253
转载 阿里云 ECS 创建密钥对及如何使用 提高 SSH 连接安全性
阿里云 ECS 账号管理后台提供了创建 SSH 密钥对的功能，用来提高 SSH 连接的安全性。记得前面写过Xshell 用 SSH密钥登录服务器配置过程的文章，这里面的密钥是 Xshell 生成的。那么今天我们来体验一下阿里云 ECS 服务器密钥对如何生成及使用。什么是 SSH 密钥对SSH 密钥对简称为密钥对，是阿里云提供的远程登录 ECS 云服务器的认证方式，与传统的用户名加密码模式的认证方式，密钥对的方式安全性更高，2048 位加密不存在被破解的可能。SSH 密钥对通过加密算法生成一对密.
2020-07-06 18:00:27
2520
转载 yum 命令讲解
（一）yum介绍Yum(全称为 Yellow dogUpdater, Modified)是一个在Fedora和RedHat以及CentOS中的Shell前端软件包管理器。基于RPM包管理，能够从指定的服务器自动下载RPM包并且安装，可以自动处理依赖性关系，并且一次安装所有依赖的软件包，无须繁琐地一次次下载、安装。yum提供了查找、安装、删除某一个、一组甚至全部软件包的命令，而且命令简洁而又好记。（二）yum使用yum的命令形式一般是如下：yum –选项命令包其中选项是可选的，选项包...
2020-07-06 14:32:06
258
转载 Robots.txt在项目中的运用
在开发公司一个项目的过程中，有这样一个需求该网站上面有一个search功能，可以search该网站上的任何包括特定内容的网页现在有一个需求，就是针对几个特定的页面，我们希望网站上的search功能查找不到它们，同时呢，还需要搜索引擎(比如 google, bing等)无法搜索到这几个页面关于网站上自带的search功能查找不到这几个网页，在后台使用C#代码就可以实现而如何来确保搜索引擎(eg: google, bing等)无法搜索到这几个页面，如何实现呢我采取的是使用Robots.txt
2020-07-03 17:29:42
168
转载 npm和yarn的区别
Yarn的优点？速度快。速度快主要来自以下两个方面：并行安装：无论 npm 还是 Yarn 在执行包的安装时，都会执行一系列任务。npm 是按照队列执行每个 package，也就是说必须要等到当前 package 安装完成之后，才能继续后面的安装。而 Yarn 是同步执行所有任务，提高了性能。 离线模式：如果之前已经安装过一个软件包，用Yarn再次安装时之间从缓存中获取，就不用像npm那样再从网络下载了。安装版本统一：为了防止拉取到不同的版本，Yarn 有一个锁定文件 (lock file) 记.
2020-07-02 16:51:50
171
转载 React 项目启动报错：The “path” argument must be of type string
今天下载一个旧的React项目，yarn start运行，报错：TypeError [ERR_INVALID_ARG_TYPE]: The “path” argument must be of type string. Received type undefined在stackoverflow上找到了解决方法，只需要把package.json中 react-scripts升级到”^3.4.0″ 即可。javascript – TypeError [ERR_INVALID_ARG_T..
2020-07-02 16:27:31
3320
转载 npx
npx 介绍Whatnpx是一种在npm中安装工具，也可以被单独的下载使用在npm 5.2.0 的时候发现会买一送一，自动安装了npx。pros再也不需全局安装任何工具只需要npx <commang>全局安装劣势： 占用本机空间 npm会在machine上创建一个目录（mac是/usr/local/lib/node_modules）存放所有global安装的包, 其实node_module占用的空间比较大的 版本问题： 假如一个项目中的某一个dep
2020-07-02 16:07:28
205
转载 npx create-react-app命令不成功，更改成淘宝镜像
1、查看npm的镜像源npm config get registry// 默认是：https://registry.npmjs.org/2、修改成淘宝的镜像源npm config set registry https://registry.npm.taobao.org3、create-react-app创建项目npx create-react-app todolist// npx comes with npm 5.2+，可以直接使用 npx create-react-app//
2020-07-02 15:37:16
1490
1
转载 查看、生成 SSH 密钥用于安全登陆
SSH 可以用来登陆服务器，远程执行命令，并用强加密算法编码保护通信安全，目前广泛应用于远程命令控制、文件加密传输等方面。SSH 登陆服务器的方法一般有两种：密码登陆和密钥登陆。在受信任的设备上使用密钥鉴权方式登陆相比于每次登陆时输入密码更加方便，也免除了密码被偷窥的风险。本文介绍了密钥（公私钥对）的生成和查看方法查看 SSH 公私钥对在 Linux、MacOS 中，一般公钥文件在用户主目录下：$ cat ~/.ssh/id_rsa.pubWindows 10 version 18.
2020-07-02 11:58:24
756
转载 vue项目实现路由按需加载(路由懒加载)的3种方式
vue异步组件 es提案的import() webpack的require,ensure()vue异步组件技术 ==== 异步加载vue-router配置路由 , 使用vue的异步组件技术 , 可以实现按需加载 .但是,这种情况下一个组件生成一个js文件/* vue异步组件技术 */{ path: '/home', name: 'home', component: resolve => require(['@/components/home'],resolve)},
2020-07-01 15:38:18
1231
转载 vue中的keep-alive使用总结(推荐阅读)
在平常开发中，有些组件只需要加载一次，后面的数据将不存在变化，亦或者是组件需要缓存状态，滚动条位置等，这个时候，keep-alive的用处就立刻凸显出来了。1.App.vue中使用keep-alive，include表示需要缓存的页面，exclude表示不需要缓存的页面，你可以只设置其中一个即可，但两个同时设置的时候，切记exclude优先级高于include，例如a组件在exclude中和include中都存在，那么，a组件是不会被缓存的<template> <d.
2020-07-01 13:45:25
294
转载 vue中keepAlive组件的作用及使用方式
https://blog.csdn.net/weixin_41819098/article/details/89379734
2020-07-01 13:39:46
534
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人