- 博客(90)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 vue 首次加载缓慢/刷新后加载缓慢 原因及解决方案
vue 首次加载缓慢/刷新后加载缓慢 原因及解决方案最近做项目发现一个问题,页面每次刷新后加载速度都非常慢,20s左右,在开发环境则非常流畅,几乎感觉不到,本文参考望山的各种方案优化1,关闭打包时生成的map文件在config/index.js文件中讲productionSourceMap设置为false,再次打包便没有了map文件2,vue-router路由懒加载懒加载的实现方式有很...
2019-11-05 23:10:39
4592
3
原创 VSCode 使用Settings Sync同步配置(最新版傻瓜教程)
VSCode 使用Settings Sync同步配置(最新版傻瓜教程)准备工作安装Settings SyncVSCode 使用Settings Sync同步配置(最新版傻瓜教程)之前无意中听到有人说,vsCode最大的缺点就是每次换个电脑或者临时去个新环境,就要配置一下各种插件,好不麻烦,以至于面试都不敢说自己用vsCode 说着无心,听着有意,因为我也发现了这个问题,索性认真找了一下网上...
2019-08-13 21:15:25
27696
2
原创 VSCode 远程开发(带免密教程)
VSCode 远程开发(带免密)简介Visual Studio Code(以下简称 VS Code)从1.35.0版本正式提供可以在本地编辑远程开发环境的文件的功能，具体实现如下图安装完成Remote Development后,可以极大地简化各种情况下的开发和故障排除,您可以在您部署的同一操作系统上进行开发，或者使用比本地计算机更大，更快，更专业的硬件。在不同的远程开发环境之间快...
2019-08-10 09:20:27
12591
原创 vscode保存代码，自动按照eslint规范格式化代码设置
vscode保存代码，自动按照eslint规范格式化代码设置编辑器代码风格一致，是前端代码规范的一部分。同一个项目，或者同一个小组，保持代码风格一致很必要。就拿vue项目来说，之前做的几个项目，很多小伙伴代码格式化用的是vue-beautify ,这个格式化工具有个明显的缺点，就是三元不等式明明可以一行显示，非得格式化成3行，import用{}引入多个变量或者函数，非得格式化成好几行，看起来...
2019-08-09 22:25:33
3466
原创 E: Sub-process /usr/bin/dpkg returned an error code (1) 解决办法
#现将info文件夹更名sudo mv /var/lib/dpkg/info /var/lib/dpkg/info.bk#建一个新的info文件夹sudo mkdir /var/lib/dpkg/info#安装修复sudo apt-get updatesudo apt-get install -f #执行完上一步操作后，在info文件夹下生成一些文件，现将这些文件全部移到inf...
2019-06-09 21:03:29
504
原创 Ubuntu apache安装,配置,卸载
阿里云服务器等记得到控制台开启防火墙安装sudo apt-get updatesudo apt-get install apache2配置apache2 默认的几个配置文件/etc/apache2/apache2.conf是主要配置文件(这个文件的末尾可以看到，include了其它所有的配置文件)。/etc/apache2/ports.conf始终包含在主配置文件中。它用于确...
2019-06-09 21:02:37
253
原创 【css灵感】模拟3D地球
在css中有3d变换的方法，一般用它做一些矩形的效果，如果是圆形则比较困难了。这里用一种障眼法的方式实现了3d的效果。点击这里查看无纯净广告版实现方法<div class="css-inspiration-earth-planet-body"> <div class="css-inspiration-earth-planet-earth"></div></div><style>:root { --stars: 5vw
2022-01-23 17:10:07
736
原创 【hexo指南】hexo配置ER图流程图时序图插件
偏技术的文章有时会用到各种图形，一般来说可以做好图然后截图放到文章中就好了，虽然但图片本身也很小，但存一大堆图片占用空间总觉得不是很好。mermaidmermaid官方网站mermaid支持很多种图形的渲染，用它是个不错个选择。它可以渲染出多种复杂的图形。例如下面这个。#mermaid-svg-3gTFbeMhExW6J8RC .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family
2022-01-14 13:02:18
271
原创 【css灵感】渐变圆角边框
点这里查看原始纯净版内容使用 clip-path 和 border-image 实现圆角渐变边框。border-image 用来指定作为元素周围边框的图像：clip-path CSS 属性可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示，区域外的隐藏。剪切区域是被引用内嵌的URL定义的路径或者外部 SVG 的路径。因为使用了 clip-path 裁剪后的元素，只有元素的剪切区域才能被显示，所以我们可以通过 clip-path: inset() 裁剪出带圆角的矩形元素。<h
2021-12-21 11:11:52
313
1
原创 【css灵感】渐变字
直接上效果看不到效果点这里方法一：借助mask-image属性从CSS代码可以看出，效果的实现除了“content内容生成技术”以外，主要是使用了mask-image属性，内容则是“webkit核心浏览器下的渐变”了。<h2 class="text-gradient" data-text="【css灵感】渐变字">【css灵感】渐变字</h2> <style>.text-gradient { display: inline-block;
2021-12-20 15:06:56
274
1
原创 【vscode高级玩家】设置酷炫字体Fira Code
点此查看纯净无广告的原始内容Fira Code字体是一种适用于编程的等宽字体。使用它可以减少我们在编程时处理逻辑标记的脑力消耗。问题Fira Code字体的作者认为开发者们在编程时使用的->,>=,:=,===这些字体其实是一个单一的逻辑标记，虽然它们只使用了两到三个字符，但时我们在阅读的时候一九要花费一部分脑力去阅读，将多个字符理解为一个逻辑字符。理想情况下所有的编程语言的操作符都可以设计为Unicode符号，不过目前并不是这样。解决方案Fira Code字体时一种免费的等宽字体，其
2021-12-20 14:41:20
2945
原创 【mapbox自定义样式】根据高度着色
mapbox根据地形高度渲颜色这里分为两种方式来实现，分别对应适用于设计师的mapbox studio配置方式，和适用于开发者的代码更改方式，惯例先看最终效果查看交互式的最终效果适用于设计人员的方式先新建一个地图，基础样式任意选择先设置高度，这样就有了线稿一般的轮廓然后我们新建一个图层，注意这一步选择如图所示的内容可以拿到地形高度信息，随后在type里设置为fill-extrusion然后设置颜色就和上色一样，规则由您任意定制适用于开发者的方式需要注意如果您使用了自己的DEM源，
2021-12-19 22:40:24
865
原创 mapbox获取各种经纬度
点击地图即可获取经纬度，也可以手动输入经纬度来换算在线查看运行效果实现方法mapbox中通过地图点击事件来获取到坐标，然后转换为其他的坐标系并输出在屏幕上即可获取坐标方法很简单，给地图添加一个监听事件即可。map.on('click', e=>{ const {lng, lat} = e.lngLat console.log(lng,lat)})坐标转换直接上代码,复制粘贴就能用/** * Created by Wandergis on 2015/7/8. * .
2021-12-19 18:50:27
1227
1
原创 【vscode高级玩家】❤️图文并茂讲你没了解过的vscode设置同步(全新方式)❤️
请点此链接查看该文章的完整纯净版vscode 高级玩家系列的【vscode 高级玩家】VSCode 使用 Settings Sync 同步配置(最新版傻瓜教程)文章内容已经略微过时了，虽然还可以使用，但是vs code已经支持新的配置同步方式了，这里重新写一篇教程适用于新版vs code前置条件条件简介github 账户或微软账户如果您没有 github 账户，您可以参考这篇教程注册一个vscode号称宇宙第一编辑器下载链接 和 安装教程选择登录方式安装好 vs
2021-10-10 20:28:06
1174
2
原创 【vscode高级玩家】Visual Studio Code❤️安装教程(最新版教程小白也能看懂！)
目录如果您在浏览过程中发现文章内容有误，请点此链接查看该文章的完整纯净版下载LinuxMac OS安装运行安装程序同意使用协议选择附加任务准备安装开始安装安装完成如果您在浏览过程中发现文章内容有误，请点此链接查看该文章的完整纯净版使用和配置系列文章如果您在浏览过程中发现文章内容有误，请点此链接查看该文章的完整纯净版Visual Studio Code，简称 VSCode。它一款免费开源的现代化轻量级代码编辑器，使用方便快捷，功能强大，支持各种的文件格式，跨平台支持 Win、Mac 以及 Linux。接下
2021-10-10 20:14:39
455
原创 jenkins设置任务超时⏱（多种方法:图文并茂）
在使用jenkins进行自动编译、构建时有些任务可能由于网络或其他原因一直阻塞，导致该项目不能再次执行编译构建。我们希望在某些任务执行时间超过一定值时将其终止。方法一(普通)jenkins的”build timeout plugin”插件可以帮我们完成该任务。我使用的是jenkins-2.7.1, 默认就已经安装了该插件，如果默认没有安装可在插件管理中搜索进行安装。方法二(Pipeline)Jenkins Pipeline 提供了很多的步骤（step），这些步骤可以相互组合嵌套，方便地解决像重复执
2021-10-06 16:36:43
4205
原创 ❤️github注册教程最新版(✨图文并茂最新版保姆级教程:建议收藏)
准备拥有一个可以接受信息的邮箱即可开始点击github官网githubstep1.进入注册页面点击Sign Up进入注册流程step2.输入邮箱这个时候会浮现出一些文字，等到出现这个界面的时候就输入您的邮箱地址。????记住每次输入完内容后，点击一下Continue或者旁边的背景确保github给出提示如果您一切正常的话，您会看到Continue亮起，点击它！进入到下一步。但如果您出现这个提示，不要慌，这表示您其实拥有github账户，尝试找找密码，在第一步中点击Sign In登录
2021-10-04 20:44:43
2998
4
原创 hexo配合github action 自动构建（多种形式）
已经使用HEXO正常构建GitHub页面根据github action 给hexo配置自动部署github page前往墨抒颖的个人网站查看纯净版1. 为仓库设置访问密钥第一步先生成密钥，打开命令行并生成一组密钥ssh-keygen -f github-deploy-key -C "HEXO CD"记得跳过密码啥的，这里连按三次回车就好随后我们会获得两个密钥文件，这两个等下会用到2. 上传私钥github仓库地址 → Settings → Secrets → New secret
2021-10-03 11:28:42
199
原创 anacond 或python3 报check_hostname requires server_hostname错误
前往墨抒颖的网站查看纯净版本anacond 或python3 报check_hostname requires server_hostname错误在anaconda启动过程中提示如下错误或者你可以在python3中看到类似的错误错误解析出现问题的主要原因是Urllib3 的 1.26.4 版本中存在一个错误。在 Python 3.4 和 2.7.9 中，SSLContext 上有一个 check_hostname 属性，它将让 SSLContext 实例处理检查 do_handshake 中
2021-09-29 12:53:11
234
原创 带你深入了解nginx基本登录认证：使用python生成密码
centos 7.x上可以使用python语句简单地代替grub-crypt，下面的python语句都是交互式的。python -c 'import crypt,getpass;pw=getpass.getpass();print(crypt.crypt(pw) if (pw==getpass.getpass("Confirm: ")) else exit())'如果要非交互式，使用下面python语句：python -c 'import crypt,getpass;pw="123456";prin
2021-09-08 22:15:18
266
1
原创 带你深入了解nginx基本登录认证：使用openssl生成密码
openssl passwd 手动生成密码引言:在Linux系统中我们要向手动生成一个密码可以采用opensll passwd来生成一个密码作为用户账号的密码。Linux系统中的密码存放在/etc/shadow文件中，并且是以加密的方式存放的，根据加密方式的不同，所产生的加密后的密码的位数也不同。选项说明：-crypt：UNIX标准加密算法，此为默认算法。如果加盐(-salt)算密码，只取盐的前2位，2位后面的所有字符都忽略。-1(数字)：基于MD5的算法代号。-apr1(数字)：apache中
2021-09-08 22:13:09
771
原创 带你深入了解nginx基本登录认证：使用htpasswd生成密码
这里我用的是windows下的centos子系统，直接生成该密钥上传到服务器即可生成工具选择htpasswd,htpasswd 是开源 http 服务器 apache httpd 的一个命令工具，用于生成 http 基本认证的密码文件。安装htpasswd先安装密码生成工具ubuntu安装：sudo apt-get install apache2-utilscentos安装：yum -y install httpd密钥生成选项这里使用如下生成选项#-n:Don't update fi
2021-09-08 22:11:12
856
原创 带你深入了解nginx基本登录认证（包含所有配置步骤和深度解析）
点击访问msy.plus获得更好的体验http基本验证的作用http基本身份验证会从浏览器弹出登录窗口，简单明了,容易理解，对于面向终端用户的前台来说，不够友好，但对于内部员工操作的后台还是很有用，通常作为一层安全措施应用。这个登录认证安全吗？auth_basic作为一个认证模块，在apache和nginx中都很常用，在许多没有自带认证的系统中，使用nginx的auth_basic做一个简单的认证，是常见的操作，开启了auth_basic认证之后，在访问的时候，会提示输入用户名密码进行认证
2021-09-08 22:08:55
516
原创 netdata开源Linux系统监控系统安装：nginx反代设置
将 Netdata 连接到 Nginx启用代理的第一部分是为 Nginx 创建一个新服务器。使用您喜欢的文本编辑器在 /etc/nginx/sites-available/netdata 创建一个文件，复制以下配置，并更改 server_name 行以匹配您的域。upstream backend { server 127.0.0.1:19999; keepalive 64;}server { listen 80; # uncomment the line if y
2021-09-08 22:05:12
248
原创 netdata开源Linux系统监控系统安装：配置项详解
更改安装的可选参数kickstart.sh 脚本将其所有参数传递给 netdata-installer.sh，您可以使用它来自定义安装。这里有几个重要的参数：--dont-wait：通过不提示安装任何所需软件包的权限来启用自动安装。--dont-start-it：防止安装程序自动启动 Netdata。--stable-channel：仅在新的主要版本发布时自动更新。--nightly-channel：自动更新每个新的每晚构建。--disable-telemetry：选择退出我们用来改进 Net
2021-09-08 22:03:18
337
原创 netdata开源Linux系统监控系统安装：一句话满足你的要求
Netdata是一个开源的实时Linux服务器性能监控工具，漂亮的web前端，使用netdata，你可以监视CPU 、RAM使用情况、磁盘I/O 、网络流量、Postfix等等，netdata超快，资源使用高效。Netdata功能它可以帮助你即时诊断基础设施中的异常，包括数千个指标，交互式可视化，以及洞察性的健康警报1s粒度-Netdata每秒更新系统统计信息。快速，轻巧-默认情况下，它仅使用1％的单核CPU和25 MB RAM。它收集上千个指标在本教程中，我们将研究如何在Debian/U
2021-09-08 22:01:00
355
1
原创 nginx配置禁特定路径下的反向代理
近期因为项目需要再一次配置了nginx 这次的的需求设计到字符串处理 需要把<域名或ip>/xhr_api/开头的请求转发到内网某机器，同时移除掉xhr_api，这里直接记录下结果，配置非常简单location ~ ^/(xhr\_api/)(.*)$ { # return 200 "$1,$2,$3"; #$2是被括号包起来的内容 proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded
2021-09-08 12:21:17
817
原创 nginx配置禁止访问目录或禁止访问目录下的文件
某些网站系统需要用户上传图片等文件到某些目录下,难免程序有些漏洞,导致用户上传了php、cgi等等可执行的文件，导致网站陷入非常为难的境地. 此时我们可以通过nginx来禁止用户访问这些目录下的可执行文件。如果不禁止，nginx会直接去下载web目录下文件，如果有配置文件，并可以直接暴露一些配置文件源代码。测试时要清理浏览器缓存，浏览器会缓存下载的文件。如果有类似配置文件，建议不要放在web目录下，会更加安全。禁止访问特定后缀文件location ~ \.(php|jsp|txt)$ { de
2021-09-08 12:12:23
4600
原创 code-server nginx 反向代理
这里根据官网所给出的配置项进行了简单修改，仅作参考关于nginx配置项有不了解的可以看这里反向代理配置内容location / { proxy_pass http://127.0.0.1:8082; proxy_set_header Host $host; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection upgrade; proxy_set_header Accept-Encoding gzi
2021-09-07 23:48:02
530
原创 vscode server配置教程适配所有平台
code-server 官方教程中对于配置项讲的比较深入，包含了证书生成和nginx配置，但是实际使用的时候并不需要这么复杂，有关证书的内容用了通配符证书一次性生成好，有关配置项往往也有通用配置，仅需要调整少量内容即可。code-server默认配置文件在~/.config/code-server/config.yml中，这里放出我都配置项仅供参考配置文件内容bind-addr: 127.0.0.1:8080 # 这里配置web服务绑定的端口和地址auth: password # 认证方式为密码认
2021-09-07 23:45:12
621
原创 vscode server安装教程适配所有平台
安装code-server的安装方法支很多种，通用性比较强的方法是使用docker和npm，这里先以docker为例使用docker安装code-server使用该命令运行容器后访问-p 127.0.0.1:8080:8080所指定的8080端口查看运行结果，控制台将输出所需的秘钥# This will start a code-server container and expose it at http://127.0.0.1:8080.# It will also mount your cu
2021-09-07 23:42:56
2655
原创 jenkins的nginx反向代理配置
有时为了方便使用，并且不对外暴露太多端口，我们需要对服务器的一些服务进行反向代理jenkins的nginx反向代理配置可以参考如下内容location / { proxy_pass http://127.0.0.1:8080; proxy_redirect off; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-F
2021-09-06 18:36:26
367
原创 jenkins配置webhook，当仓库有推送时自动构建
前置条件在使用webhook之前，我们需要在jenkins中安装对应的插件在dashboard->插件管理中搜索Generic Webhook Trigger并安装创建token接口需要一些认证信息，所以我们要为项目所属的用户创建一个token有关jenkins的自动化配置看这里有关jenkins的tty问题看这里有关jenkins的反向代理配置看这里有关jenkins的java11问题看这里有关jenkins的私钥格式错误问题看这里有关jenkins的webhooks配置看这里
2021-09-06 18:32:29
1809
原创 jenkins + docker + nodejs + webhooks 配置自动化CICD流程
有时我们不希望使用流行的travsci或者circleci来配置自动化CI/CD,或者内网项目使用jenkins来作为自动化CI/CD的工具如果要使用jenkins的jenkinsfile，您需要创建pipline，在配置选项中，您将看到jenkinsfile您可以指定好您的代码仓库后，在脚本路径中配置您的脚本相对于仓库的路径有关jenkins的自动化配置看这里有关jenkins的tty问题看这里有关jenkins的反向代理配置看这里有关jenkins的java11问题看这里有关jenkin
2021-09-06 18:27:36
131
原创 jenkins提示使用java11版本
一般情况下我们使用java8来运行我们的项目，但有时候会遇到项目需要使用其他版本的java来运行，jenkins就是其中之一。问题解决去oracle官网下载一个jdk11的tar包，位置随你挑一个你喜欢的即可，然后直接调用里面的/bin/java文件来运行Jenkins的war包即可tar -xzvf jdk-11.0.12_linux-x64_bin.tar.gz./jdk-11.0.12/bin/java -jar jenkins.war再次运行时便没有了该提示，当然你也可以忽略掉该错误，
2021-09-06 12:34:36
1745
原创 Jenkins:the input device is not a TTY
如果您在使用jenkins执行docker容器内命令时，使用的了-t参数docker exec -it test_container bash build.sh可能会有如下报错the input device is not a TTY由于docker的-t参数会为输出添加一个伪终端Allocate a pseudo-TTY，所以jenkins无法捕捉到输出，您只需要去掉-t参数即可docker exec -i test_container bash build.shpseudo-TTY
2021-09-06 12:31:19
775
原创 Jenkins 提示私钥格式错误 invalid format
有关安装步骤，请直接参阅官方文档。在创建jenkins自动化任务的时候，提示私钥格式错误stderr: Load key "C:\\Users\\JE~1\\AppData\\Local\\Temp\\ssh2142299850576289882.key": invalid format [email protected]: Permission denied (publickey). 问题解析这个问题主要原因是jenkins对秘钥支持的格式与我们常用的略有不同，Jenkins使用pem格式
2021-09-06 12:24:48
1590
原创 ❤黑苹果傻瓜式安装（小白秒懂2021最新版：值得收藏）
这里写一篇给小白用户看的超级简单的黑苹果安装教程，按照目前的情况来看能保证100%安装起来。不过看之前也要有一点点的基础点击该链接享受本文章的纯净无广告版前置知识git(有这个概念即可，不要求多么高大上的操作)磁盘操作(实际上只有格式化，烧录，复制粘贴)BIOS操作(进得去认识英文字母就行)有这些知识就可以尝试安装黑苹果系统了。先跳过哪些专业网站的各种教程，通常不是写给刚入门的小白看的，直接忽略。下载镜像装系统肯定需要系统镜像呗，这里还是比较推荐黑果小兵的镜像，主要是适配要好一点点。
2021-09-04 22:19:09
4355
2
原创 黑苹果big sur版本安装安卓USB共享网络（100%成功）
黑苹果是支持USB连接手机以共享手机网络的，但在有些机器上这个功能并不能较好的运行，所以我在一番查找后了解到HoRNDIS是可以让黑苹果支持这个功能的，但可惜的是Big Sur版本并不能正常安装运行，所以这里简单记录下我的安装过程。点击该链接享受本文章的纯净无广告版先附上运行成功的截图第一步下载能够在Bigsur安装运行的HoRNDIS下载链接第二步解压并安装 HoRNDIS 按照提示自动重启第三步在命令行执行 sudo kextload /Library/Extensions/HoRN
2021-09-04 22:13:40
1254
3
原创 bt面板安装邮局系统
前些日子阿里云优惠就顺便买了个服务器，今天想在阿里云的服务器上试着安装一个邮件服务，突然发现之前安装的好好的邮件服务插件不能正常安装了，一直报错。点击该链接享受本文章的纯净无广告版查看了下出错的地方，提示没有back_file这个属性，并且告诉了我文件路径，那接下来的内容就轻松了，去看下这个函数做了什么，看名字大概率是备份一下文件，自己手动备份一下，然后把问题修复掉。看得出来的确是备份一下文件，那么自己提前备份好，然后注释掉就好了。代码文件的路径在/www/server/panel/plugin
2021-08-29 11:52:54
239
2
挑战程序设计竞赛(第2版) 高清完整版.pdf
2019-07-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人