- 博客(48)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 node与 pnpm、node-sass 等工具的版本兼容关系
1. node & pnpm2. node & node-sass3. node-sass & sass-loadersass-loader依赖于node-sass，以下是部分版本号对应
2023-11-23 14:16:04
1698
原创 学会使用markdown编辑器
编辑器使用说明欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markd...
2023-10-10 18:49:54
166
原创 MongoDB 笔记
1 insert 、create、save区别insert: 主键不存在则正常插入；主键已存在，抛出DuplicateKeyException 异常save: 主键不存在则正常插入；主键已存在则更新insertMany：批量插入，等同于批量执行 insertcreate：批量保存，等同于循环执行 save2 链式操作与options配置等效collection.find({ runtime: { $lt: 15 } }, { sort: { title: 1 }, proje
2023-10-10 18:47:06
463
原创 vue项目中实现el-dialog组件可拖拽效果
文章目录vue项目中实现el-dialog组件可拖拽效果0. 首先上图，看效果1. 实现方法注意事项参考资料vue项目中实现el-dialog组件可拖拽效果0. 首先上图，看效果1. 实现方法第一步：创建 drag.js文件 实现拖拽源码/** * 拖拽移动 * @param {elementObjct} bar 鼠标点击控制拖拽的元素 * @param {elementObjct} target 移动的元素 * @param {function} callback 移动后的回
2022-01-11 14:58:25
1130
4
转载 【Tips】消除VSCODE 可恶的红线
问题:解决方法：原因：大概也许可能因为vetur升级的原因吧参考资料：vscode中的vue项目报错Property ‘xxx‘ does not exist on type …
2021-12-23 16:41:14
1816
原创 2021-07-21【工具】Typora + PicGo 实现md文件的图片为在线图片
问题背景：若本地编辑的 md 文件中含有截图，则该文件通过网络发送后，图片找不到，现实为图片的本地路径如下图所示：原因分析：截图只存在本地，发送到其它终端，无法获取文件资源解决方案：解决思路通过第三方工具，将图片存到云服务器，并转为url格式Typora官方支持PicGo图床工具实现方法typora =》文件 =》偏好设置 =》图像各选项如下图以管理员身份运行 cmd ，输入命令 npm install picgo -g 全局安装 picgo注册 s
2021-07-21 18:57:01
301
原创 《MongoDB权威指南》读书笔记 —— PartⅥ：服务器管理
文章目录第20章 启停 MongoDB1 从命令行启动2 停止MongoDB3 安全性4 日志第21章 监控 MongoDB1第22章 备份1 服务器备份2 副本集备份3 分片集群备份4 使用 mongooplog 进行增量备份第23章 部署 MongoDB1第20章 启停 MongoDB1 从命令行启动命令行运行 mongod -h [--help] 可列出所有选项，以下为十分重要的选项--dbpath arg ：指定数据目录，默认为MongoDB所在磁盘卷中的 \data\db\ 目录（
2021-01-02 13:20:16
216
2
原创 《MongoDB权威指南》读书笔记 —— PartⅤ：应用管理
文章目录第17章 了解应用的动态1 了解正在进行的操作2 使用系统分析器3 计算空间消耗第18章 数据管理1 身份验证2 建立和删除索引3 预热数据4 压缩数据5 移动集合第19章 持久性1 日志系统2 MongoDB 无法保证的事项3 检验数据损坏第17章 了解应用的动态1 了解正在进行的操作查看正在进行的操作：db.currentOp( )db.currentOp( ) 可以添加过滤条件，可对任何字段进行查询输出信息包含一些重要字段opid：操作的唯一标识符，可用来终止一个操
2020-12-30 20:47:52
178
原创 《MongoDB权威指南》读书笔记 —— PartⅣ：分片
文章目录第13章 分片1 简介2 理解集群的组件3 搭建分片集群第14章 配置分片1 何时分片2 启动服务器3 MongoDB 如何追踪集群数据4 均衡器第15章 选择片键1第16章 分片管理1第13章 分片1 简介分片（sharding）是一种将数据分布到多台计算机上的方法。MongoDB 使用分片来支持具有非常大数据集和高吞吐量操作的部署MongoDB 支持自动分片，可使数据库架构对应用程序不可见，简化系统管理从开发和运营的角度，分片都是最复杂的 MongoDB 配置2 理解集群的组件
2020-12-30 10:21:54
180
原创 《MongoDB权威指南》读书笔记 —— PartⅢ：复制
文章目录第九章 创建副本集1 复制简介2 副本集建立与配置3 设计副本集4 成员配置选项第十章 副本集的组成1 同步2 心跳3 回滚第11章 从应用程序连接到副本集第12章 管理第九章 创建副本集1 复制简介使用复制可以将数据副本保存到多台服务器上，保证应用程序正常运行与数据安全创建一个副本集就可以使用复制功能副本集是一组服务器，一个主服务器用于处理客户端请求，多个备份服务器用于保存主服务器数据副本主服务器崩溃，备份服务器会自动将一个成员升级为主服务器原理图2 副本集建立与配置
2020-12-29 15:31:01
149
原创 《MongoDB权威指南》读书笔记 —— Part Ⅱ：设计应用（2）
文章目录第七章 聚合1 聚合框架2 管道操作符$match$project$group$unwind$sort$limit$skip使用管道3 MapReduce4 聚合命令第八章 应用程序设计第七章 聚合1 聚合框架聚合框架可使用多个构件创建一个管道对集合中的文档进行变换和处理构件包括：筛选filtering、投射projection、分组grouping、排序sorting、限制limiting、跳过skipping示例：获取集合中各年龄人数前十列表db.test.aggrega
2020-12-28 16:29:03
135
原创 《MongoDB权威指南》读书笔记 —— Part Ⅱ：设计应用（1）
文章目录第五章 索引1 简介2第五章 索引1 简介不使用索引的查询是全表查询，有索引的话则直接在索引中查找，然后跳转到目标文档的位置使用 explain( "executionStats" ) 查看MongoDB 在执行查询过程的细节，包括使用了哪个索引以及如何使用for (i=0; i<100000;i++) { db.test.insert({ "i": i, "username": "user" + i, "age": Math.floor(Math.random
2020-12-24 15:59:25
102
原创 《MongoDB权威指南》读书笔记 —— Part Ⅰ：MongoDB 介绍
文章目录第一章 MongoDB 简介1 易于使用2 易于扩展3 功能丰富4 性能卓越第二章 MongoDB 基础知识1 文档2 集合3 数据库4 MongoDB shell5 数据类型第三章 创建、更新和删除文档第四章 查询第一章 MongoDB 简介1 易于使用面向文档（Document-oriented），非关系型数据库不是预定义模式（Predefined schema），文档键值对的类型与大小不固定2 易于扩展横向扩展，面向文档的数据模型已于在多态服务器间进行数据分隔能自动处理跨集
2020-12-23 15:20:50
179
1
原创 node-sass 依赖包无法安装的解决方法
node-sass 依赖包无法安装的解决方法1 问题描述2 网上常见的解决方法3 最终解决方法4 分析原因参考资料1 问题描述重装 Node 后，重新启动项目，报错未找到 node-sass 模块试过各种 npm方法后依然无效，于是放弃安装2 网上常见的解决方法使用 cnpm ：cnpm install node-sass --save（失败）指定镜像源：npm i node-sass --save --sass_binary_site=https://npm.taobao.
2020-11-24 17:15:28
943
转载 【转】JavaScript开发者应懂的33个概念
JavaScript开发者应懂的33个概念 简介这个项目是为了帮助开发者掌握 JavaScript 概念而创立的。它不是必备，但在未来学习（JavaScript）中，可以作为一篇指南。本篇文章是参照 @leonardomso 创立，英文版项目地址在这里。由于原版资源都要翻墙，所以本人创立一个中文版，附上关于这些概念在国内的一些文章和视频。若有觉得更好的文章或者视频，可以贡献出来，觉得有误的，请联系我删除。更新若有觉得更好的文章或者视频，可以贡献出来，觉得...
2020-09-16 20:19:34
1140
原创 【图解HTTP】你看了吗
文章目录1. HTTP 请求方法2. 持久连接3. Cookie 技术4. HTTP 报文1. HTTP 请求方法2. 持久连接Connection: keep-alive特点：只要任意一端没有明确提出断开连接，则保持 TCP 连接状态在 HTTP/1.1 中，所有的连接默认都是持久连接管线化（pipelining）：不用等待响应亦可直接发送下一个请求，可以做到并行发送多个请求3. Cookie 技术Cookie 技术通过在请求和响应报文中写入 Cookie 信息来
2020-09-06 15:35:46
210
原创 一步一步来理解“软绑定”
1. WHAT-概念所谓软绑定，是和硬绑定相对应的一个词绑定规则有默认绑定、隐式绑定、显式绑定、new绑定等硬绑定是显式绑定中的一种，通常情况下是通过调用函数的apply()、call()或者ES5里提供的bind()方法来实现硬绑定的硬绑定之后无法再使用隐式绑定或者显式绑定来修改this的指向（使用new绑定改变硬绑定除外）软绑定让 this在默认情况下不再指向全局对象（非严格模式）或undefined（严格模式），而是指向两者之外的一个对象（这点和硬绑定的效果相同），但是同时又保留了隐式绑定
2020-09-06 15:34:05
660
原创 vue + element-ui --pagination 实现对返回的后台数据分页
1. 分页(html)1. <el-table>2. 3. </table>4. <el-pagination5. @size-change="handleSizeChange"6. @current-change="handleCurentChange"7. :current-page="page"8. :page-size="r...
2020-09-06 15:28:50
4169
原创 vscode 中使用 github 或 码云管理代码
在 vscode 中使用 github 或 码云管理代码 一. 本地仓二. 远端仓1. github2. gitee 码云一. 本地仓git init 初始化git status 查看状态git add . 添加所有未追踪的文件git commit -m “describe” 提交代码,并添加描述二. 远端仓1. github创建远程库git remote add orig...
2020-09-06 15:27:21
622
原创 webpack 报错处理
错误: This is probably not a problem with npm. There is likely additional logging output above.使用 webpack 时出现图示报错,最终解决方法:删除根目录下的 node_modules 和 package-lock.json 执行命令 npm rm -rf node_modu...
2020-09-06 15:25:42
193
原创 让那个该死的图标显示出来
1、最好把favicon.ico放到 index.html放到同一目录（一般为根目录下）2、在webpack 配置文件里面配置// 在webpack.dev.conf.js 里面的plugins配置new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', inject: true, favicon: './favicon.ico' //增加这条}),// 在 webpa
2020-09-04 09:59:38
151
原创 区分 window.URL.createObjectURL() 和 FileReader.readAsDataURL()
URL.createObjectURL()语法objectURL = URL.createObjectURL(object);参数用于创建 URL 的 File 对象、Blob 对象或者 MediaSource 对象返回值一个DOMString包含了一个对象URL，该URL可用于指定源 object 的内容作用该方法生成一个 URL 对象可以直接赋值给 DOM 元素的 src 属性该方法生成一个 URL 对象还可以作为 a 标签的 href 属性值，用于下载或
2020-09-01 13:05:59
1489
4
原创 防抖与节流的实现
概念防抖：在一定时间内持续触发事件，只执行一次节流：持续触发事件，每间隔一定时间执行一次作用一些高频事件（如：滚动页面、缩放窗口、鼠标移动等）的触发会带来性能问题，防抖或节流就是为了解决这种问题代码实现<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>防抖与节流</title> <style>
2020-08-29 14:55:11
371
原创 死磕 - JavaScript正则表达式
文章目录1. 字符匹配1.1 两种模糊匹配1.2 字符组1.3 量词1.4 多选分支1.5 案例2. 位置匹配2.0 修饰符2.1 如何匹配位置2.2 理解位置2.3 案例3. 括号的作用3.1 分组与分支结构3.2 分组引用3.3 反向引用3.4 非捕获括号3.5 案例参考资料感谢《JavaScript 正则表达式迷你书》作者1. 字符匹配1.1 两种模糊匹配横向：字符串的长度不是固定的示例：/ ab{2,5}c/纵向：字符串的内容不是确定的示例：/a[123]b/
2020-08-20 22:14:56
347
原创 一次弄清楚 JavaScript 对象的属性遍历问题
ES6 共有五种方法遍历对象的属性for...in循环遍历对象自身的和继承的可枚举属性（不含 Symbol 属性）Object.keys(obj)返回一个数组，包括对象自身的（不含继承的）所有可枚举属性（不含 Symbol 属性）的键名Object.getOwnPropertyNames(obj)返回一个数组，包含对象自身的所有属性（不含 Symbol 属性，但是包括不可枚举属性）的键名Object.getOwnPropertySymbols(obj)返回一个数组，包含对象自
2020-08-14 15:07:26
114
原创 跟谁学 笔试知识盲区
1. BFC概念Formatting context(格式化上下文) 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用BFC 即 Block Formatting Contexts (块级格式化上下文)，它属于上述定位方案的普通流具有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且 BFC 具有普通容器所没有的一些特性触发 BF
2020-08-07 21:11:46
147
原创 你应该知道的那些 GIT 命令
文章目录一、常用命令1. ADD AND COMMIT2. DIFF AND SHOW3. remote4. reset & log5. Others二、分支管理6. 创建与merge（合并）分支7. 解决冲突8. 分支管理本文参考廖雪峰Git教程一、常用命令1. ADD AND COMMITgit init //初始化gitgit add ./filename //提交到版本库放入暂存git add * //效果同 git add allgit add -A /
2020-08-07 20:35:49
99
原创 浅拷贝 vs 深拷贝
// node xxx.js// babel-node xxx.js (ES6)// 浅拷贝（shallow copy）：只复制指向某个对象的指针，而不复制对象本身，新旧对象共享一块内存；// 深拷贝（deep copy）：复制并创建一个一摸一样的对象，不共享内存，修改新对象，旧对象保持不变// 数组浅拷贝：arr.slice(0)、arr.concat()// 数组深拷贝：[...arr2] = arr1;// 对象拷贝// Object.create() 、Object.assig
2020-07-05 19:14:49
188
原创 JavaScript高级程序之13——事件
第13章 事件1. 事件流事件流：描述页面接受事件的顺序事件冒泡流事件由目标元素接受，向上传播至document（部分浏览器会到window）事件捕获流事件由document对象（规范要求，但浏览器还是从window对象开始捕获）接收，向下传播搭配目标DOM事件流的三个阶段捕获阶段不接受事件（规范要求）实际上主流浏览器都会在捕获阶段触发事件对象上的事件2. 事件处理程序（事件侦听器）概念响应事件的函数就是事件处理程序事件处理程序名字以on开头为事件指
2020-07-05 11:25:34
1073
原创 CSS重难点之垂直居中
文章目录1. 为何实现垂直居中难？2. 垂直居中的实现1. 为何实现垂直居中难？历史遗留问题起初，Web页面就是文档流的形式，它是不关注“页面高度”这个概念的，也没有“页”的概念。Web页面就像一卷纸，需要浏览更多内容，可以下拉页面。另外，实现垂直居中的属性，需要设计很多复杂的问题，如：同一容器内有浮动元素和相对定位元素时，中线如何界定同一元素即浮动又垂直居中改如何定位2. 垂直居中的实现CSS 元素可分为三类：inline、block、inline-b
2020-07-04 17:13:47
162
原创 发现不一样的控制台 - Console
以前，只知道使用 console.log( ) 在控制台输出信息。直到有一天，我发现 console 可不只有 log 方法console 有 table 方法可以表格形式在控制台打印 Object 或 Array 类型的数据console 还有计时器可用来测试程序性能此外，log 方法也可以指定返回数据类型，规则基本与 python 的 printf 一致你甚至可以自定义打印样式废话不多说，直接上代码：console.log('%f', 123); // 浮点型 => 123
2020-07-04 10:52:35
234
原创 别再死记硬背 this 的指向了
文章目录前言何为 thisthis 指向改变this指向参考资料前言this 指向问题一直是 JavaScript 中的重点与难点，也是面试与笔试的高频考点。今天就来彻底弄清楚这个问题。何为 thisthis 是 JavaScript 中的关键字，在严格模式和非严格模式之间也会有一些差别。全局环境 无论是否在严格模式下，在全局执行环境中（在任何函数体外部）， this 都指向全局对象 浏览器环境下， this 指向 window函数（运行内）环境 在函数内部，thi
2020-07-03 20:23:05
183
原创 箭头函数到底是怎么回事儿？
箭头函数为什么叫箭头函数（Arrow Function）初步使用this为什么叫箭头函数（Arrow Function）请看一个实例:x => x * x由上面函数可知，它的确含有一个箭头，故名箭头函数。注: ’ = ’ 与 ’ > ’ 之间不可有空格。上面箭头函数等价于：function (x) { return x * x;}初步使用其实,箭头函数近...
2020-07-03 15:00:19
411
原创 一文弄懂HTTP请求如何建立TCP连接
参考资料详解TCP连接的“三次握手”与“四次挥手”(上)详解TCP连接的“三次握手”与“四次挥手”(下)
2020-07-02 16:59:08
2578
原创 HTTPS与CA认证
1. 对称加密与非对称加密2. CA证书构成3. http通信存在的问题容易被监听http通信都是明文，数据在客户端与服务器通信过程中，任何一点都可能被劫持。比如，发送了银行卡号和密码，hacker劫取到数据，就能看到卡号和密码，这是很危险的被伪装http通信时，无法保证通行双方是合法的，通信方可能是伪装的。比如你请求www.taobao.com,你怎么知道返回的数据就是来自淘宝，中间人可能返回数据伪装成淘宝。被篡改hacker中间篡改数据后，接收方并不知道数据已经被更改4. HT
2020-07-02 14:49:01
327
遥感实习报告.pdf
2020-07-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人