- 博客(58)
- 收藏
- 关注
RSS订阅原创 ERROR in ./src/components/datePicker/index.less (./node_modules/css-loader/dist/cjs.js!./node_module
报错信息如下：报错原因是项目中less-loader版本过高导致，将其降低到5.0即可，注意安装的时候将项目中的package-lock.json文件夹删除。
2024-07-22 17:17:36
67
原创 D:\MySQL\bin＞net start mysql MySQL 服务正在启动 . MySQL 服务无法启动。 服务没有报告任何错误。 请键入 NET HELPMSG 3534 以获得更多的帮
我出现这个问题的原因是因为端口被占用了，只需要杀死占用端口的进程即可。首先输入以下命令查看当前各个端，可以看到我对应的是29920。可以看到是被占用的了，所以接下来只需要将其关掉即可。当我想启动MySQl的时候，出现了如下的报错。然后继续输入以下命令。
2024-07-22 17:16:28
56
原创 Vue 模版编译原理
在新老虚拟DOM首尾各添加一个指针，每次对比这四个指针对应的节点，如果老的首节点或者尾节点能和新的首节点或者尾节点匹配上，将老的对应的节点直接移动到新的对应的节点位置，如果没有匹配到就继续在老的虚拟DOM中寻找，如果没有就直接建立新的，然后移动新老节点的头部，直到新虚拟DOM中的首尾相遇，如果这时候老的虚拟DOM中还有节点，则直接删除。虚拟DOM可以用来描述真实DOM的JS数据结构，是一个树状结构，每个节点所对应的dom元素，都保存了dom元素的标签名、属性和子节点等信息。
2024-03-27 20:30:33
379
原创 如何使用阿里云OSS进行前端直传以及分片上传
在使用阿里云OSS进行前端直传时，首先我们需要去阿里云官网注册自己的存储桶，然后申请相关的accessKeyId和accessKeySecret，然后新建一个桶，为这个桶命名以及选择对应的地区。然后可以根据自己的业务，封装对应的组件，以下是根据我自己的项目，所封装的上传组件，所用的是React技术栈。
2024-02-20 22:05:12
1114
2
原创 使用Mobx时，在组件使用时数据类型为Proxy
在使用Mobx状态管理库时，在仓库中引用接口然后获取到的数据，打印出来都是正常的，但是在组件中引入仓库实例后，发现数据类型变成了Proxy类型。当你访问或修改被观察对象的属性时，实际上是通过 Proxy 对象来实现的，这样 MobX 就能够监听到这些操作并触发相应的响应式更新。这样做的目的是为了实现观察对象的属性访问和修改的拦截，以便在属性发生变化时能够自动追踪和响应。MobX 使用 Proxy 对象来拦截对被观察对象的属性的访问和修改操作。那么我们怎么将数据转换为我们可以正常使用的类型呢？
2024-02-05 21:13:05
330
原创 如何实现钉钉实现扫码登录
为实验室做的钉钉智能机器人后台管理系统，最近在使用 React+TS 技术进行重构，重构时，取消了原本的账号密码登录，扫码登录与账号密码登录的目的都是为了获取用户Token，只不过是过程不一样，取而代之的便是扫码登录，具体如何实现扫码登录功能前的配置相关，可以参考官方文档。，前端这边需要拿到这个字段中的信息，发给后端，然后后端返回该用户对应的Token，扫码登录的结果便已经达到，当然这个字段的值是临时的，只会在短时间内有效。的请求头中，需要携带相关的Token，如下是我的二次封装的。
2024-02-03 17:59:09
595
原创 使用mongodb数据库时报错[nodemon] app crashed - waiting for file changes before starting...
原因是当前mongodb数据库不再支持回调函数的写法，可以改为promise写法。在使用该代码片段读取数据库信息时候，报错。然后就可以正常运行了。
2024-01-16 21:13:26
567
原创 JS的异步与程序性能相关问题
实际上，JS程序总是至少分为两个块：第一块现在运行；下一块将来运行，以响应某个事件。尽管程序是一块一块执行的，但是所有这些块共享对程序作用域和状态的访问，所以对状态的修改都是在之前累积的修改之上进行的。一旦有事件需要运行，事件循环就会运行，直到队列清空。事件循环的每一轮称为一个tick。用户交互、IO 和定时器会向事件队列中加入事件。任意时刻，一次只能从队列中处理一个事件。执行事件的时候，可能直接或间接地引发一个或多个后续事件。
2024-01-05 22:05:15
1199
原创 JS中的类型转换
本章介绍了 JavaScript 的数据类型之间的转换，即强制类型转换：包括显式和隐式。强制类型转换常常为人诟病，但实际上很多时候它们是非常有用的。作为有使命感的JavaScript 开发人员，我们有必要深入了解强制类型转换，这样就能取其精华，去其糟粕。显式强制类型转换明确告诉我们哪里发生了类型转换，有助于提高代码可读性和可维护性。隐式强制类型转换则没有那么明显，是其他操作的副作用。感觉上好像是显式强制类型转换的反面，实际上隐式强制类型转换也有助于提高代码的可读性。
2023-11-30 22:22:44
1071
原创 JS的原生函数
JavaScript 为基本数据类型值提供了封装对象，称为原生函数（如 String、Number、Boolean等）。它们为基本数据类型值提供了该子类型所特有的方法和属性（如：String#trim() 和Array#concat(…)）。对于简单标量基本类型值，比如 “abc”，如果要访问它的 length 属性或 String.prototype方法，JavaScript 引擎会自动对该值进行封装（即用相应类型的封装对象来包装它）来实现对这些属性和方法的访问。
2023-11-30 22:21:29
1513
原创 JS中的类型与值
JS有 七 种 内 置 类 型：null、undefined、boolean、number、string、object 和symbol，可以使用 typeof 运算符来查看。变量没有类型，但它们持有的值有类型。类型定义了值的行为特征。很 多 开 发 人 员 将 undefined 和 undeclared 混 为 一 谈， 但 在JS中 它 们 是 两 码 事。undefined 是值的一种。undeclared 则表示变量还没有被声明过。
2023-11-30 22:20:54
877
原创 ES6中的类
class 很好地伪装成 JavaScript 中类和继承设计模式的解决方案，但是它实际上起到了反作用：它隐藏了许多问题并且带来了更多更细小但是危险的问题。class 加深了过去 20 年中对于 JavaScript 中“类”的误解，在某些方面，它产生的问题比解决的多，而且让本来优雅简洁的 [[Prototype]] 机制变得非常别扭。
2023-11-30 22:20:13
1095
原创 JS设计模式 — 行为委托
在软件架构中你可以选择是否使用类和继承设计模式。大多数开发者理所当然地认为类是唯一（合适）的代码组织方式，但是本章中我们看到了另一种更少见但是更强大的设计模式：行为委托。行为委托认为对象之间是兄弟关系，互相委托，而不是父类和子类的关系。JavaScript 的[[Prototype]] 机制本质上就是行为委托机制。也就是说，我们可以选择在 JavaScript 中努力实现类机制，也可以拥抱更自然的 [[Prototype]] 委托机制。
2023-11-30 22:19:15
666
原创 深入了解原型与原型链
如果要访问对象中并不存在的一个属性，[[Get]] 操作就会查找对象内部[[Prototype]] 关联的对象。这个关联关系实际上定义了一条“原型链”（有点像嵌套的作用域链），在查找属性时会对它进行遍历。所有普通对象都有内置的 Object.prototype，指向原型链的顶端（比如说全局作用域），如果在原型链中找不到指定的属性就会停止。toString()、valueOf() 和其他一些通用的功能都存在于 Object.prototype 对象上，因此语言中所有的对象都可以使用它们。
2023-11-20 23:15:34
380
原创 app crashed - waiting for file changes before starting...
出现这个错误基本上都是自己编码的问题。
2023-08-17 10:01:14
226
原创 Vue3报错 getActivePinia()“ was called but there was no active Pinia. Did you forget to install pinia?
我是通过router跳转过来的，因此需要在局部引用即可。Vue3在组件中引入仓库并且实例化时，报有如下报错。
2023-08-17 09:33:26
126
原创 Vue3报错target must be an object
需要注意的是下图中标出的地方需要和后端所需要的字段相同，如果不同，修改第二段代码中params参数后的参数即可（形参都改）原因是请求数据的时候，需要带对象向后端请求数据。将以上写法改为下边的即可。
2023-08-16 22:06:56
945
原创 钉钉机器人使用方法
在这里复制后，截取等号以后的字符串即可，之后去到后台登录自己的账号（自己手机号，密码为123456），登录成功后，添加自己的机器人即可。首先找到你想要添加的群聊，之后按照如下图步骤添加即可。
2023-07-29 10:41:25
295
原创 Vue2项目搭建以及部署
最近给团队开发了一个钉钉机器人后台管理系统，主要负责前端的项目搭建、登录和其中一部分模块的开发，最近刚刚结束，写一篇总结来记录一下项目中的配置，用到的技术栈为Vue2。每个人新建项目的习惯不一样，我通常情况下习惯新建一个文件夹，然后在VsCode中打开，在VsCode中打开终端输入命令。之前在刚刚开始做的时候写过一篇有关VueRouter的配置文章，链接如下。，之后根据提示选择自己需要的技术栈，最终完成最开始的项目搭建。根据自己项目需求进行开发，开发完成后，进行代码打包。
2023-07-26 17:02:00
485
原创 Vue2系列项目搭建以及开发流程
最近给团队开发了一个钉钉机器人后台管理系统，主要负责前端的项目搭建、登录和其中一部分模块的开发，最近刚刚结束，写一篇总结来记录一下项目中的配置，用到的技术栈为Vue2。每个人新建项目的习惯不一样，我通常情况下习惯新建一个文件夹，然后在VsCode中打开，在VsCode中打开终端输入命令。之前在刚刚开始做的时候写过一篇有关VueRouter的配置文章，链接如下。，之后根据提示选择自己需要的技术栈，最终完成最开始的项目搭建。根据自己项目需求进行开发，开发完成后，进行代码打包。
2023-07-26 11:34:22
208
原创 前端项目部署
在左边找到相关自己打包好的dist文件夹，拖入右边指定路径下，即完成部署。只要将打包好的dist文件夹放到指定路径下即可（路径需要先和后端商量好）打包好的目录中会出现一个dist文件夹。进行前端代码部署时，首先将代码打包。在上图所示位置输入相关的服务器地址。如果是第一次部署需要下载两个软件。
2023-07-26 11:24:51
259
原创 在Vue中实现回车事件
只需要给登录按钮点击两个方法，一个原生的点击登录方法，一个自定义的方法。在Vue2中为登录事件绑定回车事件实现登录的功能。这样就可以实现点击按钮和按下回车登录了。
2023-07-26 09:03:34
1762
原创 vue3组件通信方式
在vue框架中事件分为两种:一种是原生的DOM事件，另外一种自定义事件。原生DOM事件可以让用户与网页进行交互，比如click、dbclick、change、mouseenter、mouseleave…自定义事件可以实现子组件给父组件传递数据自定义事件可以实现子组件给父组件传递数据.在项目中是比较常用的。比如在父组件内部给子组件(Event2)绑定一个自定义事件在Event2子组件内部触发这个自定义事件我是子组件2
2023-07-09 15:26:51
85
原创 使用provide / inject组合控制Vue刷新当前页面
在需要当前页面刷新的页面注入App组件中的reload，然后使用this.reload（）调用。首先修改App.vue文件。在需要的地方调用即可。
2023-05-21 18:39:02
335
原创 使用Vite创建Vue3项目时，如何展示本机局域网
这时我们打开项目的package.json配置文件，只需要添加如图所示信息，然后再次运行，即可暴露出本机的局域网具体地址。在使用Vite创建Vue3项目时，运行成功后展示的是如下图所示。
2023-05-12 15:37:22
334
原创 使用Vite创建项目
在确保本地有node的情况下，进行以下操作，如果没有，请先安装node。然后使用vscode打开这个文件夹，打开后打开终端，输入以下代码。之后进入到该项目，输入以下代码安装一下相应的依赖。
2023-05-04 18:18:48
139
原创 《如何撰写一份全面、详细、可行的食品项目计划书》
当你开始计划一个食品项目时，制定一份全面、详细、可行的项目计划书是非常重要的。一个好的项目计划书不仅能够帮助你理清项目的思路，还能为投资者和合作伙伴提供清晰的项目方向和实施计划。在撰写项目计划书时，需要关注以下几个方面：项目概述、市场分析、竞争对手分析、营销计划、生产计划、财务计划和风险管理计划。具体来说，需要确定项目的产品或服务，产品或服务的目标市场，以及产品或服务的生命周期。在市场分析中，还需要制定一个详细的市场推广计划。关键词：食品、项目计划书、市场分析、营销计划、生产计划、财务计划、风险管理计划。
2023-04-16 18:45:34
590
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人