自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 收藏
  • 关注

原创 PikPak离线下载,磁力网盘

PikPak这个网盘十分好用,但是目前官方只有安卓客户端,对于PC和MAC电脑用户就十分不友好。好在网友的力量是强大的,现在Win,Mac,Web的第三方客户端都被开发了出来。这次就是水一篇教程,教大家怎么用Github+cloudflare worker搭建一个免费的PikPak网页版出来,教程偏新手向。提醒:这样部署的需要你能够访问github,不然你还要再用Cloudflare Worker部署一个反向代理服务,去反向代理github,反代的教https://pikpak.progo.cc

2021-12-31 18:20:26 21706 6

原创 Linux搭建Steam饥荒服务器教程 — SteamCMD方式

一、官方文档先附上官方文档:https://dontstarve.fandom.com/wiki/Guides/Don%E2%80%99t_Starve_Together_Dedicated_Servers#Requirements二、安装我这边使用的是centos,大家执行下方步骤前确认下自己是centos还是ubuntu。1. 安装编译环境sudo yum update -ysudo yum install glibc.i686 libstdc++.i686 libcurl4-gnutls

2021-11-24 19:12:01 12964 16

原创 如何让你的Git Commit优雅起来

git 规定提交时必须要写提交信息,作为改动说明,保存在 commit 历史中,方便回溯。规范的 log 不仅有助于他人 review, 还可以有效的输出 CHANGELOG,甚至对于项目的研发质量都有很大的提升。但是在日常工作中,大多数同学对于 log 信息都是简单写写,没有很好的重视,这对于项目的管理和维护来说,无疑是不友好的。本篇文章主要是结合我自己的使用经验来和大家分享一下 git commit 的一些规范,让你的 log 不仅“好看”还“实用”。直接上目前最为流行的Angular规范的co.

2020-06-29 14:46:57 246211

原创 webstorm识别vite别名路径方法

很多时候我们会遇到webstorm里面import的文件路径显示下划线无法快捷查看详情的情况。解决办法:在项目根目录下的tsconfig.json,或者jsconfig.json添加如下代码,没有这两个文件就新建一个,添加完成后等待编辑器自动识别即可。{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["./src/*"] } }}...

2022-05-18 16:15:05 2003

原创 Centos安装Certbot,免费https证书

官网链接:https://certbot.eff.org/instructions?ws=nginx&os=centosrhel71. 准备工作# 在 CentOS 7 中添加 EPELsudo yum install epel-releaseyum install snapdsystemctl enable --now snapd.socketln -s /var/lib/snapd/snap /snapsnap install --classic certbotln -

2022-02-07 16:15:16 2443

原创 Nodejs 实现短网址功能

NodeJS 实现短网址、短链接、长链接缩短功能。短网址在线转换。短链在线生成,短链在线生成器,短网址在线生成,网址缩短,缩短网址,网址压缩。

2022-01-12 16:46:09 863

原创 Linux搭建Steam饥荒服务器教程 — Linux GSM方式

LinuxGSM 是用于快速、简单地部署和管理 Linux 专用游戏服务器的命令行工具。官网地址:https://linuxgsm.com饥荒服务器搭建文档:https://linuxgsm.com/servers/dstserver1. 服务器准备一台1核2G的腾讯云服务器or阿里云服务器,我这使用的centos系统,所以下面教程内容全部以该系统为主。2. LinuxGSM依赖安装yum install epel-releaseyum install curl wget tar bzi.

2021-11-25 11:24:41 1321

原创 Github国内访问超时解决办法

国内访问github经常超时,可以按照如下方式配置hosts,就可以解决~首先,把你访问过慢的域名复制到这个网站查询对应的ip地址。https://www.ipaddress.com得到对应的ip地址后,进入/etc/hosts添加如下内容即可(windows电脑hosts文件位置可以百度一下)140.82.113.4 github.com199.232.69.194 github.global.ssl.fastly.net185.199.108.133 raw.githubusercont

2021-11-25 10:57:08 12679 2

原创 Mac 环境oh-my-zsh的安装

安装 oh-my-zsh官方提供了两种安装方式sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"sh -c "$(wget https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh -O -)"上面两种方式其实就是分别通过curl和wget把install.sh这个脚本下载下来,然后执行但是在国内,这两个网址由于

2021-10-31 13:00:48 1391

原创 JS 按键监听 与 输入法候选词选择 冲突

遇到一个很有意思的事情记录一下~是这样的,页面中的搜索框,输入内容后,会有个suggest提示,需要增加方向键监听,按下↓键的时候可以选择。但是当你输入中文的时候,输入法也会有候选词,这时候↓键j就会冲突了。附图:解决方法经过查找compositionstart和compositionend这两个方法刚好满足需求。简单的说一下这两个方法的属性。compositionstartMDN文档地址: https://developer.mozilla.org/zh-CN/docs/Web/Event

2020-08-10 17:11:10 208962

原创 Git 设置用户名、邮箱和SSH密钥

当我们安装好Git之后第一件事就应该是设置用户名还有邮箱,那么下面就说说怎么设置吧~查看# 查看当前项目中的设置git config -l# 查看git全局的设置git config -l --global设置按照上面说的查看方法可以得知,设置用户名和邮箱同样可是全局还有单独项目,区分就是在参数中是否加上--globalgit config --global user.name 'admin'git config --global user.email '[email protected]

2020-06-21 17:27:55 253596 2

原创 JS 函数防抖、函数节流

场景在我们日常开发中,有许多场景都会导致同一事件被频繁触发,严重的会导致浏览器崩溃。Window对象的resize、scroll事件拖拽时元素时的mousemove事件按键的mousedown、keydown、keyup事件…解决那么,为了避免性能过差或者浏览器崩溃,就有了防抖、节流一说debounce(防抖)当调用函数n毫秒后,才会执行该动作,若在这n毫秒内又调用此动作则将重新计算执行时间。这种比较适合window的resize事件,实际需求大多为停止改变大小n毫秒后执行后续处理。

2020-05-22 19:52:07 282356

原创 前端iPhone刘海屏适配

对于iPhone系列出的越来越多,如果只是使用@media来做适配的话,老代码想要适配新机型还是有一定局限性的。今天去搜了搜相关的解决方法,那么就来总结一下。安全区早期苹果对于 iPhone X 的设计布局意见如下:核心内容应该处于 Safe area 确保不会被设备圆角(corners),传感器外壳(sensor housing,齐刘海) 以及底部的 Home Indicator 遮挡。也就是说 我们设计显示的内容应该尽可能的在安全区域内。区域划分下面两张图简单的描述了安全区域的划分细节.

2020-05-22 15:12:32 285363

原创 oh-my-zsh配置 alias 指定指令别名

在平时使用shell中经常要输入很长的命令是不是很头疼!那咱们就来设置一下快捷指令吧!首先确保你已经安装过oh-my-zsh~然后执行vim ~/.zshrc这时候可以看到文件底部内容为# Set personal aliases, overriding those provided by oh-my-zsh libs,# plugins, and themes. Aliases can be placed here, though oh-my-zsh# users are encour.

2020-05-20 09:35:02 289413 2

原创 Git 删除本地与远程Tag

首先假设我们有个tag名为20200517当我们突然不想要这次的tag的时候,那么执行git tag -d 20200517可以看到这时候终端输出了删除成功。继续删除远程分支的taggit push origin :refs/tags/20200517ok~完事收工...

2020-05-17 18:00:10 286248

原创 SSH设置免密登录

再平时我们ssh或者scp的时候经常会提示需要输入服务器密码,也是十分头疼,下面介绍一下怎么实现免密登录~场景我们要将A服务器中的某个文件scp到B服务器中。scp ./a.txt [email protected]:/home/www头疼的提示密码就来了。解决方法一、生成公钥-私钥对再A服务器中生成公钥-私钥对ssh-keygen -t rsa -C "unstorm"...

2020-04-03 18:51:08 286157 1

原创 Centos 7 如何安装Redis

话不多说,直接开始。一、安装gcc依赖redis 是用 C 语言开发,安装之前必先确认是否安装 gcc 环境(gcc -v),如果没有安装,执行以下命令进行安装。$ yum install -y gcc 二、下载并解压安装包$ wget http://download.redis.io/releases/redis-5.0.7.tar.gz$ tar -zxvf redis-5.0...

2020-03-02 14:41:34 286555

原创 gulp-sass 只编译变动文件(增量编译)

项目使用gulp来处理日常构建,但是当样式文件越来越多后如果每次都是全量编译会导致效率及其差,那么就来解决一下吧~问题:gulp-sass每次都会全量编译路径下所有*.scss解决方案:每次只将变动的文件进行编译,不再全量编译。解决这个问题主要使用gulp-watch插件,github地址、npm地址我比较喜欢使用gulp-debug查看当前管道输出,很方便,npm地址接下在就直接...

2019-10-18 14:20:59 286027

原创 微信内网页关闭拉起键盘后页面错位

问题是这样的~微信中打开了一个页面,页面中有输入框,当点击输入框后会拉起系统键盘如图:这个是没毛病的,但是当input失去焦点后,系统键盘会收起,这时候bug就来了。。。页面底部多出来了一大块空白区域。那就 开始解决问题吧!我的方法是,当input获取焦点后记录当前滚动条位置,失去焦点时,页面滚动条重新定位至刚才位置。 var inputList = [$('.inpu...

2019-10-14 11:12:49 285846

原创 Git 修改本地与远程分支名

简单说下怎么修改本地分支,并替换对应的远程分支# 修改本地分支$ git branch -m oldBranch newBranch# 删除oldBranch远程仓库$ git push origin :oldBranch# 推送新的仓库至远程仓库$ git push origin newBranch# 建立追踪$ git branch --set-upstream-to...

2019-10-08 11:12:09 285988 3

原创 webpack和gulp的区别

webpack和gulp的区别是什么?这是一个前端面试经常会有的面试题,当然也是很多人的疑问,那下面就简单说一下吧!Gulp:gulp 致力于 自动化和优化 你的工作流,它是一个自动化你开发工作中 痛苦又耗时任务 的工具包。侧重于整体过程的控制管理。通过定义许多task来执行构建任务,使用起来更像是任务流。因此他的任务定义和管理是webpack所没有的。特点:任务定义和管理...

2019-08-07 11:08:36 286673

原创 Mac 生成项目目录树形结构

经常看到别人在博客,教程上输出优美的目录结构,是不是自己也很想来一个~开始mac 下安装 tree 插件# 安装brew install tree# 安装后在文件夹内执行tree -a常用命令tree -d 只显示文件夹;tree -l n 显示项目的层级。n表示层级数。比如想要显示项目三层结构,可以用 tree -l 3tree -I pattern 用于过滤不想要显示的...

2019-08-05 22:36:25 287003

原创 webpack4 兼容老项目中的 require.js

项目使用 require.js 进行模块化编程,并使用 gulp-requirejs-optimize 打包js文件,打包性能并不是很好。require.js 使用 AMD 语法,webpack同样支持AMD语法,迁移成本较低,因此将 gulp 迁移至 webpack 4.38.0。开始先看一下requirejs.configrequirejs.config({ baseUrl:...

2019-08-05 20:57:33 286792

转载 行内块 行内元素缝隙问题

前言:我比较用喜欢行内元素,行内块元素来做横向导航,这样就不用再去担心浮动块级元素带来的不必要影响。但行内元素,行内块元素元素有个硬伤--有默认的间隙一、行内标签元素出现问题<body> <style> span { background:red; } </style> <span>行内元素</s...

2019-07-23 17:14:54 287630

原创 JS 浮点计算丢失精度

无意间发现在计算.1 + .2的时候居然出问题了console.log(.1 + .2); // 0.30000000000000004console.log(0.05 + 0.01) // 0.060000000000000005后来参考各种论坛发现和二进制保存小数有关,基本上编程语言都有类似的问题…相关文献:http://0.30000000000000004.com/比较简单解决...

2019-06-20 14:10:02 285817

原创 freeMaker 三目(三元)表达式

第一次在freemaker中用三元表达式 以为和js 的一样 就写了${true ? 'checked': ''}然鹅 ,编辑器红下划线报错,后台报错。编辑器报错是identifier expected 意思是期望标识符错误 ,就检查了所有标点符号,没有问题。后来想到可能是语法问题就去查了一下。原来真的是语法问题 ,FreeMarker 本身没有三目运算符,我...

2019-05-29 17:35:39 303269 1

原创 解决当div设置contentEditable=“true“时,重置其内容后无法光标正确定位。

最近在做一评论功能,需要能够评论表情,那 contentEditable 这个属性就首当其冲了,结果,问题来了…首先 评论区 长这样:当输入内容超过限制的时候,清空用户输入超过限制后的内容。这个好说… 但是清空完了内容,光标居然跑到了最前面,这就很头疼了。在经过各种搜索之后,找到了解决办法,不多说,上代码!var _div = document.querySelector('.di...

2019-03-29 10:44:42 292931

原创 基于Node.js开发爬虫工具。 ( puppeteer 与 egg.js 配合使用)

现在Node这么火,为什么不用他写个爬虫呢。那么,开始吧!技术:puppeteer :由Google团队开发,该工具可以理解成我们日常使用的Chrome的无界面版本以及对其进行操控的js接口套装。常见用法:单元测试,性能测试,爬虫。项目地址:https://github.com/GoogleChrome/puppeteerEgg.js:由阿里团队开发,其宗旨是:为企业级框...

2019-03-14 17:58:24 287670

原创 Git 常用命令

先给个图看看git基本工作流程吧。接下来进入正题说说常用基本命令。文章总共九大类,可ctrl + f全文检索关键字进行查看。1. 新建代码库# 在当前目录新建一个git代码库$ git init# 新建一个目录,将其初始化为git代码库$ git init [project-name]# 下载一个项目的所有代码$ git clone [url]2. 配置git的设...

2019-02-27 17:13:26 285837

原创 从Git上checkout指定的文件夹至本地

当项目过大时,从服务器上拉取项目是件很头疼的事情,那么就说说怎么只拉区某个或几个文件夹至本地。上代码:git clone -n [email protected]:test/test_platform.gitcd test_platformgit config core.sparsecheckout trueecho webapp/css &gt;&gt; .git/info/spars...

2018-08-01 19:43:03 290691 1

原创 js格式化数字

今天遇到这么个需求,觉得很有意思,分享给大家。某个div内需要将后台返回的数字格式化显示到页面上,怎么叫格式呢,就是每三位就加个逗号。然后我简单实现了一下function parseNum(num) { var num = num.toString(), result = ''; while (num.length > 3) { ...

2018-06-11 23:47:51 289807

空空如也

空空如也

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

TA关注的人

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