自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 gitlab-runner (gitlab-ci-multi-runner)注册(register)报错

GitLab不仅仅只是代码托管的工具,它还集成了CI的功能,通过Gitlab CI Multi Runner工具可以更方便的搭建持续集成环境。在安装好GitLab之后还需要再安装一个叫gitlab-ci-multi-runner的工具。root@localhost bin]# gitlab-ci-multi-runner registerRunning in system-mode.

2020-07-20 17:05:29 94

原创 curl: (7) Failed to connect to 2600:1f1c:2d4:8900:17a1:2e94:9f90:f91e: 网络不可达

起因想添加一个yum源# 添加yum源curl -L https://packages.gitlab.com/install/repositories/runner/gitlab-ci-multi-runner/script.rpm.sh | sudo bash我下载下来shell脚本,直接touch了一个script.rpm.sh文件,去执行了然而还是不行,错误一样,如下[root@localhost bin]# . script.rpm.sh Detected operating syst

2020-07-20 15:22:28 126

原创 vmware虚拟机linux切换命令行界面和图形化界面

ctrl + alt + F3 或者 init 3 切换命令行模式ctrl + alt + F1 切换图形界面模式

2020-06-19 11:02:48 257

原创 vue-cli4x history模式 部署在子目录,以及服务器端的nginx配置

生产环境打包到子目录module.exports = { publicPath: process.env.NODE_ENV === 'production' ? '/test/' : '/', outputDir: 'dist/test', assetsDir: 'static',}路由增加根目录在vue-router配置中增加base属性,声明路由根目录export d...

2020-04-08 09:25:02 393

原创 最简单方法实现Electron自动刷新页面

网上关于开发时热更新的文章很多,但实现过程都非常麻烦。下午在github上找到了一种成本最低的方法:electron-reloader首先,安装这个npm模块:npm install --save-dev electron-reloader然后,在程序入口文件(一般是index.js)中最下方加入以下代码:try { require('electron-reloader')(mo...

2020-02-24 08:25:19 2701

原创 如何构建一个cli工具

原因:经历过多次的从0到1,手动搭建了N个项目之后,大量的重复性劳动所以:DRY(Don’t repeat yourself)一个简单cli 避免更多的重复1、创建一个目录2、npm init3、你可能需要这些依赖加入到你的package.json中 "dependencies": { "chalk": "^2.4.1", "commander": "^2.18.0",...

2020-02-19 18:39:15 370

原创 html2canvas 截屏功能脱坑

html2canvas 1.0.0-alpha.11 https://html2canvas.hertzen.comCopyright © 2018 Niklas von Hertzen https://hertzen.comReleased under MIT Licensehtml2canvas将页面dom 元素画到 canvas 上,视觉上 达成截图的 效果。该脚本允许您直接...

2020-01-07 18:12:56 344

原创 Sonatype Nexus3 Repository Manager 搭建 npm 私服

文章目录Sonatype Nexus3 Repository Manager 搭建 npm 私服下载安装windowsLinux添加npm仓库0、重要关系含义1、点击Create repository创建仓库2、再次点击Create repository3、第三次点击Create repository配置与验证npm仓库1、设置nodejs的默认仓库地址2、验证发布包到私服添加权限认证1、创建nx...

2019-12-28 16:28:17 165

原创 Vue中v-for循环数组,在方法中splice删除数组元素爬坑

原文:https://blog.csdn.net/qq_43363884/article/details/102910256解决:vue 请指定for循环中key值的唯一性,不要取indexjs本身的原因:先来看下几个概念:// splice:返回从原始数组中删除的项(如果没有任何删除,则返回空数组) // 当指定2个参数时,表示删除 // 当指定3个参数,且第2个参数...

2019-12-11 09:41:59 623

原创 Nexus Repository Manager 搭建 npm 私服使用记录

用 Nexus Repository Manager 搭建 npm 私服添加npm仓库以下输入的Name都是根据自己需求修改点击在左侧菜单Repositories, 然后点击Create repository按钮.再次点击Create repository按钮., 增加 npm(hossted) 输入 Name: npm-xueyou 用于存放自己的私有包配置与验证npm仓库$np...

2019-08-08 11:51:27 176

原创 git-submodule 使用

参考地址:https://www.php.cn/manual/view/35125.html参考地址:https://laozhu.me/post/git-submodule-tutorial/1、创建公共库 $ git clone http://.... ... 做你想做的公共内容,之后提交到master,再然后将你对外暴露的结构文件提交到希望提交的分支 $ git checko...

2019-08-06 18:31:57 127

转载 axios 请求出现options的原因和解决方案

原因: 主要是因为跨域,参考以下文章https://segmentfault.com/q/1010000010159122?sort=createdhttps://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS解决方案,使用qs,参考以下文章代码// axios 配置 axios.defaults.timeou...

2019-07-22 18:06:28 5873

原创 vue-cli2x 增加测试环境

方法一:1、npm cross-env –save-dev2、在package.json文件里面 "scripts": { "build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js", "build:test": "cross-env NODE_ENV=productio...

2019-07-22 14:27:53 104

原创 如何在 GitHub Pages 上部署 vue-cli 项目

github deploy如何在 GitHub Pages 上部署 vue-cli 项目需要注意的坑(改成相对路径才可以直接访问生成的静态文件)1、修改config => index.js => build => assetsPublicPath 中的’/‘成为’./’2、在build => util.js 里找到ExtractTextPlugin.extract...

2019-07-21 15:14:27 618

原创 echarts重绘 &setOption第二个参数的含义

问题:当修改setOption值的时候,我们异步回来的数据层级比较深的情况下,需要echarts重绘,否则不会如愿显示主要体现,你增加数据可以,但是减少数据,发现视图上还是保持着最多数据的展示效果,很纳闷,明明可以通过移步修改数据,为何增加可以绘制地图而减少好像就什么都没有做解决:原来是setOption的第二参数(notMerge)在做怪myChart.setOption({...},tr...

2019-07-19 19:01:10 10906 3

原创 vue-cli2x history模式 部署在服务器端的nginx配置 (非根目录)

vue history需要nginx或者其他方式配置一下才可正确访问,否则路由跳转之后刷新一下便会404 具体原因vue-router官网有说明,在此不多说该项目是用的vue-cli2x 最近遇到了新问题,我整个项目被拆分为多个vue站点,这个时候,域名是相同的只是第一级路径是不同的依次来区分重定向到哪个站点,这就需要部署服务的时候做区分,不能再/根目录做nginx配置,应该是/a到a站点,/b...

2019-07-16 18:55:25 259

原创 从零开始搭建Vue组件库

参考:仿element使用vue实现自己的UI组件库(https://blog.csdn.net/qq316020201/article/details/87090721)从零开始搭建Vue组件库 VV-UI(https://www.cnblogs.com/tiedaweishao/p/7825997.html)Element源码系列——Vue加载Markdown(https://blog....

2019-07-01 10:34:23 571

转载 npm 使用安装超时的解决办法

在安装vue的过程中,每每用到npm的时候都会超时,必须使用淘宝镜像。永久使用:npm config set registry https://registry.npm.taobao.org临时使用:npm install node-sass --registry=http://registry.npm.taobao.org还有个常用命令,可以解决些奇怪的问题npm cache c...

2019-06-26 16:12:41 4201

原创 为 windows cmd 设置代理

cmd如果要设置代理的话,需要在执行其他命令之前,先执行一下set http_proxy=http://127.0.0.1:8088set https_proxy=http://127.0.0.1:8088(上面代理地址只是示例,请换成你自己的代理地址)上面命令的作用是设置环境变量,不用担心,这种环境变量只会持续到cmd窗口关闭,不是系统环境变量。...

2019-06-11 19:50:03 1196

原创 解决 git clone fatal: Authentication failed

git clone 的时候报如下错误git clone http://xxxx.gitCloning into 'UserLoginSite'...remote: HTTP Basic: Access deniedfatal: Authentication failed for 'http://xxxx.git/'解决方法1、重新设置git config 用户名邮箱:git con...

2019-05-28 09:01:00 1364

转载 windows git clone 输入用户名密码认证失败

git身份验证失败清除密码缓存原文:https://www.cnblogs.com/jimboi/p/9019942.htmlMgit clone http://123输入用户名密码后报以下错误,认证失败remote: HTTP Basic: Access deniedfatal: Authentication failed for 'http://********解决方案:git ...

2019-05-23 15:56:27 3395 2

原创 小程序里的wxss支持变量写法

<view class="container" style='--width--:{{-tipsWidth}}rpx;'></view>.container { width: var(--width--);}

2019-03-26 18:18:24 6782 1

原创 微信小程序--基于CSS3 animation,公告类滚动-可配置组件

组件调用:<announcement xxx = "{{xxx}}" ></announcement>滚动组件:结构<view class='notice-content'> <view class='notice-text' style='width:{{tipsWidth}}rpx;--countWidth--:{{-tipsWidth}...

2019-03-26 18:12:16 499

转载 JS解决clearInterval()函数不生效

每次,执行play函数的时候,let ctime,导致ctime并不是之前 setInterval返回的值。你可以在clearInterval(ctime)前执行 console.log(ctime),将会打印出 undefined所以,一个方法,是将ctime的定义放在 play函数之外,这样每次执行便不会初始化ctime。另一个方法,保存在state中,即需要保证执行&nbsp...

2019-03-18 15:35:10 1742

转载 iphoneX 前端两种适配方案

方案一: 为适应于iphoneX的齐刘海,ios11的WebView Viewport对于顶部做了调整。 iphoneXViewport 手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页布局),用户可以通过平移和缩放来看网页的不同部分。移动...

2018-08-22 16:48:39 3466 1

转载 jsonp 的原理与实现

jsonp是一种跨域通信的手段,它的原理其实很简单:首先是利用script标签的src属性来实现跨域。 通过将前端方法作为参数传递到服务器端,然后由服务器端注入参数之后再返回,实现服务器端向客户端通信。 由于使用script标签的src属性,因此只支持get方法 下面详细讲讲如何实现jsonp。实现流程 设定一个script标签callback定义了一个函数名,而远程服务端...

2018-08-20 17:00:23 150

转载 IE input X 去掉文本框的叉叉和密码输入框的眼睛图标

IE input X 去掉文本框的叉叉和密码输入框的眼睛图标 从IE 10开始,type=”text” 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本。 对于type=”password”的 input 则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容。 好是好,但有时候会画蛇添足,比如已经用js控制了这个功能的时候。 只要使...

2018-07-31 17:06:18 281

转载 git 删除文件 、只删除远程仓库文件、更换远程仓库

一。删除文件1.克隆远程仓库到本地库。例如使用ssh方法:git clone git@github.com:xxx/xxx.git2.对需要删除的文件、文件夹进行如下操作:git rm test.txt (删除文件)git rm -r test (删除文件夹)3.提交修改git commit -m “Delete some files.”4.将修改提交到远程仓库...

2018-07-30 16:54:18 4286

转载 国内外手机号码正则表达式

原文地址 https://cloud.tencent.com/info/5a3a9432e5d6931c2e66baeab681ab90.htmlvar phones = { 'ar-DZ': /^(\+?213|0)(5|6|7)\d{8}$/, 'ar-SY': /^(!?(\+?963)|0)?9\d{8}$/, 'ar-SA': /^(!?(\+?966)|0)...

2018-07-30 10:57:34 9435 1

原创 手把手带你走进MVVM

剖析Vue实现原理 - 如何实现双向绑定mvvm 本文能帮你做什么?1、了解vue的双向数据绑定原理以及核心代码模块2、缓解好奇心的同时了解如何实现双向绑定参考地址 (https://github.com/DMQ/mvvm)本文源码地址(https://github.com/mrhaoxiaojun/MVVM.git) 欢迎start特此申明:小编我怀着一颗诚挚的内心,通...

2018-07-16 14:03:25 262

原创 js对于鼠标滚轮事件的监听

实现:通过js对鼠标滚轮的事件进行监听。描述:首先,不同的浏览器有不同的滚轮事件。主要是有两种,onmousewheel(firefox不支持)和DOMMouseScroll(只有firefox支持),关于这两个事件这里不做详述,想要了解的朋友请移步:鼠标滚轮(mousewheel)和DOMMouseScroll事件。 具体实现:1. 需要添加事件监听,代码如下:兼容firefox采...

2018-06-21 17:29:38 1661

原创 localStorage使用

export default { setStorageSync: function(KEY, DATA) { try { DATA = JSON.stringify(DATA); } catch (e) { DATA = DATA; } window.localStorage[K...

2018-05-15 14:00:14 148

原创 ios中设置readonly还会有光标?

在input上添加 unselectable=”on” onfocus=”this.blur()” 即可

2018-05-15 13:55:38 695

翻译 基于 Create React App路由4.0的异步组件加载

本文章是一个额外的篇章,它可以在你的React app中,帮助加快初始的加载组件时间。当然这个操作不是完全必要的,但如果你好奇的话,请随意跟随这篇文章一起用Create React App和 react路由4.0的异步加载方式来帮助react.js构建大型应用。代码分割(Code Splitting)当我们用react.js写我们的单页应用程序时候,这个应用会变得越来越大,一个应用(或者路...

2018-04-25 17:09:18 333

转载 React-router-v4 - Webpack 实现按需加载(code-splitting)

原分地址 React-router-v4 - Webpack 实现按需加载(code-splitting) 方法一、结合 bundle-loader 实现按需加载 1. 首先创建一个包装组件 Bundle 一下是 react-router4.0 官方文档中给出的例子 import React from 'react'; export default class Bundle ...

2018-04-25 16:09:39 257

转载 在styled-components的样式声明中做px到rem的自动转换

原文地址 最近在尝试使用styled-components来做React下的样式开发,这样可以利用js语言的灵活来增强css的能力。在用styled-components处理px到rem的转换时,有点问题了。styled-components自己本着基础库的原则,是没有附加复杂的配置,所以一开始想的是自己写一个函数来做单位换算:function r(pxValue) { co...

2018-04-24 17:46:40 1373

原创 文件拖拽上传实例

dragFile() { var self = this; this.$nextTick(function() { var dropzone = document.getElementById('dropzone'); dropzone.ondragover = function(ev) { //阻止浏览器默认打开文件的操作...

2018-04-16 15:45:51 607

转载 使用AJAX实现文件拖拽上传功能详解

原文概述对于微云、百度云等网盘提供的文件存储服务而言,文件上传是一个重要功能。文件上传的方式主要有两种:二进制数据上传、表单上传。本文会详细解析表单上传的协议规范,前端上传文件的两种方式:对话框选择方式、拖拽选择方式,服务端接收上传的文件以及文件上传功能的技巧等。表单上传协议详解RFC1867(https://www.ietf.org/rfc/rfc1867.txt) 规范了表单上传的协议格式。下...

2018-04-16 15:39:43 270

转载 js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)

原文我们或多或少都使用过各式各样的富文本编辑器,其中有一个很方便功能,复制一张图片然后粘贴进文本框,这张图片就被上传了,那么这个方便的功能是如何实现的呢?原理分析提取操作:复制=>粘贴=>上传在这个操作过程中,我们需要做的就是:监听粘贴事件=>获取剪贴板里的内容=>发请求上传为方便理解下文,需要先明白几点:我们只能上传网页图(在网页上右键图片,然后复制)和截图(截图工具截的...

2018-04-16 15:10:10 1264

转载 React如何实现锚点滚动

解决方案描述 实现锚点滚动, 不要用a标签, 因为会触发路由跳转可以使用H5提供的API scrollToAnchorscrollToAnchor = (anchorName) => { if (anchorName) { let anchorElement = document.getElementById(anchorName); i...

2018-04-16 15:04:02 5801

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