自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 资源 (1)
  • 收藏
  • 关注

原创 Astro 搭建博客系列:添加 giscus 评论系统

Astro 支持动态插入 script,所以为集成 giscus 提供了便利。要实现动态切换主题,就需要用到 postMessage 跨页面通信,因为 giscus 是以 iframe 的形式嵌入到页面中的, 我们可以使用的方法来告诉 giscus 插件动态更换主题。实现思路有了,接下来一步一步实现。

2023-08-11 16:14:37 393

原创 Astro 搭建博客系列:高亮 markdwon 代码块扩展语法

官方提供的 demo 版本默认不支持高亮 md 代码块扩展语法,比如设置标题,高亮删减行、特定行、特定代码段等。我们需要通过 astro 提供的 astro-expressive-code 插件来配置我们的主题。

2023-08-11 13:43:07 344

原创 Astro + Vercel 快速搭建自己的博客网站

保姆级教程,从零开始基于Astro + Vercel 零成本快速搭建自己的博客网站。

2023-08-04 15:46:03 570

原创 解决 vue3+Element-plus icon图标无法显示的问题

解决 vue3+Element-plus icon图标无法显示的问题

2022-03-08 10:57:20 2374 4

原创 [unplugin-vue-components] component “xx“ has naming conflicts with other components, ignored.

[unplugin-vue-components] component “xx“ has naming conflicts with other components, ignored.

2022-02-17 16:09:25 3147

原创 利用RxJs判断鼠标滚动方向

思路在鼠标每次滚动的时候,通过捕获滚动条的位置,进行前后对比,如果是正值,表示滚动距离一直在增加,鼠标向下滚动,反正则向上。所需操作符通过上面的分析,我们需要对数据进行前后对比,然后进行分组:map:数据转换startWidth:初始值pairwise:前后值进行组合partition:分组具体操作符使用可参考:学习RxJs实现import { fromEvent } ...

2020-04-22 16:53:57 324

原创 mongodb常见问题汇总

error parsing command line options: unknown option "o"版本问题,不支持-o选项,使用--dre=<dbpath>代替mongorestore -h 127.0.0.1:27017 -d blog -u admin -p=qq1194132 --dir=/data/blog --authenticationDatabase adm...

2020-01-10 09:50:34 3496 2

原创 Error: .plugins[0][1] must be an object, false, or undefined

问题产生babel.config.js的plugins队列中,每个队列第二个参数不支持数组,所以报错问题分析翻看babel-plugin-import发现,其实是babel版本问题:Options can't be an array in babel@7+,所以要想使用数组就要使用兼容性写法解决方案使用两个队列// .babelrc plugins: [ ['some-pl...

2020-01-05 22:33:15 1141

原创 vue-cli3使用less全局变量

vue-cl3安装less之后默认无法使用全局变量,需要额外添加插件解决方案安装插件vue add style-resources-loader新建一个less文件存放全局变量修改配置,进入vue.config.js(不存在就在项目根目录创建一个)const path = require('path')module.exports = { pluginOptions: ...

2019-11-29 10:50:28 840

原创 关于 Array.apply(null, { length:20 }).map() 的思考

vue的render的文档中出现了,用来循环生成元素。是什么本质是函数式编程的循环方法。就是一种循环方法,你用for循环代替,效果也是一样的,但是Array.apply(null, { length: 20 }).map()算是函数式编程怎么实现函数式编程中的循环如果不用for,你脑海中可能马上会想起reduce,forEach,map这些迭代器函数,都能产生循环。比如:[1,2,3]...

2019-11-25 20:22:19 628 2

原创 mongodb:command find requires authentication

问题产生记录一个坑,做一个koa2+mongodb的项目,安装完依赖之后项目yarn run没问题,但是无法进入后台页面,错误300,控制台提示command find requires authentication解决字面意思是验证出了问题,由于我们没有进入页面,所以只能是数据库的连接出了问题。因此我们在mongodb进行连接之前,加上用户名和密码<username>:<...

2019-11-21 09:09:46 10990 1

原创 command listCollections requires authentication和Failed: error connecting to db server: server return

mongodb踩坑记录:数据库迁移需要使用备份(mongodump)与恢复(mongorestore)语法,如果数据库没有开启权限验证,则直接使用命令即可$ mongodump -h dbhost -d dbname -o dbdirectory$ mongorestore -h <hostname><:port> -d dbname <path>问题...

2019-11-15 11:36:16 6041 4

原创 (亲测有效)window无法启动mongodb server服务,错误1053的解决方案

解决思路:既然是server报错,那么我们可以删掉原来的服务,自己重新建一个1. 修复数据库地址以C盘为例,在C盘建一个文件夹,存放数据和日志然后在logs文件夹里面新建MongoDB.log文件2. 搭建server首先删除原来的mongodb服务,管理员身份打开CMDsc delete MongoDB添加servermongod --bind_ip 0.0.0.0 --d...

2019-11-09 23:20:45 1275 2

原创 MongoDB(六):aggregate聚合管道

聚合管道主要对collection中的document进行变换和组合,相当于多层过滤器(不改变原数据),通过db.collection.aggregate([])实现。常用的管道操作符:操作符描述$project增加、删除、重命名字段$match条件匹配。只满足条件的文档才能进入下一阶段$limit限制结果的数量$skip跳过文档的数量$s...

2019-11-08 14:23:23 209

原创 MongoDB(五):Nodejs操作MongoDB

要在nodejs操作mongodb,要用到官方提供的包$ npm install mongodb --save-dev 连接mongodb使用mongodb库里面的MongoClient对象const Koa = require('koa');var Router = require('koa-router');const router = new Router();const ...

2019-11-08 14:22:02 88

原创 MongoDB(四):索引 explain 优化查询

索引是对数据库表中一列或多列的值进行排序的一种结构,可以让我们查询数据库变得更快。 MongoDB的索引几乎与传统的关系型数据库一模一样,这其中也包括一些基本的查询优化技巧。创建索引$ db.collection.ensureIndex({'name':1})获取当前集合的索引$ db.collection.getIndexes()删除索引$ db.collection.dro...

2019-11-08 14:19:09 195

原创 MongoDB(三):数据库、collection和document的基本操作

数据库操作创建使用use不会显示创建数据库,必须插入至少一条数据# 创建后插入$ use newData$ db.newData.insert({name:"新增加的数据"})# 查看所有数据库 查看数据库下的集合$ show dbs$ show collections删除$ use database$ db.dropDatabase()collection操作mo...

2019-11-08 14:17:13 3493

原创 MongoDB(二):连接数据库,创建管理员

在这里使用了mongodb自带的命令行工具去操作数据库。连接数据库首先开启服务,v4.0版本无需手动开启$ mongod --dbpath C:\mongodb客户端接入$mongo #默认是127.0.0.1:27017或者指定地址$ mongo 127.0.0.1:27017创建管理员默认情况下,只要开放了binip,任何计算机都能操作到mongodb,很明显这是很危...

2019-11-08 14:07:58 679 1

原创 MongoDB(一):安装MongoDB

介绍windows和linux下的安装windows环境直接官网上下载安装包安装,如果命令行直接输入mongo没有成功,则需手动添加环境变量:我的电脑 --> 右键属性 --> 高级系统设置 --> 环境变量 --> 系统变量的path添加mongodb的bin路径3.0版本需要手动启动mongodDB,4.0版本已经注入系统服务,开机自启Linux环境以u...

2019-11-08 14:02:34 134

原创 mongoose连接超时,MongoTimeoutError: Server selection timed out after 30000 ms

记录一个坑,终端直接使用mongo验证登录成功,但是使用mongoose库验证登录时却返回MongoTimeoutError: Server selection timed out after 30000 ms。解决方案,添加authSource=adminmongoose.connect('mongodb://koa:123456@localhost:27017/koa?authSource...

2019-11-08 13:56:20 13394 5

fluent terminal.zip

windows操作系统下基于powershell实现的终端仿真器,开源于github,但是下载速度实在感人,所以搬运过来。 版本是0.6.1.0。

2019-11-06

空空如也

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

TA关注的人

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