自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(77)
  • 收藏
  • 关注

原创 git版本管理加合并笔记

解决方法:vscode中会有很明显的提示,删掉,或者修改,然后再重新提交同6即可。git pull origin 分支名,指定获取哪一个分支最新版。合并过程会报冲突错误,代码中编写重复,或者样式冲突。git merge dev 将dev合并到master。但明明我已经有权限了, 还是蹦出个这。git merge 分支名。刷新页面合并成功就完事了。

2023-08-23 09:11:44 787

原创 vue2传值方式总结 (十一种方法)

通过parent可以获父组件实例 ,然 后通过这个实例就可以访问父组件的属 性和方法 ,它还有一个兄弟parent可以获父组件实例,然后通过这个实例就可以访问父组件的属性和方法,它还有一个兄弟parent可以获父组件实例,然后通过这个实例就可以访问父组件的属性和方法,它还有一个兄弟root,可以获取根组件实例。(2)在子组件的方法中通过 this.$emit(“事件”)来触发在父组件中定义的事件,数据是以参数的形式进行传递的。(1)在父组件的子组件标签上自定义一个事件,然后调用需要的方法 ​。

2023-08-10 08:33:10 7047 1

原创 并发机制

并发机制是指在 同一瞬间段内处理多个任务或操作的能力。在计算机领域中,特别是在多线程和多进程中,实现并发是常见的需求。因此,在急性并发变成时,需要充分理解并发机制的合理和特性,合理设计和管理并发操作,以确保系统稳定性和性能。

2023-07-27 21:31:23 366

原创 js字符串替换

它也是用于在字符串中替换指定的子串,但是相比于replace()方法,它可以直接替换所有匹配的子串,而不需要使用正则表达式。它接受两个参数:第一个参数是需要替换的子串或用于匹配子串的正则表达式,第二个参数是需要替换成的字符串。如果需要使用正则表达式进行替换,可以使用replace()方法的第一个参数传入一个正则表达式。在JavaScript中,字符串替换有多种方法,下面介绍其中一些比较常用的方法。注意,replace()方法是不会修改原字符串的,它会返回一个新的字符串。使用replace()方法.

2023-07-16 15:53:35 3406

原创 Vue3 v-for点击切换样式

在div上绑定 :class= { 名称(class/id):a === key 值 }并添加一个点击事件声明const a = ref(0); css写我们要的样式(就是我们绑定的class名称)点击事件里写 i.value = key值

2023-07-06 10:11:12 628 2

原创 Vue和React的区别?

共同点Vue和React存在着很多的共同点:数据驱动视图组件化都使用 Virtual DOM1. 数据驱动视图在jquery时代,我们需要频繁的操作DOM来实现页面效果与交互;而Vue和React 解决了这一痛点,采用数据驱动视图方式,隐藏操作DOM的频繁操作。所以我们在开发时,只需要关注数据变化即可,但是二者实现方式不尽相同。2. 组件化React与Vue都遵循组件化思想,它们把注意力放在UI层,将页面分成一些细块,这些块就是组件,组件之间的组合嵌套就形成最后的网页界面。

2023-07-05 23:16:39 1141 1

原创 React查询、搜索类功能的实现

查询之类的如果是通过向列表接口中发送对应参数来查询的,那么在默认输出时,在useEffect钩子中的请求中可以先为需要查询的请求参数设初始的state,也就是null或者未定义,这样的话初始请求的还是整个列表,然后将这些state放入useEffect的依赖中,也就是第二个参数的数组中,然后在一些查询相关的组件中,如下拉选项、Search搜索框、时间选择器等,具体根据可查询项决定,然后更新初始设置的state,set为在这些组件的事件函数中将组件筛选的最终值。React查询、搜索类功能的实现。

2023-07-02 17:32:05 780

原创 打包报错Error: ‘default‘ is not exported by node_modules/qs/lib/index.js

最后,修改rollup.config.js文件中写入以下代码即可。当我们在使用rollup编译es6时,可能会遇到以下报错问题。

2023-07-02 17:20:11 1466

原创 JavaScript保姆级教学:从入门到精通一步不落

JavaScript在当今的Web开发中起着举足轻重的作用,掌握它将使你在编写交互性和功能丰富的网页时游刃有余。坚持学习和实践,相信你能够成为一个优秀的JavaScript开发者!在本篇博客中,我将带你逐步学习JavaScript,从入门到精通一步不落,成为一名JavaScript保姆级教学的专家。在掌握了JavaScript的基础知识后,学习常用的JavaScript库和框架将极大地提升你的开发效率和能力。学习JavaScript最重要的一点是实践和找到相关的资源,继续提升你的编码能力和解决问题的能力。

2023-06-20 13:56:41 343

原创 React快速上手Ant Design模板

Ant Design是一个流行的React UI组件库,提供了丰富的可复用组件来构建现代化的Web应用程序。通过按照以上步骤,您已经成功地快速上手了在React中使用Ant Design模板构建应用程序的基本结构。现在,您可以在React组件中使用Ant Design提供的各种UI组件。,看到您的React应用程序已经成功启动并显示了Ant Design的组件。这将确保您的应用程序正确地加载并应用了Ant Design的样式。的新文件夹,并自动安装所有必要的依赖项。步骤 4:使用Ant Design组件。

2023-06-16 15:15:59 1225

原创 数组转树形结构的两种实现

数组转树形结构的两种实现。

2023-06-16 15:03:13 117

原创 vue+ts学习和使用

通过使用 TypeScript 和 Vue,我们可以提高代码的可读性和可维护性,减少调试时间。TypeScript 引入了静态类型检查,它可以在编译时捕获潜在的类型错误,提高代码的可读性和可维护性。Vue 是一款流行的 JavaScript 框架,而 TypeScript 是一种由 Microsoft 开发的静态类型检查器。如果不想使用单文件组件,也可以在普通的 JavaScript 组件中使用 TypeScript。变量使用了 TypeScript 的类型注解,表示它是一个字符串类型。

2023-06-13 20:57:53 1771

原创 React+TS学习和使用

在本文中,我们介绍了如何学习和使用 React+TS,并提供了一些有用的示例代码。通过这些示例代码,你可以了解如何创建简单的组件、添加状态和事件处理逻辑等。当然,React+TS 还有很多其他的功能和用法,希望这篇文章能够帮助你更好地开始使用它们。

2023-06-10 15:19:36 1703

原创 【TypeScript】枚举类型和泛型的详细介绍

软件工程的主要目的是构建不仅仅明确和一致的API,还要让你的代码具有很强的可重用性比如我们可以通过函数来封装一些API,通过传入不同的函数参数,让函数帮助我们完成不同的操作;但是对于参数的类型是否也可以参数化呢?什么是类型的参数化?我们来提一个需求:封装一个函数,传入一个参数,并且返回这个参数;如果我们是TypeScript的思维方式,要考虑这个参数和返回值的类型需要一致// 传入number类型, 返回number类型return arg。

2023-06-09 15:45:23 1204 2

原创 uniapp使用uni.chooseLocation()打开地图选择位置

添加这个属性:"requiredPrivateInfos":["chooseLocation"]

2023-06-07 14:11:50 4356 2

原创 uin-app如何获取微信昵称和头像的博客

在获取到微信用户的昵称和头像等信息后,可根据需求展示用户个人资料。比如,可以在页面顶部显示用户头像和昵称,并提供个人中心等操作。以上就是使用uin-app获取微信用户昵称和头像的过程与实现方式,如果您也需要使用QQ登录,只需跟着文档提示进行开发即可。应用开发者可根据实际需求,在后端服务端调用以上API接口,获取微信用户昵称和头像等信息,并返回给应用前端展示即可。登陆OpenUP开放平台后,进入应用管理页面,新建一个应用,应用类型选择Web或H5。第二步:创建应用并配置。第四步:展示用户信息。

2023-06-07 11:34:14 1968

原创 我的创作纪念日

提示:你过去写得最好的一段代码是什么?

2023-06-05 15:04:04 459

原创 HTTP状态码

HTTP状态码是在客户端和服务器交互时标识请求处理状态的三位数字代码。这个代码通过客户端和服务器之间的HTTP协议传输,它们可帮助你了解请求是否成功,请求失败的原因,及如何解决问题。下面是一些常见的HTTP状态码和其意义。

2023-06-01 19:32:45 566

原创 怎么快速熟悉模板

很多框架和模板拥有活跃的开源社区,加入并参与社区讨论可以快速地了解该框架或模板的使用技巧和一些实用的技术。找到入口文件、路由文件、组件和工具类目录,然后查看它们之间的依赖关系,可以帮助你更好地理解整个项目的组织方式和代码架构。总之,熟悉新的模板需要耐心和实践。通过阅读官方文档、浏览代码结构、调试运行代码、寻找合适的社区以及关注项目需求这些方法,你可以更快速地掌握模板的核心特性,并迅速为其做出贡献。不同的项目对于相同的模板可能会有不同的需求,所以应该专注于当前项目的需求,并从项目实践中学习最佳实践方法。

2023-06-01 16:09:37 77

原创 pnpm无法加载文件 (解决方法 )

然后选择权限,输入A即可。

2023-05-30 14:07:08 1841 1

原创 vue3中父组件与子组件的区别和传参的方法

在组件中,父组件可以包含一个或多个子组件,并且可以通过子组件之间相互传递数据和方法。Vue3中的组件化框架是实现这一目标的一种非常有力的方法之一,父组件和子组件作为它的一个重要方面,扮演了非常关键的角色。在父组件模板中使用子组件的标签时,通过v-bind指令将需要传递给子组件的数据绑定到子组件的props属性上。在上述代码中,使用子组件的标签时,通过v-bind将父组件中的parentMessage数据绑定到子组件的message属性上。作用域:父组件可以访问全局,而子组件只能访问其所属的组件范围内。

2023-05-27 23:59:54 1418

原创 vue3中运用组件写成获取验证码,并实现手机可以接收到验证码事例

当我们在开发 Web 应用时,经常会遇到需要获取手机验证码的情况。本文将介绍如何利用 Vue3 组件来实现获取验证码,并让用户的手机接收到验证码的功能。

2023-05-23 10:30:09 2524

原创 注重vue中项目细节,功能的使用,用户的体验感

Vue.js是一个非常强大的框架,它提供了许多有用的功能和细节,可以帮助您构建更好的应用程序并提高用户的体验感。在本篇博客中,我们介绍了一些Vue.js中常见的细节和功能,以及它们如何改善用户的体验感。如果您正准备开始使用Vue.js开发应用程序,请务必考虑这些细节和功能,以获得最佳的开发体验。

2023-05-22 16:27:43 117

原创 vue3做项目是需要注意的事项

Vue.js是一款非常优秀的前端开发框架,其第三代版本Vue3已经发布了。Vue3在性能、体验和功能等方面有了很大的提升,因此它成为了前端工程师们关注的焦点之一。在使用Vue3做项目时,有一些需要注意的事项,以下是对这些注意事项的介绍。

2023-05-18 16:02:37 751 1

原创 react中hook的作用和用处

然后,在App组件中,我们将该上下文对象的值设置为“dark”,并将ThemeSwitcher组件包装在Provider中。这意味着我们不再需要将状态抽象到一个类组件中,而是可以在函数组件中直接使用它。使用useEffect,我们可以在渲染组件后立即获取数据,并将其保存在状态中。useContext是另一个常见的Hook,它允许我们使用React上下文(context)API来消费提供的变量和函数。在上面的例子中,useState返回一个数组,第一个元素是当前状态的值,而第二个元素是一个更新该状态的函数。

2023-05-17 20:32:41 593

原创 vue3中setup声明变量的几种方法

当你使用Vue3编写应用程序时,setup()函数是一个非常重要的概念。在这个函数中,你可以声明变量、计算属性和方法,并将它们暴露到组件模板中使用。本文将介绍Vue3中setup()函数中声明变量的几种方法。

2023-05-16 09:16:04 4154

原创 vue3计算薪资的方法

Vue 3 中的计算属性可以根据其他数据属性的值自动计算值,并在需要时返回计算结果。因此,您可以使用计算属性来计算薪资。在 Vue 3 中,有多种方法可以计算薪资。Vue 3 中的方法可以在需要时执行计算,并返回结果。因此,您可以使用方法来计算薪资。请注意,在此示例中,我们在插值表达式中使用了方法调用,而不是使用计算属性。数据属性的值自动计算总工资并返回结果。数据属性的值计算总工资并返回结果。在此示例中,我们创建了一个计算属性。在此示例中,我们创建了一个方法。请注意,我们在输入框中使用了。

2023-05-12 10:57:40 560 2

原创 vue3中watch的用法及讲解

当我们在Vue 3应用程序中想要监听数据的变化时,可以使用watch函数。watch函数支持多种用法,包括监听响应式对象、计算属性、ref 对象等等。下面我们就来详细讲解一下watch函数的用法。

2023-05-08 14:54:09 2698

原创 Vue.js简介

Vue.js是一种渐进式的JavaScript框架,由尤雨溪(Evan You)于2014年创建。它允许您将应用程序拆分成小组件,这些小组件可以相互通信并组合成复杂的用户界面。Vue.js还采用了虚拟DOM,这使得它能够快速响应用户的操作,并提高了性能。Vue.js还具有易于学习、灵活、可定制和可扩展的特点,这使得它适用于各种项目。Vue.js是一种易于学习、高效、灵活和可扩展的JavaScript框架。它通过组件化、数据绑定和模板语法提供了一种优雅和高效的方式来构建交互式用户界面。

2023-05-07 09:12:37 771

原创 vue3-admin-template页面

3.如果标签在中间,则需要考虑标签高亮向左还是向右,本页面是向右一个标签显示高亮,即删除当前标签后,由于标签长度会减一,而传入进来的标签下标就是右边一个标签,通俗说1是下标,让删除1的标签后原本下标为2的标签瞬间变为1,直接跳转到下一个页面标签即可。1.由于标签渲染有下标参与,因此在进行删除时传入当前标签的下标,如果与标签list的长度一样则是最右边删除,只需要删除当前标签和前一个标签显示为高亮。面包屑即点开侧边菜单栏后会显示出标签,如下图所示。ehcart代码封装(部分代码)

2023-05-06 15:00:00 1779

原创 uniapp实现上传语音的原理

通过以上介绍,我们了解了uniapp实现上传语音的原理和具体实现方法。在实际开发中,我们可以根据业务需求来设置录音时长、录音格式、上传文件的路径、参数等。同时,我们也需要注意录音文件的大小、上传速度等问题,以提高用户体验。

2023-05-05 14:20:08 1933 1

原创 小程序的基本用法

小程序是一种运行在手机操作系统中的应用程序,它是一种轻量级应用,不需要下载安装,可以直接使用。小程序具有体积小、占用空间少、响应速度快等特点,非常适合于用户频繁使用的应用场景。

2023-05-05 11:05:27 128

原创 uniapp根据官方文档上传图片的方法

要在UniApp中上传图片,可以使用uni.uploadFile()方法。方法,从本地相册中选择一张图片并显示在预览组件中。点击“上传图片”按钮会调用。方法,将当前选中的图片上传到指定的服务器端接口。点击“选择图片”按钮会调用。

2023-04-27 10:13:44 257

原创 uniapp视频、音频上传的方法

uniapp中的视频、音频上传可以使用uni.uploadFile()方法来实现。同样的,上传音频可以使用类似的方法,只需要将。用于将文件上传到服务器。用于从相册或拍摄录像中选择文件,参数中,将上传文件的key值传入。回调函数中处理上传成功的逻辑,在。回调函数中处理上传失败的逻辑,在。中要将要上传的文件路径传入。回调函数中隐藏加载动画。

2023-04-24 20:42:09 3469 4

原创 【社区图书馆】Uniapp和Vue的发展史

Uniapp是一个基于Vue.js框架的跨平台开发框架,它的出现离不开Vue.js的发展历程。

2023-04-21 11:03:28 395

原创 uniapp制作项目的思路

制定详细的项目计划和进度表,包括各个开发阶段的时间节点、任务分配、沟通渠道等,以确保项目开发有条不紊地进行。由于我们需要同时支持小程序、H5和APP,因此选择使用Vue.js的跨端开发框架Uniapp进行开发。根据项目需求和用户体验设计,制定出UI界面的原型和设计图,并进行评审和修改。首先需要明确项目的目标、用户群体和具体需求,从而确定项目的功能和特性。完成项目开发后,需要对项目进行全面的测试和调试,确保项目能够正常运行。经过测试调试后,将项目发布到相应的端口上线,进行真正的使用和验证。

2023-04-20 15:22:24 682

原创 uniapp的操作流程

UniApp是一款基于Vue.js的跨平台应用开发框架,可以用于开发iOS、Android、H5和小程序等多种应用。本文将介绍UniApp的操作流程,并附上相关代码。

2023-04-19 14:50:14 3338

原创 小程序的基本用法

小程序是一种运行在手机操作系统中的应用程序,它是一种轻量级应用,不需要下载安装,可以直接使用。小程序具有体积小、占用空间少、响应速度快等特点,非常适合于用户频繁使用的应用场景。

2023-04-18 20:11:55 1392

原创 微信小程序使用本地存储方法(wx.setStorageSync()和wx.getStorageSync())

微信小程序的本地存储可以使用wx.setStorageSync()和wx.getStorageSync()方法实现,这里为您介绍一下使用本地存储的流程。总之,使用本地存储可以帮助小程序提高数据的读取速度和响应性,并且能够在离线情况下使用应用。但是需要注意,本地存储是有容量限制的,因此不应存储过多的数据。如果该键值对不存在,则返回undefined。

2023-04-16 10:45:19 11355 3

原创 微信小程序蓝牙设备制作流程

测试与优化设备:完成以上步骤后,您可以通过连接小程序与设备以及测试各项功能,来确保设备与小程序的兼容性和稳定性。连接蓝牙设备和小程序:开发完设备固件后,需要将设备与微信小程序连接,并启用设备的蓝牙功能。开发设备固件:在制作设备之前,需要开发适用于设备的固件。总之,微信小程序蓝牙设备的制作需要多方面的技能,如硬件知识、编程和测试技能。配置设备信息:在开始制作设备之前,需要准备好设备的信息,例如设备名称、UUID、服务、特征等。确定蓝牙设备类型:首先,需要确定您需要制作的蓝牙设备的类型,例如传感器、手表等等。

2023-04-16 10:42:19 383

空空如也

空空如也

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

TA关注的人

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