- 博客(53)
- 收藏
- 关注
RSS订阅原创 使用hexo搭建博客
中文官网地址：hexo安装hexo前提自有服务器域名安装nodejs安装gitnpm install -g cnpm --registry=https://registry.npmmirror.com # 切换源，后续操作使用cnpm安装包$ cnpm install hexo-cil -g $ hexo init blog # 会在当前目录下创建blog目录$ cd b...
2022-08-31 16:51:00
75
原创 安装docker和docker-compose
安装docker和docker-compose以下为debian安装方式，其他系统类似安装docker的官网地址：https://docs.docker.com/engine/install/debian/安装docker卸载旧版本sudo apt-get remove docker docker-engine docker.io containerd runc添加仓库更新仓库，...
2022-06-22 15:59:00
73
原创 debian 11中安装Mongodb-4.4.14
更新系统，保证系统环境最新，和安装必要的软件包sudo apt updatesudo apt install curl apt-transport-https software-properties-common gnupg2安装Mongodb默认情况下，MongoDB 在 Debian 11 基础存储库中不可用，现在将 MongoDB 存储库添加到您的 Debian 11 系统...
2022-06-06 16:45:00
213
原创 windows安装mongodb
先从官网上下载mongodb在mongodb安装根目录下的data文件夹下新建db文件夹，作为数据存储目录在mongodb根目录中的lib目录中使用命令mongod --dbpath [path] path为data/db的路径位置， 运行mongodb在浏览器中直接输入localhost:27017，检查是否运行成功 浏览器中会输出文字：It looks like you are tr...
2022-05-31 22:26:00
32
原创 windows中powershell无法使用ng命令
使用npm安装了全局包之后，无法在powershell中使用命令。例如：npm install -g @angular/cli报错如下：在环境设置中添加npm包的路径也是无法运行的。解决办法：使用管理员模式运行powershell，输入set-ExecutionPolicy RemoteSigned, 再输入(A)之后，重启命令行即可使用。...
2022-03-20 20:42:00
59
原创 windows server 2022避坑指南
最近在尝试用windows server 2022搭建一个家用服务器，在折腾的过程了遇到了很多的问题，记录下来填坑。慎重考虑无法安装wsl2，仅支持wsl1版本，会导致无法使用很多docker应用。无法安装最新的resilio sync 2.7版本，可以下载2.6版本来代替。安装网卡驱动我搜寻了很多的win server 2022安装网卡驱动的办法，大部分都是要修改配置文件。但是...
2022-02-28 19:23:00
252
原创 百度地图BMap实现在行政区域内做标注
使用环境vuebmap.jselement-ui页面展示前提步骤在index中引入百度地图提供的js库在使用的vue页面中实例化地图<!-- 给id随便起给名字 --><div id="map"></div> <el-button :loading="btnLoading" @click="save">保存<...
2022-01-11 12:16:00
76
原创 2021年终折腾总结
今年我的个人总结就两个字了：折腾。折腾linux前景：公司一直用的linux系统，刚来的时候给我们默认装的linux mint19版本。用了几个月自行升级到了mint20版本，然后遇到了不少bug，又换了deepin体验了几个月，用deepin的前期用户应该都知道僵尸进程，很多设置，设置好了之后自己又变回去，各种奇怪的bug，于是又换了ubuntu体验了几个月感觉还是不太行，又换了arch...
2022-01-04 11:15:00
32
原创 解决jellyfin不显示演员表问题
问题描述：使用tmm刮削完了电影信息之后，在jellyfin下不显示演员表。问题说明：TMM 4.0的版本中，全选所有影片，右键会出现下载所有电影的演员照片，然后可能会弹出框提示你没有权限，你可以在如下路径中设置：设置--> 电影--> 艺术图--> 额外的艺术图 --> 将演员图片保存到.actions目录下。但是设置完成了之后，你会发现，即使搜刮到了演员信息存...
2021-10-19 11:08:00
1111
原创 vim添加功能插件（三）
安装自动补全插件YCM(YouCompleteMe)在.vimrc中添加如下：Plug 'valloric/youcompleteme'安装需要有python3支持：cd ~/.vim/plugged/youcompletemegit submodule update --init --recursive # 需要有良好的网络./install.py # 需要等待一段时间使用ctr...
2021-09-13 18:20:00
39
原创 vim添加美化样式插件（二）
vim如何管理插件和安装插件可以看上一篇文章vim添加vim-plug插件管理(一)。安装Airline，美化底部菜单栏在.vimrc中添加如下：Plug 'vim-airline/vim-airline' " 美化底部插件Plug 'vim-airline/vim-airline-themes' " 主题插件配置项：" airlinelet g:airline#extensio...
2021-09-10 16:18:00
64
原创 vim添加vim-plug插件管理（一）
本文所有的插件来源均来自VimAwesome。本文的基础目的是配置一个好用的vim可以替代普通的文本编辑器，最终目的是可以在vim流畅开发。安装vim-plug(插件管理工具)官方地址:vim-plug安装方式:curl -fLo ~/.vim/autoload/plug.vim --create-dirs \ https://raw.githubusercontent.com...
2021-09-03 11:30:00
41
原创 Archlinux日常使用软件遇到的问题记录
本文会在日常的使用中，不断更新，汇总问题。前文链接ArchLinux安装步骤(一)前文链接ArcnLinux安装基础配置(二)前文链接ArchLinux安装常用软件QQ、TIM、微信等常用软件(三)本文问题描述中提到的时间，都是指出现bug的时间。现象是复现bug的操作。KDE5下使用画面出现撕裂情况时间：有时会出现上述情况方法：修改显示特效混合器目前使用的intel的核显，修改...
2021-07-27 10:11:00
169
原创 ArchLinux安装常用软件QQ、TIM、微信等常用软件(三)
安装git先安装一下万物之源git, sudo pacman -S git安装QQ先上个大神打包好的aur包的github地址deepin-wine-qq-arch。git clone https://github.com/countstarlight/deepin-wine-qq-arch.gitcd deepin-wine-qq-arch makepkg -si# 建议...
2021-07-18 23:35:00
156
原创 ArcnLinux安装KDE桌面环境（二）
【2021-08-25】：精简了部分操作，ArchLinux安装步骤(一)中可以安装一个不带图形界面的arch系统了。本文为对此ArchLinux安装使用教程网站中部分内容的总结和扩展补充，想看更详细的内容可以去此网站。安装KDE桌面环境pacman -S plasma-meta konsole dolphin设置sddm开机自启systemctl enable sddm...
2021-07-18 16:33:00
47
原创 ArchLinux安装步骤（一）
【2021-08-25更新】：此博客内容更新安装步骤到安装图形界面之前(后面的大家可以选择安装kde，gnome，i3，dwm等等)。本文为对此ArchLinux安装使用教程网站中部分内容的总结和扩展补充，想看更详细的内容可以去此网站，这里面也有安装视频可以看。安装archlinux的教程，需要有硬盘分区，挂载等基础linux命令的了解还有vim的基本操作。确实是不是efi模式ls ...
2021-07-18 16:18:00
50
原创 判断是不是IE浏览器和ActiveX插件是否安装
判断是不是IE浏览器/** * 判断当前运行环境是不是ie浏览器 * @returns {boolean} true: 是 false:不是 */function isIE() { return !!window.ActiveXObject || "ActiveXObject" in window;}判断ActiveXObject控件是否正确安装查看插件名称判断插件是否...
2021-06-30 17:26:00
86
原创 js获取视频编码格式信息
遇到问题在开发中，测试反馈了一个问题，就是在前端上传视频后，视频无法回显，显示黑屏。于是我要来了测试上传的视频，看了下后缀名是.mp4， 用vlc打开播放正常，于是我开始了爬坑之旅。查找原因因为后缀名和播放都是正常的，先考虑是不是视频编码格式问题。首先查看MDN文档，查看html支持的视频格式，了解到支持的视频后缀有如下： mp4, webm, ogg，那我们的mp4的视频类型应该没有...
2021-06-09 14:41:00
413
原创 webpack开发环境基本配置
2021年6月2号更新官方提供webpack配置描述信息：https://www.webpackjs.com/configuration/我的项目地址：https://github.com/cirry/webpack-template项目根据最新webpack版本，不断优化代码，复制即用，github上有没有注释的webpack配置文件，webpack.config.no-comment....
2021-05-31 22:40:00
35
原创 WebStorm不显示node_modules
在使用WebStorm开发的时候，node_modules文件夹不显示，关闭监听node_modules文件夹，node_modules文件夹也消失不见了。不关闭排除node_modules文件夹，又会导致软件爆内存。先看看自己这个是不是勾上了。下面的情况是linux情况下遇到的，windows上没有遇到这情况，windows用户可以参考操作。解决办法：先在菜单栏文件 --> ...
2021-05-28 14:27:00
506
原创 Vue使用Ref跨层级获取组件实例
目录Vue使用Ref跨层级获取组件实例示例介绍文档目录结构安装vue-ref根组件自定义方法[使用provide和inject]分别说明各个页面结果Vue使用Ref跨层级获取组件实例示例介绍在开发过程中，我们难免会使用到跨层级的ref实例获取，大部分情况下，我们都可以通过组件自身的parent或者children去找到需要的实例。但是当层级不明显或者太深的时候，用此方法难免过于臃肿和低效率。...
2021-01-25 09:36:00
50
原创 linux下安装p10k的详细过程，美化linux终端
目录下载zsh下载oh-my-zsh切换shell下载p10k下载zshsudo apt-get install zshsudo apt-get install git下载oh-my-zsh因为zsh配置起来太麻烦了，直接安装oh-my-zsh即可，前往oh-my-zsh官网：https://ohmyz.sh使用命令：$ sh -c "$(curl -fsSL https:/...
2021-01-24 00:22:00
66
原创 deepin系统解决搜狗输入码乱码问题
找到对应的文件夹cd ~/.config删除sougouPY相关包rm -rf sougouPY*重启备注:后来发现这个版本的各大输入法都有不同的bug,还是使用sunpinyin比较好,别折腾了...
2020-10-19 10:18:00
26
原创 vue中实现节流指令
utils.js文件export function debounce(func , wait , immediate = true){ // 定义一个timeout计时器 let timeout return function (){ // 如果每次进入函数的时候timeout有值，说明等待时间还没有过，不执行函数，清空timeout // 如果没有timeout，...
2020-09-19 15:24:00
31
原创 Linux服务器安装nodejs
下载nodejs打开nodejs官网：https://nodejs.org/en/download/,选择下载linux版本64位。上传文件并解压上传压缩包可以通过一些软件，将下载下来nodejs压缩包( 当前版本：node-v12.18.3-linux-x64.tar.xz )上传至服务器任意位置。可以是/usr/local/src，或者/home路径下都可以。推荐的文件上...
2020-09-01 23:33:00
20
原创 certificate issued for a different hostname, issuer is not trusted
Svn: not configuredSvn中报错 svn: not configured，总是弹框：[Authentication Required], 需要填写:[path to certificate] 和 [certificate passphrase]碰到这种情况，点取消，然后菜单栏中点击 file --> setting --> Version Control --...
2020-08-26 18:34:00
227
原创 linux安装webstorm和使用svn拉代码
目录安装webstorm安装可视化rapidsvn【可不安装】安装svn配置svn安装webstorm我使用的linux环境是linux mint 19.3 Cinnamon，其他发行版本的linux应该差别不大。下载linux版本的webstorm附上链接https://www.jetbrains.com/webstorm/download/#section=linux，网站打开有点...
2020-08-25 23:40:00
46
原创 js实现深拷贝（深度克隆）
浅克隆(浅拷贝)在数据类型为引用类型的时候，当你给这个变量赋值，其实是引用这个变量在内存中的地址。如下：var obj = {name: 'ccc', age: 18} // 定义一个变量为对象，引用类型var cloneObj = obj // 创建一个新变量，并赋值console.log(cloneObj) // {name: 'ccc', age: 18} ...
2020-07-29 09:42:00
16
原创 js中实现继承的方法
目录借用构造函数组合继承原型式继承寄生式继承寄生组合式继承借用构造函数这种技术的基本思想很简单，就是在子类型构造函数的内部调用超类型的构造函数。另外，函数只不过是在特定环境中执行代码的对象，因此通过使用apply()和call()方法也可以在新创建的对象上执行构造函数。function Box(name){ this.name = name}Box.prototype.age = 1...
2020-07-18 17:09:00
19
原创 深入理解（图解）js中的原型，原型对象，原型链
目录理解原型理解原型对象实例属性与原型属性的关系更简单的原型语法原型的动态性理解原型链别忘记默认的原型确定原型和实例的关系谨慎地定义方法原型链的问题理解原型我们创建的每一个函数都有一个prototype(原型)属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。看如下例子：function Person(){}Person.protot...
2020-07-15 23:40:00
15
原创 理解js中的几种设计模式
目录工厂模式构造函数模式原型模式组合使用构造函数模式和原型模式动态原型模式其它模式工厂模式function createPerson(name, age){ var o = new Object(); // 创建一个对象 o.name = name; o.age = age; o.sayName = function(){ ...
2020-07-13 19:18:00
14
原创 vscode安装rainbow-fart（彩虹屁）插件，程序员只能自我鼓励了！！！
2020-7-10更新Rainbow Fart 插件现以发布到 VSCode 商店，安装过 VSIX 版本的用户请卸载之前的版本，从商店安装。从 VSCode 扩展商店 下载并安装。(更新vscode后已能找到插件，具体vscode版本见评论)在 VSCode 的菜单栏中找到 查看 - 命令面板，或使用快捷键 Ctrl + Shift + P(MacOS Command + Sh...
2020-06-18 21:22:00
63
原创 bilibili自定义调整视频播放速度
自定义调整视频播放速度在b站的播放页面，按下f12，打开控制台在控制台中复制下面代码,想几倍速就把2.5改成你想要的播放速度document.querySelector('video').playbackRate = 2.5复制粘贴完后回车即可，下次想修改的时候按上下键搜索之前输入过的命令...
2020-05-29 19:41:00
60
原创 关于Mint-UI中loadmore组件的兼容性问题
源代码遇到的问题写完了之后数据加载，渲染等等都是没有问题的，但是测试总是提上滑刷新不能用，因为是远程开发，测试提就得改，看代码看文档，看半天看不出来问题，想到了兼容性问题，发现也有人遇到这个坑。安卓手机的上滑加载是正常显示的，但是苹果手机触发不了上滑加载功能。解决办法给容器的父类加上下面的样式：.order-list { overflow: auto; -webkit...
2020-05-22 14:39:00
25
原创 （6）webpack使用babel插件的使用
为什么要使用babel插件？首先要了解babel插件是干嘛的，随着js的语法规范发展，出现了越来越多的高级语法，但是使用webpack打包的时候，webpack并不能全部理解这些高级语法，需要我们使用一些插件来把高级语法，转为低级语法后打包。babel就是将高级语法转为低级语法的工具。不使用babel会遇到的问题我们是用class语法来创建一个简单的类：使用webpack打包，会报错如下...
2020-04-25 23:46:00
26
原创 （5）webpack中url-loader的使用
为什么要使用url-loader在前面已经介绍了css文件可以使用第三方loader去加载。在一个项目中，也不仅仅只有html，js和css文件，还有图片文件，字体文件等等。当我们给一个css样式设置背景图片时：你会发现，webpack打包的时候会报错。报错：无法处理这种格式的文件，解决这个问题就需要url-loader和file-loader。安装url-loader安装url-l...
2020-04-24 23:31:00
34
原创 （4）webpack中配置css，scss，less第三方loader
为什么要使用第三方loader一般引入样式文件，我们会在html中引入样式标签。很明显，这样就跟之前在script中引入js文件一样，会导致二次请求。我们希望webpack像处理js文件一样处理样式文件。如何引入样式于是我们在入口文件，在main.js中通过import方式引入样式文件。如何配置css-loader引入完成后，我们通过npm run dev运行项目会发现，webpac...
2020-04-23 23:43:00
34
原创 （3）html-webpack-plugin的作用
在内存中生成index.html页面在前面的内容中我们已经知道了如何在内存中打包main.js并引入到页面中。同样的，我们也可以把index.html也打包放入到内存中。安装html-webpack-plugin插件cnpm install html-webpack-plugin -D在webpack.config.js中重启服务npm run dev即可为什么要用html-w...
2020-04-23 00:05:00
34
原创 （2）简单理解和使用webpack-dev-server
webpack-dev-server能做什么？每次打包都得像之前一样使用webapck 入口文件 -o 出口文件，每次修改都得打包一次过于麻烦，可以使用webpack-dev-server实现自动打包安装webpack-dev-server运行npm i webpack-dev-server -D把这个工具安装到项目的本地开发依赖安装完毕 后，这个工具的用法，和webpack命令的用法...
2020-04-22 00:25:00
57
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人