- 博客(204)
- 收藏
- 关注
RSS订阅
原创 如何发布一个npm包
ENOENT: no such file or directory, open C:\Users\lenovo\Desktop\npmbao\package.json解决方法：没有识别到package.json，查看自己的文件目录Forbidden - PUT https://registry.npmjs.org/wlk - You do not have permission to publish wlk. Are you logged in as the correct user?解决方法
2024-04-12 18:24:41
1734
1
原创 Vue自定义指令的三个方法
除了 Vue 内置的一系列指令 (比如v-model或v-show) 之外，Vue 还允许你注册自定义的指令 (Custom Directives)。组件和组合式函数。组件是主要的构建模块，而组合式函数则侧重于有状态的逻辑。另一方面，自定义指令主要是为了重用涉及普通元素的底层 DOM 访问的逻辑。一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。钩子函数会接收到指令所绑定元素作为其参数。// 在模板中启用 v-focus
2024-02-21 20:17:50
1458
原创 Vue 异步组件
Vue 异步组件是一种高级技术，它可以帮助我们优化应用程序的性能和加载速度。在Vue中，组件是应用程序的基本构建块之一，它包含了自己的模板、逻辑和样式。当我们的应用程序变得越来越庞大时，组件的数量也会随之增加，这可能会导致应用程序的加载速度变慢。为了解决这个问题，Vue 提供了异步组件的概念。异步组件是指只有在需要时才会被加载和渲染的组件。这意味着在初始加载时，我们只会加载应用程序的核心部分，而不会加载所有的组件。当我们需要使用某个组件时，我们才会动态加载它。
2024-02-19 13:30:00
1084
原创 宏任务与微任务执行顺序及对比记录
宏任务（Macro Task）是指由主线程上的事件触发器（Event Loop）进行调度的任务。宏任务包括但不限于如下几种情况：主线程上的代码块、setTimeout、setInterval、I/O 操作、DOM 事件等。微任务（Micro Task）是指由其他任务触发的任务。它们的优先级比宏任务更高，会在宏任务队列为空时立即执行。微任务包括但不限于如下几种情况：Promise 的回调函数、MutationObserver 的回调函数等。当一个宏任务执行完毕后，会检查微任务队列中是否存在微任务。
2024-01-20 20:42:35
2281
原创 vue3中reactive和ref函数及对比
如果需要将对象的属性也转换为响应式的，可以使用`reactive`函数嵌套调用，例如：`reactive(reactive(obj))`。综上所述，`reactive`函数适用于创建包含多个属性的响应式对象，而`ref`函数适用于创建简单的响应式值。它可以方便地处理对象的嵌套和数组的响应性。之后，`reactiveCount`对象的`value`属性就可以被当作普通值一样使用，但是它会跟踪和响应该值的变化。`ref`函数接收一个普通的JavaScript值作为参数，并返回一个具有`value`属性的对象。
2024-01-20 10:10:03
1648
原创 3分钟让你学会axios在vue项目中的基本用法（建议收藏）
axios框架全称基于promise用于浏览器和node.js的http客户端，因此可以使用Promise API。
2023-12-19 22:41:12
1774
原创 vue路由导航守卫（全局守卫、路由独享守卫、组件内守卫）
Vue路由导航守卫是Vue Router提供的一种机制，它可以让你在路由跳转之前或之后执行一些自定义逻辑，例如：鉴权、重定向等。守卫分为全局守卫、路由独享守卫和组件内守卫。Vue路由导航守卫是Vue Router提供的一种机制，可以让你在路由跳转之前或之后执行一些自定义逻辑，例如：鉴权、重定向等。守卫分为全局守卫、路由独享守卫和组件内守卫，每种守卫都有自己的使用场景。在使用守卫时，需要注意它们的执行顺序和next函数的使用，避免出现无限循环的情况。
2023-12-09 08:07:01
1112
1
原创 什么是 Proxy？
代理是一种网络应用程序，它可以充当客户端或服务器的“代理”或“中间人”，以便在两个或多个点之间传递流量。代理是网络中一个非常重要的概念，它可以帮助客户端和服务器之间进行通信，过滤流量、记录日志、缓存文件等。代理服务器是一种常见的代理类型，它可以过滤流量、记录请求和响应等。- SSL 代理：通常用于安全网站的访问，SSL 协议允许代理服务器拦截传输的数据并进行解密以进行内容过滤和安全审计。- HTTP 代理：只支持 HTTP 协议的代理服务器，它可以缓存 HTTP 请求和响应并过滤 HTTP 流量。
2023-11-30 19:16:42
3874
原创 vue3 setup语法糖 搜索
Vue.js是一款流行的 JavaScript 框架，用于构建用户界面。它提供了一种简洁的方式来创建可维护和可测试的前端应用程序。Vue.js 的核心库只关注视图层，易于上手，同时与其他库或现有项目整合也非常方便。Vue 也完全能够为复杂的单页应用提供驱动。在 Vue 3 中，引入了语法，这是一种更简洁、更快速的方式来编写组件。这种语法使得组件的编写变得更加简单和直观，同时也提高了代码的可读性和维护性。在这个例子中，我们将使用 Vue 3 和。
2023-11-28 21:25:24
1222
原创 详解vue3的ref和reactive
在Vue2中，我们使用的是Object.defineProperty()来实现响应式数据，而在Vue3中，Vue3的ref和reactive成为了Vue3的核心特性之一。它们提供了一种新的方式来实现响应式数据系统，使得Vue3更加高效和易于使用。Vue3的ref和reactive是Vue3的核心特性之一，它们让我们能够轻松地构建出高效、可维护的Vue3应用程序。通过使用computed和watch，我们可以让Vue3更加智能地更新UI。如果你想要了解更多关于Vue3的内容，请查看Vue3的官方文档。
2023-11-07 07:00:00
2436
9
原创 Git介绍及使用
目录一、Git 的基本概念1. 仓库（Repository）: 仓库是存储代码的地方。可以通过 命令将本地文件夹初始化为 Git 仓库，并使用命令从远程仓库克隆到本地2. 分支（Branch）: 分支是指从主分支上创建出来的一个分支，可以在分支上进行独立的开发，不影响主分支。可以使用 命令创建、查看、删除分支，使用 命令切换分支。3.提交（Commit）: 提交是指通过 命令将修改的代码添加到缓存区，然后通过命令将代码提交到本地仓库。每次提交都会生成一个唯一的 SHA-1 校验和，可以通过校验和来查看每
2023-11-06 16:57:56
500
1
原创 git上传项目一直报一个文件没有添加任何内容（git上拉去别人的项目上传到自己的仓库/error: failed to push some refs to ‘https://gitee.com/）
git上传项目一直报一个文件没有添加任何内容（git上拉去别人的项目上传到自己的仓库/error: failed to push some refs to ‘https://gitee.com/）
2023-11-03 00:30:00
419
1
原创 使用pinia报错：setriderList（）not a function
setriderList() not a function //setriderList是我定义的事件，你们对应自己的即可这个错误信息表明，你在调用 `setriderList()` 这个函数时出现了问题，因为它不是一个函数。如果你尝试调用函数，但它在你的代码中未定义，这将导致出现“not a function”错误。在这种情况下，你需要确认函数已被正确地定义。例如，确保你在正确的作用域中定义了函数，并且没有在其他地方被重写或删除。
2023-11-03 00:15:00
452
原创 Pinia介绍及简单示例
1. 面向对象的 API：通过使用类来定义状态和操作，可以更加清晰地组织应用程序的状态逻辑。2. 支持 TypeScript：Pinia 提供了完整的 TypeScript 支持，使得类型检查和编辑器提示更加友好。3. 插件系统：Pinia 提供了一种简单的方式来扩展其功能，例如在状态变化时触发钩子、在存储中使用加密等等。4. 懒加载：Pinia 可以根据需要动态地加载状态，使得应用程序的初始加载速度更快。在这个示例中，我们首先创建了一个 Pinia 实例。然后，我们使用 `defineStore`
2023-11-02 10:51:43
478
原创 UEditor上传图片成功但回显不出来
上传图片成功但是却回显不成功，打开F12显示报： http://localhost:8888/......404。
2023-10-30 13:30:00
832
原创 【工具】SecureCR-8.5下载、安装激活和使用教程
这个文章才搞出来，他们两个没有什么不一样的，区别就是一个是用注册机搞权限文，一个是通过账号密码来进行注册，可能官方修复了吧。
2023-10-18 07:50:36
645
原创 Vue、React和小程序中的组件通信：父传子和子传父的应用
组件化开发是将一个大型应用程序拆分成独立的、可重用的、可组合的模块，使得开发人员可以快速构建和开发应用程序。组件化开发提倡将应用程序的各个功能模块分离开发，每个模块完成自己的功能并且可以在不同的应用程序中被复用。这可以提高代码的可维护性、可测试性和可重用性，同时也可以使得开发和协作更加高效。其中父传子和子传父是常见的通信方式。以下是在vue、react、小程序中如何实现父传子和子传父的组件通信。在Vue中，父组件通过props属性向子组件传递数据。父组件使用指令绑定数据到子组件的props上，子组件则通过p
2023-10-16 20:57:51
616
2
原创 WebSocket介绍及部署
WebSocket是一种在单个TCP连接上进行全双工通信的协议，其设计的目的是在Web浏览器和Web服务器之间进行实时通信（实时Web）。3. 更少的通信量和延迟：WebSocket可以发送二进制数据，而HTTP只能发送文本数据，并且WebSocket的消息头比HTTP更小。1. 更高效的网络利用率：与HTTP相比，WebSocket的握手只需要一次，之后客户端和服务器端可以直接交换数据；2. 实时性更高：WebSocket的双向通信能够实现实时通信，无需等待客户端或服务器端的响应；
2023-10-10 23:01:59
2294
1
原创 dayjs格式转换成日期
这个项目在筛选订单时间的时候是由前端进行筛选的，用的是adt-design-pro进行二开的，其中在用日期组件的时候遇到了一个问题，组件返回的是：dayjs，但是我需要的是年-月-日，在经历的一番尝试下：以下方法解决的：方法一：....
2023-08-31 22:15:02
2905
3
原创 uniapp----分包
分包开发一、什么是分包开发？有很多小伙伴一听分包开发认为就是多建几个文件夹，到时候引用就行了，说对对，但也不对，慢慢看下去就知道原因了：首先是官网的介绍：可能说的不是特别清晰，大概意思就是：创建文件，并在min.js中添加路径，并添加下载事件分包对于中、大型项目开发来说是非常有必要的，因为2MB根本做不了什么好看的项目，所以分包开发这个技术一定要会，可以不用但一定要知道怎么解决超出限制问题喜欢的小伙伴可以点个关注后续还会继续发布关于uniapp优化的文章。
2023-08-11 21:35:17
7936
1
原创 uniapp-----封装接口
uniapp的主包要求大小不得大于2MB，所以对于各处的重复代码应该封装起来，减少多余代码封装接口对于项目来说非常的有必要，就算后期修改域名也只需要修改一处就可以了，并且可以减少代码的复用性，性价比还是比较高的。
2023-08-10 21:23:23
1663
3
原创 js快速转换时间（时间戳转换成年月日时分秒）
1728270833000 转换为 2024-10-07 11:13:53。1728270833000 转换为 2024/10/07 11:13:53。
2024-10-07 16:23:10
1259
原创 cordova手动更新
1：首先使用cordova.getAppVersion.getVersionNumber()这个方法获取到cordova版本号。8：使用FileTransfer 的onprogress方法监听下载进度（下载完成会自动打开，这里是为了告诉用户下载进度）1：监听 deviceready 事件执行完毕 （这个事件是cordova专属的监听跟android交互加载的）5：获取到cordova对象，赋值好：apk下载地址，apk打开地址（直接启动apk而不需要用户操作）4：获取到apk下载地址。
2024-08-28 18:12:07
713
原创 vue3使用pnpm运行项目但是运行不起来
重新创建项目，将老项目的package.json，vite.config.ts，src等文件拖拽替换。删除node_modules重新下：文字编译乱码，utf-8可能解析处理问题。（如果哪位知道为什么会这样或者怎么解决麻烦留言下）运行项目的时候发现根本运行不起来了。删除node_modules重新下。尝试过创建.npmr文件。创建.npmr：不管用。
2024-08-12 10:01:44
380
原创 cordova配置启动页面
cordova-plugin-splashscreen这个插件被废弃转而被官方进行内置兼容（目前就算安装的话也会提示你andeoid版本过高）splash 替换成 目前基本上文章使用的都是 splash 这个标签，但是这个东西已经不支持了。直接就是让我们换标签去使用。
2024-08-10 09:56:27
630
原创 cordova打包后请求不到接口（接口请求失败）
将根目录下的config.xml打开，添加 preference 即可。原因：CORS跨域问题导致。
2024-08-09 17:40:41
481
原创 cordova修改APP图标
将根目录下的config.xml打开，添加icon标签，路径可自己配置。根目录下新建res目录随后可根据自己配置的路径进行创建。
2024-08-09 17:38:22
349
原创 vue3实现图片跟视频混着轮播
唯一的缺点就是：切换的时候非常卡顿，因为使用的是transition不是animation。结果：每个div都分配到了动画但是统一时间执行完（中间夹杂着视频没办法动态延缓执行时间）结果：动画只会在第一次动的时候生效不生效，如果次数设置为无线的话就会一直来回切换。尝试方案：1：使用animation。如果有哪位解决了麻烦说下。
2024-08-07 14:27:13
3672
原创 Cordova从0到1开始打包APP
降版本没有用报：Test of distribution url https://services.gradle.org/distributions/gradle-8.7-bin.zip failed. Please check the values set with --gradle-distribution-url and --gradle-version.C:\Users\my\AppData\Local\Android\Sdk\gradle-8.7\bin（自己下载的路径）
2024-07-29 17:18:39
1593
29
原创 uniapp编译成h5后接口请求参数变成[object object]
问题：uniapp编译成h5后接口请求参数变成[object object]1：请求参数：看是否是在请求前就已经变成了[object object]了。我这边是后端需要接口请求传递不同的请求头，索性直接封装传递了。2：请求头：看是否是因为请求头导致的原因。但是运行在开发者工具上没有一点问题。
2024-07-13 15:31:43
785
原创 uniapp使用高德地图（公众号+h5）
uni-app,uniCloud,serverless,高德地图,申请高德地图Key,配置使用高德地图,参数说明,高德开放平台用户名,百度地图,申请百度地图Key,配置使用百度地图,参数说明,Google地图（谷歌地图/google map）,申请Google地图Key,配置使用Google地图,参。选择微信小程序的话后果就是你的地图出不来，出来了就报key异常。
2024-07-09 09:21:49
1174
原创 electron运行本地请求路径是端口号（http://localhost:8080/），打包后请求file://开头的路径
2：查看接口请求地址是否存在（不要请求拦截器里面打印buseURL，打印的是最新的但是接口请求的不是）原因：接口请求地址是空值或者是无效的，electron会进行处理。1：查看自己的buseURL初始值。
2024-06-29 17:42:24
1130
uditor百度富文本包
2023-11-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人