- 博客(71)
- 收藏
- 关注
RSS订阅原创 使用uniapp开发app实现后台保活定位能力
在 UniApp 中实现后台保活定位能力通常涉及几个关键步骤，包括获取定位权限、实现定位功能、处理后台定位以及确保应用在后台时能够持续定位。
2024-06-11 09:22:26
796
2
原创 nuxt: generate打包后访问资源404问题
generate打包后访问资源404问题，/_nuxt/*.js、/_nuxt/*.css等静态问题不能访问，提示404错误。使用Nuxt.js开发的个人页面，部署到。此时在nginx配置 /nuxt 代理。而我们的这些资源文件是存在的。加上此处代码进行上下文配置。到此就能解决404问题了。
2024-05-25 22:07:42
381
原创 IOS开发者证书快捷申请
在进行iOS应用开发中，可以借助appuploader辅助工具进行证书制作、上传和安装测试等操作。最新版本已经优化了与Apple账号的登录流程，无需支付688元，并提供了Windows版和Mac版供用户选择。下载完成后，解压文件并将其安装到您的电脑中即可。注：由于此应用是收费的，测试情况下此处邮箱可以多申请几个使用，一个账号7天免费。第八步：使用描述文件和证书文件(此处以uniapp为例)打完包后，生成的ipa文件安装到手机上。第四步：登录成功后，申请证书文件。注意：安装完成后需要在手机上，
2024-05-25 22:07:20
480
原创 nuxt：初始搭建项目
Nuxt.js 是一款基于 Vue.js 的通用框架，它最大的特点是支持服务器端渲染（SSR），这意味着服务器在渲染完页面后返回给客户端，每个页面都有独立的 URL，对 SEO 友好。Nuxt.js 通过提供自动静态文件服务、热加载、代码分割等功能，简化了开发过程，提高了开发效率。关于 Nuxt.js 的最新版本，截至当前时间（2024年4月28日），Nuxt.js 的最新版本是 Nuxt 3。
2024-05-20 11:23:23
443
原创 vite: 搭建完整项目
Vite 可以使用插件进行扩展，这得益于 Rollup 优秀的插件接口设计和一部分 Vite 独有的额外选项。这意味着 Vite 用户可以利用 Rollup 插件的强大生态系统，同时根据需要也能够扩展开发服务器和 SSR 功能。
2024-05-20 09:11:54
477
原创 记录在windows下docker desktop安装redis过程
如果您想要通过自定义的redis.conf文件来运行Redis，可以创建一个配置文件并通过。以上命令会启动一个Redis容器，并且可以通过宿主机的6379端口来访问Redis服务。这会将容器内的6379端口映射到宿主机的6379端口上。如果您想要将Redis端口映射到宿主机的端口，可以使用。替换为您本地的redis配置文件路径。docker启动redis。表示以守护进程模式运行。是您给容器指定的名字，
2024-05-16 16:19:57
231
原创 vite：初始项目安装搭建
Vite是一个前端的构建工具，相较于Webpack，Vite使用了不同的运行方式：开发时并不对项目进行打包，而是直接采用ESM（ES模块）的方式来运行项目，在项目部署时再进行打包。因此，Vite的执行速度相较于Webpack快了许多，操作起来也比Webpack更加方便。在Windows上安装Node.js后（Node.js是Vite的运行环境），你可以通过npm（Node包管理器）来安装Vite项目。你还可以通过附加的命令行选项直接指定项目名称和你想要使用的模板。
2024-05-16 15:30:12
564
原创 uniapp开发安卓app使用文字转语音技术
在 UniApp 开发安卓应用时，要实现文字转语音（Text-to-Speech, TTS）技术，你可以利用 UniApp 的跨平台能力结合原生模块或第三方服务来实现。
2024-05-14 17:29:52
1147
1
原创 pinia学习5：Plugins使用
Pinia 的插件系统基于函数式编程，允许你通过插件来修改 Pinia 的内部行为。每个插件都是一个接受 Pinia 实例作为参数的函数，并可以添加钩子（hooks）来监听或修改状态的变化。添加全局钩子：在状态变更之前或之后执行自定义逻辑。扩展 store：添加自定义方法或属性到所有的 store 实例。集成外部服务：如使用外部 API 进行状态同步或持久化。
2024-04-29 08:45:51
208
原创 pinia学习4：Actions使用
处理异步逻辑：Actions是Pinia中处理异步操作（如API调用）的理想场所。你可以在其中执行异步任务，并在完成后更新状态。触发mutation：Actions可以直接修改store的状态，或者通过触发mutation来间接修改状态。这提供了更灵活的状态更新机制。可组合性：Actions可以相互调用，也可以调用其他store的actions或getters，从而实现状态的跨组件、跨页面共享和组合。可以使用defineStore函数来定义actions。
2024-04-29 08:45:10
888
原创 pinia学习3：Getter使用
Getters 是基于 store 中的状态进行计算的函数。它们允许你根据 store 的当前状态动态地返回一些值。响应式：当 store 中的相关状态发生变化时，依赖于这些状态的 getters 会自动重新计算。可组合：你可以在 getters 中使用其他 getters 或 actions，以创建更复杂的计算逻辑。可以使用函数来定义 getters。每个 getter 是一个函数，它接受 store 的状态作为第一个参数。
2024-04-28 09:16:34
496
原创 pinia学习2：state使用
Pinia 的 state 提供了直观且强大的方式来管理 Vue 应用程序的状态。通过直接访问和修改 state，结合 $patch、$reset 和 watch 等方法，你可以轻松地管理、重置、改变、订阅和替换状态。
2024-04-28 09:16:17
337
原创 pinia学习1：pinia的介绍与使用方法
基于Vue 3：Pinia充分利用了Vue 3的响应性系统和Composition API，为Vue 3项目提供了强大的状态管理功能。直观且简单的API：Pinia的API设计简洁明了，使得开发者能够快速上手并高效地进行状态管理。它避免了Vuex中的一些复杂概念，如mutations和modules，从而简化了状态管理的流程。扁平化的结构：Pinia采用扁平化的结构来组织状态，每个store都是独立的，避免了嵌套结构的复杂性。这种结构使得代码更加清晰，易于理解和维护。类型安全。
2024-04-27 23:16:59
219
原创 vue-router学习10：路由懒加载
vue中路由懒加载是一种优化手段，它允许你延迟加载或按需加载某些路由对应的组件，从而提高应用的初始加载速度。在大型应用中，一次性加载所有路由组件可能会导致性能问题，因为用户可能只访问其中的一部分路由。通过路由懒加载，你可以只加载用户当前访问的路由组件，从而减少不必要的资源消耗。的组件，你想实现这两个组件的懒加载。
2024-04-27 23:16:20
291
原创 vue-router学习9：过渡动效transition
transition> 是 Vue 提供的一个内置组件，它可以为被包裹的元素或组件添加进入、离开和列表的过渡效果。当包裹的元素或组件的状态改变时（例如，v-if 的条件变化或路由切换）， 组件会自动触发过渡效果。在 Vue Router 中，我们通常将 组件包裹在 组件外层，这样当路由发生变化时， 中的组件切换就会带有过渡效果。
2024-04-26 08:49:48
415
原创 vue-router学习8：RouterView插槽
RouterView 会根据路由配置中定义的组件来渲染对应的插槽内容。用于渲染当前路由匹配到的组件。根据路由的 name 属性来渲染对应的组件。
2024-04-24 08:36:32
526
原创 vue-router学习7：路由元信息
vueRouter在路由配置中，你可以为每个路由对象添加一个meta字段，并在其中定义你需要的元信息。这些信息可以是简单的字符串、数字，也可以是对象、数组等复杂类型。path: '/',meta: {title: '首页',},meta: {title: '控制面板',},// ...其他路由routes});在上面的例子中，我们为两个路由（Home 和 Dashboard）分别定义了元信息 title 和 requiresAuth。
2024-04-24 08:34:19
428
原创 vue-router学习6：导航守卫
导航守卫是 Vue Router 提供的一种机制，用于在路由发生变化时执行一些操作，比如检查用户是否登录、获取数据等。导航守卫分为全局守卫、路由独享的守卫以及组件内的守卫。这些守卫提供了路由变化前、变化中和变化后的钩子函数，你可以在这些钩子函数中执行需要的逻辑。
2024-04-23 08:39:01
970
原创 vue-router学习5：重定向和别名
vueRouter 重定向（Redirects）和别名（Aliases）是两种用于管理路由的方式，它们允许你以不同的 URL 访问相同的内容或者将某个 URL 重定向到另一个 URL。
2024-04-23 08:38:44
404
原创 vue-router学习4：嵌套路由
在路由配置文件中，你需要为父路由指定 children 属性，它是一个包含子路由定义的数组。子路由的 path 不需要以斜杠 / 开头，因为它们会被视为相对于父路由的路径。首先，你需要为嵌套路由创建对应的子组件。这些组件将在父路由组件的 中被渲染。一些应用程序的 UI 由多层嵌套的组件组成。在这种情况下，URL 的片段通常对应于特定的嵌套组件结构。在父路由组件的模板中，你需要使用。来指定子路由组件的渲染位置。组件）来导航到嵌套路由。
2024-04-22 09:24:00
322
1
原创 Ucharts添加stack和折线图line的混合图
ucharts它具有轻量级、高性能和丰富的图表类型等特点，支持柱状图、折线图、饼图、散点图等多种常见的图表类型。在我们使用uniapp开发多端程序时，是一个非常好的选择！uCharts是一款基于canvas API开发的适用于所有前端应用的图表库。当我想要柱状图呈现stack堆叠图时，是只能自己改源码，或者自己换插件了！在drawMixDataPoints方法中，绿色是我们自己添加的功能。但是再好的库，不一定能够满足我们的实际需求。分享自己的代码，也为有需要的朋友解决点问题！
2024-04-19 09:06:36
306
原创 vue-router学习2：路由导航方式
声明式导航方式在Vue Router中主要通过组件来实现，它允许你直接在模板中创建导航链接，而无需编写额外的JavaScript代码。编程式导航是Vue Router提供的一种灵活的方式来进行路由导航。这种方式主要通过Vue组件实例或Vue Router实例的方法来实现，而不是在模板中声明导航链接。方法用于替换当前路由，它不会向浏览器历史记录中添加新的记录。方法用于在浏览器历史记录中前进或后退指定的步数。如果你的路由配置中使用了命名路由，你可以通过。属性来导航到相应的路由。
2024-04-18 18:29:03
940
原创 vue-router学习1：安装与基本用法
Vue Router 是 Vue.js 的官方路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得轻而易举。嵌套路由映射动态路由选择模块化、基于组件的路由配置路由参数、查询、通配符展示由 Vue.js 的过渡系统提供的过渡效果细致的导航控制自动激活 CSS 类的链接HTML5 history 模式或 hash 模式可定制的滚动行为URL 的正确编码。
2024-04-18 18:16:02
534
原创 vue3从精通到入门4：diff算法的实现
Vue 3 的 diff 算法相较于 Vue 2 有了一些改进和优化，主要是为了应对更复杂的组件结构和更高的性能需求。：首先，比较新旧列表的头节点（即第一个节点）。如果它们相同（基于 key 判断），则复用该节点，并移动两个列表的头指针到下一个节点。：然后，比较新旧列表的尾节点（即最后一个节点）。如果它们相同，也复用该节点，并移动两个列表的尾指针到前一个节点。：如果头头比较和尾尾比较都没有找到可复用的节点，Vue 会尝试在旧列表中查找与新节点匹配的节点。如果找到了，则移动该节点到正确的位置；
2024-04-15 14:18:18
559
1
原创 vue3从精通到入门23：定义全局变量
在vue2中，我们知道vue2.x是使用Vue.prototype.$xxxx=xxx来定义全局变量， 比如定义一个全局的工具函数。在vue3中我们无法使用this，提供了globalProperties；进行定义全局变量
2024-04-15 13:26:28
1083
原创 vue3从精通到入门22：自定义 Hooks
自定义 Hooks 就是将可重用的逻辑抽象到一个函数中，这样你可以在不同的组件中重复使用这些逻辑，而不必重复编写相同的代码。
2024-04-11 16:57:10
595
原创 vue3从精通到入门21：自定义指令directive
自定义指令directive是一种扩展HTML标签能力的机制。通过自定义指令，开发者可以直接在模板中使用指令名，并为其提供相应的逻辑。这些指令在Vue应用程序中扮演着重要角色，允许开发者执行一些低级DOM操作或访问元素状态
2024-04-11 16:09:04
867
原创 vue3从精通到入门20：v-model使用
v-model 的工作方式有所改变，它现在基于 modelValue 作为 prop 和 update:modelValue 作为事件。这使得 v-model 在自定义组件中更加灵活和可配置。下面是一个自定义输入框组件的例子，它使用 v-model 进行双向数据绑定：});
2024-04-10 17:20:47
518
原创 vue3从精通到入门19：事件总线Event Bus
我们在中讲解了组件的基本传参方式，但是显示场景中，会遇到复杂的情况。但是官方文档并没有直接推荐或提及事件总线（Event Bus）作为一种组件间通信的官方方式。这是因为事件总线可能会引入全局状态管理的问题，使得应用的状态难以追踪和理解，尤其是在大型项目中。然而，在某些小规模的项目或特定的场景中，事件总线仍然可以作为一种简单快速的通信手段。
2024-04-10 16:25:52
1223
1
原创 vue3从精通到入门18：依赖注入Provide / Inject
provide 和 inject 是一对用于实现依赖注入的 API。provide 选项允许父组件向其所有子组件提供一个依赖，无论组件层次结构有多深，只要在其后代组件中使用 inject 选项，就可以访问到这个依赖。
2024-04-09 10:35:48
452
原创 vue3从精通到入门17：内置组件之Transition和TransitionGroup
Transition和TransitionGroup是一个内置组件，它用于在元素或组件的插入、更新和移除时应用过渡效果。Vue 3 的组件提供了一个声明式的方式来处理这些过渡效果，使开发者能够更容易地添加动画到他们的 Vue 应用中。
2024-04-09 10:20:56
907
原创 vue3从精通到入门16：内置组件之Teleport
vue3中的Teleport是一个特别强大的特性，它允许开发者将组件的子组件“传送”到DOM中的任意位置，而不仅仅是它们的直接父级内部。这种灵活性在处理需要从视觉上从原始位置移动到其他位置的用户界面元素时显得尤为有用，比如模态框、弹出菜单、提示框等。
2024-04-08 07:15:00
409
原创 vue3从精通到入门15：内置组件之Suspense
Suspense是一个内置组件，它允许你在组件加载时显示一个备用内容（fallback content），直到组件真正渲染完成。这对于处理异步组件加载特别有用，可以提供更好的用户体验，防止用户看到未完成的界面或空白的加载状态。我们了解Suspense之前，先了解下什么是异步依赖和异步组件。
2024-04-08 01:15:00
295
原创 vue3从精通到入门14：内置组件之KeepAlive
keepalive是一个内置组件，它可以缓存不活动的组件实例，而不是销毁它们。当组件在内被切换时，它的激活和停用状态会被相应地触发，而不是被重新创建或销毁。这对于性能优化和保持组件状态非常有用，特别是在组件之间频繁切换的场景中。
2024-04-07 15:04:44
486
原创 vue3从精通到入门13：组件的传参方式
组件传参主要通过 props、emits、slots、provide/inject 以及 setup 函数中的 context 来实现。当使用语法时，传参方式会更加简洁和直观。
2024-04-07 00:14:45
1232
原创 vue3从精通到入门12：vue3的生命周期
onBeforeMount、onMounted、onBeforeUpdate、onUpdated 和 onUnmounted 生命周期钩子，它们分别在组件的不同生命周期阶段被调用。这些函数允许你在组件的不同状态下执行特定的逻辑
2024-04-03 16:06:49
1381
原创 vue3从精通到入门11：高级侦听器watchEffect
watchEffect是一个强大的工具，它简化了对多个响应式依赖的监听，并提供了对异步操作和副作用清理的支持。当你不确定要监听哪些具体依赖项，或者需要执行初始副作用操作时，是一个很好的选择。然而，如果你需要更细粒度地控制依赖项的变化，或者需要更多的选项来定制侦听器行为，那么watch函数可能更适合你的需求。
2024-04-03 15:37:56
663
原创 vue3从精通到入门10：侦听器watch
watch是一个用于观察和响应 Vue 组件中响应式数据变化的工具。当组件中的某个响应式数据发生变化时，watch可以帮助你执行一些特定的操作或副作用（side effects），比如更新其他数据、执行异步请求、调用方法等。
2024-04-02 10:57:09
757
android谷歌文字转语音引擎
2024-05-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人