- 博客(62)
- 收藏
- 关注
RSS订阅原创 Navicat安装与连接教程
运行起来之后，我们桌面双击安装好的Navicat 17 for MongoDB，点击试用即可进入，全部完成之后点击完成即可。数据库，所以就下载Navicat 17 for MongoDB。下载好之后直接双击.exe文件进行安装，点击下一步即可。，然后往下滑动就可以看见许多类型，我们使用的是。进入到这里之后，选择自己的系统版本直接下载即可。安装好之后，为我们可以在命令提示符中使用。这里选择好自己的安装路径点击下一步。双击加载之后即可看见数据库。进入官网之后点击左上角的。到这就算是连接上了，双击。
2024-06-28 18:36:42
857
原创 Mongodb安装与配置
之后将mongodb shell 解压到mongodb同一目录下，无需安装（解压即可），也去同一mongodb shell的bin目录下将地址复制，配置到系统变量的path中，即可随时使用。为了可以随时使用mongod启动mongodb数据库，我们还需要去环境变量中进行配置一下，将mongodb数据库安装位置的bin目录，直接将路径复制到其中，就可以了。到这里就已经安装成功，并且运行了，我们去浏览器搜索一下，这就代表成功了。下载好之后能，来到安装包哪里，直接双击安装，直接点击next下一步。
2024-06-28 17:12:47
458
原创 Vue2学这一篇就够了
英文官网:中文官网:})注意：必须在new Vue实例之前定义全局过滤器定义语法：(1).局部指令：new Vue({directives:{指令名:配置对象}})或new Vue({directives{指令名:回调函数}})Vue.directive(指令名,配置对象)或Vue.directive(指令名,回调函数)配置对象中常用的3个回调：(1).bind：指令与元素成功绑定时调用。(2).inserted：指令所在元素被插入页面时调用。
2024-05-06 17:05:58
807
原创 webpack与vite
但是我们现在希望能够使用新的特性，我们可以采用一些折中的方案。依然使用新特性编写代码，但是代码编写完成时我们可以通过一些工具将新代码转换为旧代码。在编写js代码时，经常需要使用一些js中的新特性，而新特性在旧的浏览器中兼容性并不好。就导致我们无法使用一些新的特性。我们如果希望在webpack支持babel，则需要向webpack中引入babel的loader。babel就是这样一个工具，可以将新的js语法转换为旧的js，以提高代码的兼容性。除了速度外，vite使用起来也更加方便。
2024-05-03 19:10:22
588
原创 Vue3搭建后台管理系统模板
一个项目要有统一的规范，需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复，需要使用husky来做commit拦截，需要使用commitlint来统一提交规范，需要使用preinstall来统一包管理工具。eslint针对的是javascript，他是一个检测工具，包含js语法以及少部分格式问题，在eslint看来，语法对了就能保证代码正常运行，格式问题属于其次；顾名思义，开发使用的环境，每位开发人员在自己的dev分支上干活，开发到一定程度，同事会合并代码，进行联调。
2024-03-07 20:51:12
4297
原创 Vue3组件通信方式
在vue框架中事件分为两种:一种是原生的DOM事件，另外一种自定义事件。原生DOM事件可以让用户与网页进行交互，比如click、dbclick、change、mouseenter、mouseleave…自定义事件可以实现子组件给父组件传递数据自定义事件可以实现子组件给父组件传递数据.在项目中是比较常用的。比如在父组件内部给子组件(Event2)绑定一个自定义事件
2024-02-17 13:46:22
977
原创 在配置文件中的项目中找不到任何输入。指定的“include“ 路径为“[“src/**/*“]”，“exclude“ 路径为“[]”。
【代码】在配置文件中的项目中找不到任何输入。指定的"include" 路径为“["src/**/*"]”，"exclude" 路径为“[]”。
2024-02-15 15:13:56
632
原创 TypeScript快速入门
要创建对象，必须要先定义类，所谓的类可以理解为对象的模型，程序中可以根据类创建指定类型的对象，举例来说：可以通过Person类来创建人的对象，通过Dog类创建狗的对象，通过Car类来创建汽车的对象，不同的类可以用来创建不同的对象。上例中，test函数有一个参数类型不确定，但是能确定的时其返回值的类型和参数的类型是相同的，由于类型不确定所以参数和返回值均使用了any，但是很明显这样做是不合适的，首先使用any会关闭TS的类型检查，其次这样设置也不能体现出参数和返回值是相同的类型。
2024-02-14 14:31:53
2296
1
原创 Vue3快速上手
什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。新建hooks文件夹，里面插件文件import { reactive, onMounted, onBeforeUnmount } from 'vue'// 实现鼠标“打点”相关的数据x:0,y:0})// 实现鼠标“打点”相关的方法// 实现鼠标“打点”相关的生命周期钩子})
2024-02-02 20:58:15
1346
原创 npm create vue3项目特别慢
问题：Vue CLI v5.0.8在配置了淘宝镜像的情况下，创建项目报Failed to check for updates，还特别慢，等了好久都创建不好。
2024-01-26 17:34:47
789
原创 Vue2学习之第六、七章——vue-router与ElementUI组件库
特别注意：路由携带params参数时，若使用to的对象写法，则不能使用path配置项，必须使用name配置！（替换a标签）实现切换（active-class可配置高亮样式，to中为第3步中路由的path）当你使用了缓存路由组件之后，但是你却想将你定义的定时器等功能给销毁时，即可使用。hash值不会包含在 HTTP 请求中，即：hash值不会带给服务器。作用：路由组件所独有的两个钩子，用于捕获路由组件的激活状态。作用：让不展示的路由组件保持挂载，不被销毁。作用：可以简化路由的跳转。作用：对路由进行权限控制。
2024-01-25 17:39:28
1241
原创 Vue2学习之第五章——vuex
备注：mapActions与mapMutations使用时，若需要传递参数需要：在模板中绑定事件时传递好参数，否则参数是事件对象。备注：若没有网络请求或其他业务逻辑，组件中也可以越过actions，即不写。目的：让代码更好维护，让多种数据分类更加明确。开启命名空间后，组件中调用dispatch。开启命名空间后，组件中调用commit。对话的方法，即：包含。对话的方法，即：包含。
2024-01-22 19:52:48
950
1
原创 Vue2学习之第四章——Vue中的ajax
（games数据在Category组件中，但使用数据所遍历出来的结构由App组件决定）作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于。数据在组件的自身，但根据数据生成的结构需要组件的使用者来决定。这里推荐使用的是VS Code，首先在VS里面打开终端，输入。这里推荐使用的是VS Code，首先在VS里面打开终端，输入。//数据在子组件自身。
2024-01-20 15:39:44
1664
原创 Vue2学习之第三章——Vue CLI脚手架
子组件 ===> 父组件使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中绑定自定义事件：或......methods:{test(){......},mounted(){若想让自定义事件只能触发一次，可以使用once修饰符，或$once方法。this.$refs.student.$once('student',this.getStudentName) //绑定自定义事件（一次性）this.$emit('student',数据)
2024-01-18 16:28:04
1073
原创 Vue2学习之第一、二章——Vue核心与组件化编程
英文官网:中文官网:})注意：必须在new Vue实例之前定义全局过滤器自定义指令总结：定义语法：(1).局部指令：new Vue({directives:{指令名:配置对象}})或new Vue({directives{指令名:回调函数}})(2).全局指令：Vue.directive(指令名,配置对象) 或 Vue.directive(指令名,回调函数)配置对象中常用的3个回调：(1).bind：指令与元素成功绑定时调用。
2023-12-26 15:08:18
551
原创 Node.js入门到熟练
将一个复杂的程序文件依据一定的规则（规范）擦分成多个文件的过程称之为模块化其中拆分出的每个文件就是一个模块，模块的内部数据是私有的，不过模块可以暴露内部数据以便其他模块使用编码时是按照模块一个一个编码的，整个项目就是一个模块化的项目『包』英文单词是package，代表了一组特定功能的源码集合cnpm 是一个淘宝构建的npmjs.com的完整镜像，也称为『淘宝镜像』，网址cnpm 服务器部署在国内阿里云服务器上，可以提高包的下载速度官方也提供了一个全局工具包cnpm，操作命令与 npm 大体相同。
2023-09-02 11:48:36
1098
1
原创 Git学习
1. 一个免费的开源，分布式的代码版本控制系统，帮助开发团队维护代码2. 记录代码内容，切换代码版本，多人开发时高效合并代码内容3. 如何学： 个人本机使用：Git 基础命令和概念 多人共享使用：团队开发同一个项目的代码版本管理
2023-08-22 14:36:09
1010
原创 JS垃圾回收机制
垃圾回收机制 (Garbage Collection) 简称GCJS中内存的分配和回收都是自动完成的，内存在不使用的时候会被垃圾回收器自动回收。正因为垃圾回收器的存在，许多人认为JS不用太关心内存管理的问题但如果不了解JS的内存管理机制，我们同样非常容易造成内存泄漏（内存无法被回收）的情况不在用到的内存，没有及时释放，就叫做内存泄漏。
2023-08-15 18:54:47
123
原创 Promise.all 静态方法
/ result 结果: [Promise对象成功结果, Promise对象成功结果, ...]* 例如：默认显示"北京", "上海", "广州", "深圳"的天气在首页查看。* 业务：当我需要同一时间显示多个请求的结果时，就要把多请求合并。* 目标：掌握Promise的all方法作用，和使用场景。// 2. 使用Promise.all，合并多个Promise对象。// 第一个失败的 Promise 对象，抛出的异常对象。// 1. 请求城市天气，得到Promise对象。* 广州-440100。
2023-08-13 17:09:00
113
原创 解决回调函数地狱问题
概念：在async函数内，使用await关键字，获取Promise对象"成功状态"结果值。// return Promise对象最终状态和结果，影响到新的Promise对象。// then()原地的结果是一个新的Promise对象。// 2. await等待Promise对象成功的结果。// 3. 创建Promise对象-模拟请求城市名字。// 1. 得到-获取省份Promise对象。// 2. 得到-获取城市Promise对象。// 3. 得到-获取地区Promise对象。
2023-08-13 16:58:20
162
原创 如何自己封装 简易axios
/ 1. 定义myAxios函数，接收配置对象，返回Promise对象。// 4. 使用myAxios函数，获取省份列表展示。// 2. 发起XHR请求，默认请求方法为GET。// 1. 判断有params选项，携带查询参数。// 3. 使用myAxios函数，获取地区列表。// 3. 使用myAxios函数，完成注册用户。// 1. 判断有data选项，携带请求体。// 如果没有请求体数据，正常的发起请求。// 3. 调用成功/失败的处理程序。// 调用成功/失败的处理程序。
2023-08-11 16:39:32
101
原创 XMLHttpRequest的基本使用
目标：使用XHR携带查询参数，展示某个省下属的城市列表。// 1. 告诉服务器，我传递的内容类型，是 JSON 字符串。* 2. 配置请求方法和请求 url 地址。// 1. 创建 XMLHttpRequest 对象。// 3. 监听 loadend 事件，接收响应结果。// 2. 配置请求方法和请求 url 地址。// 2. 准备数据并转成 JSON 字符串。// 3. 发送请求体数据。// 4. 发起请求。
2023-08-11 15:39:30
490
原创 如何获取视频与音频当前的时长，并设置时长
事件在当前帧的数据加载完成且还没有足够的数据播放视频/音频（audio/video）的。事件在视频 / 音频 （audio / video）当前的播放位置发送改变时播放。可读写，直接读就是获取播放时长，赋值即可设置当前播放时长。// 将存起来的时间取出，设置给播放时长，简单来讲：就是视频在播放时，将不断触发。此处用到了节流函数，每秒只会触发一次。简单来讲：刷新以及打开页面将会触发。// 把当前的时间存储到本地存储。// 打开即可跳转到上次播放位置。可以获取到，当前播放时长。
2023-07-29 22:31:32
1246
原创 防抖and节流
所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间 所谓节流，就是指连续触发事件但是在 n 秒中只执行一次函数
2023-07-29 21:59:03
92
原创 改变this指向 & call & apply & bind
与普通函数完全不同，也不受调用方式的影响，事实上箭头函数中并不存在。// 该箭头函数中的 this 与 sleep 中的 this 一致。// 该箭头函数中的 this 为函数声明环境中 this 一致。// 该箭头函数中的 this 为函数声明环境中 this 一致。// 箭头函数 此时 this 指向了 window。// 普通函数 此时 this 指向了 DOM 对象。// 函数的调用方式决定了 this 的值。// 函数调用方式，决定了 this 的值。// 调用使用 bind 创建的新函数。
2023-07-29 21:49:55
70
原创 异常处理throw、try-catch、debugger
异常处理是指预估代码执行过程中可能发生的错误，最后最大程度的避免错误的发生导致整个程序无法继续运行。// try 代码段中执行有错误时，会执行 catch 代码段。相当于断点调试，在代码中添加之后，可以打开浏览器。进行断电调试，直接打开会停留在你书写。// throw '参数不能为空!'如果出现错误，我的语句不会执行'// 查找 DOM 节点。// 终止代码继续执行。
2023-07-29 21:33:24
92
原创 构造函数、原型对象、对象实例三者的关系
构造函数通过原型分配的函数是所有对象functionPerson// 每个函数都有 prototype 属性logPerson
2023-07-28 16:05:12
106
原创 内置构造函数
在JavaScript 中的数据类型有 6 种，分别是字符串、数值、布尔、undefined、null 和 对象，常见的对象类型数据包括数组和普通对象。其中字符串、数值、布尔、undefined、null 也被称为简单数据类型或基础类型，对象也被称为引用类型。在JavaScript 内置了一些构造函数，绝大部的数据处理都是基于这些构造函数实现的，JavaScript 基础阶段学习的Date就是内置的构造函数。// 实例化letnewDate;// date 即为实例对象log;
2023-07-26 13:59:40
60
原创 构造函数与实例成员、静态成员
中底层函数本质上也是对象类型，因此允许直接为函数动态添加属性或方法，构造函数的属性和方法被称为静态成员。注：实践中为了从视觉上区分构造函数和普通函数，习惯将构造函数的首字母大写。通过构造函数创建的对象称为实例对象，实例对象中的属性和方法称为实例成员。// p1 实际就是 构造函数内部的 this。// 构造函数内部的 this 就是实例对象。
2023-07-25 16:55:46
130
原创 数组、对象的解构赋值
/ 需求1： 请将以上msg对象 采用对象解构的方式 只选出 data 方面后面使用渲染页面。解构赋值是一种快速为变量赋值的简洁语法，本质上仍然是为变量赋值，分为数组解构、对象解构两大类型。// 需求3， 为了防止msg里面的data名字混淆，要求渲染函数里面的数据名改为 myData。// 需求2： 上面msg是后台传递过来的数据，我们需要把data选出当做参数传递给 函数。// msg 虽然很多属性，但是我们利用解构只要 data值。// 要求将 获取过来的 data数据 更名为 myData。
2023-07-24 14:23:30
109
原创 函数参数、展开运算符、箭头函数
箭头函数属于表达式函数，因此不存在函数提升箭头函数只有一个参数时可以省略圆括号()箭头函数函数体只有一行代码时可以省略花括号{}，并自动做为返回值被返回加括号的函数体返回对象字面量表达式。
2023-07-22 21:01:24
102
原创 JS之闭包
一个函数对周围状态的引用捆绑在一起，内层函数中访问到其外层函数的作用域。比如：我们要做个统计函数调用次数，函数调用一次，就++但是，上面这个 i， 是个全局变量，很容易被修改，// 调用函数 打印10。// 调用函数 打印10。
2023-07-22 17:27:21
56
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人