一个努力不被优化的程序员

uniapp登录页面（ 适配：pc、小程序、h5）

1：首先使用cordova.getAppVersion.getVersionNumber()这个方法获取到cordova版本号。8：使用FileTransfer 的onprogress方法监听下载进度（下载完成会自动打开，这里是为了告诉用户下载进度）1：监听 deviceready 事件执行完毕 （这个事件是cordova专属的监听跟android交互加载的）5：获取到cordova对象，赋值好：apk下载地址，apk打开地址（直接启动apk而不需要用户操作）4：获取到apk下载地址。

效果：开启全屏后不会出现顶部跟底部导航栏（手动上/下滑还是会出现）

重新创建项目，将老项目的package.json，vite.config.ts，src等文件拖拽替换。删除node_modules重新下：文字编译乱码，utf-8可能解析处理问题。（如果哪位知道为什么会这样或者怎么解决麻烦留言下）运行项目的时候发现根本运行不起来了。删除node_modules重新下。尝试过创建.npmr文件。创建.npmr：不管用。

cordova-plugin-splashscreen这个插件被废弃转而被官方进行内置兼容（目前就算安装的话也会提示你andeoid版本过高）splash 替换成 目前基本上文章使用的都是 splash 这个标签，但是这个东西已经不支持了。直接就是让我们换标签去使用。

将根目录下的config.xml打开，添加 preference 即可。原因：CORS跨域问题导致。

将根目录下的config.xml打开，添加icon标签，路径可自己配置。根目录下新建res目录随后可根据自己配置的路径进行创建。

将根目录下的config.xml打开，修改name标签内的内容即可。

唯一的缺点就是：切换的时候非常卡顿，因为使用的是transition不是animation。结果：每个div都分配到了动画但是统一时间执行完（中间夹杂着视频没办法动态延缓执行时间）结果：动画只会在第一次动的时候生效不生效，如果次数设置为无线的话就会一直来回切换。尝试方案：1：使用animation。如果有哪位解决了麻烦说下。

uni-app,uniCloud,serverless,高德地图,申请高德地图Key,配置使用高德地图,参数说明,高德开放平台用户名,百度地图,申请百度地图Key,配置使用百度地图,参数说明,Google地图（谷歌地图/google map）,申请Google地图Key,配置使用Google地图,参。选择微信小程序的话后果就是你的地图出不来，出来了就报key异常。

0.0.0.0是开启监听所有端口，可以配置成监听暴露指定端口如：10.10.10.54。

uniapp 开发版小程序之间跳转

自定义组件：幕布涉及的效果：点击出现幕布并且内容可变动使用的技术：vue3的slot + component+components。

【代码】uniapp同时使用setup和微信生命周期。

场景：封装select组件，通过子组件选中后传递值给父组件，父组件需要回显这个值（这里使用 defineProps和defineEmits就可以实现，或者直接使用defineModel也可以实现，但是uniapp目前不支持），使用后父组件确实是拿到值了，但是子组件回显不出来，打印父组件确实是有这个值并且是响应式的。排查结果：子组件在接收defineProps的时候是处于setup生命周期里面，也就是只会触发一次defineProps，所以子组件接收不到后续的值。结果：成功解决，在这个函数里再赋一次值即可。

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?解决方法

vue会在首次渲染的时候追踪所有的ref，将ref对象进行一次封装，如果是普通对象我们是没办法检测他的修改和访问的，所以我们将他封装成对象，然后通过getter和 setter方法拦截对象属性的get和set操作。接收参数，并将其包裹在一个带有 .value 属性的 ref 对象中返回,如果在js中使用需要XX.value来操作其内容，在模板中可以直接使用，因为已经自动解包了。虽然没有严格的规则，但在某些情况下，使用一些特定的内容才是最佳实践，当然你也能够 ref 一把梭哈。

通过Vue 3和Vue Router的结合，可以轻松地实现页面跳转。首先需要安装Vue Router插件，并在项目中创建路由配置。然后在Vue应用的入口文件中使用`createApp().use()`方法将路由与应用关联起来。最后，在Vue组件中使用``创建路由链接，并可以通过`props`选项来传递参数。虽然本文只是简单介绍了如何使用Vue 3和Vue Router实现页面跳转，但希望能对你有所帮助。如果有兴趣深入了解Vue Router的更多功能和用法，建议阅读官方文档。

全局注册的自定义指令将正常工作。本地的自定义指令在中不需要显式注册，但他们必须遵循// 在元素上做些操作

/ 状态data () {return {count: 0},// 视图`,// 操作methods: {这个状态自管理应用包含以下几个部分：状态，驱动应用的数据源；视图，以声明方式将状态映射到视图；操作，响应在视图上的用户输入导致的状态变化。以下是一个表示“单向数据流”理念的简单示意：但是，当我们的应用遇到多个组件共享状态多个视图依赖于同一状态。来自不同视图的行为需要变更同一状态。

除了 Vue 内置的一系列指令 (比如v-model或v-show) 之外，Vue 还允许你注册自定义的指令 (Custom Directives)。组件和组合式函数。组件是主要的构建模块，而组合式函数则侧重于有状态的逻辑。另一方面，自定义指令主要是为了重用涉及普通元素的底层 DOM 访问的逻辑。一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。钩子函数会接收到指令所绑定元素作为其参数。// 在模板中启用 v-focus

Vue 的 Suspense 是 Vue 3 中引入的一个新功能，用于处理异步组件和异步操作的加载状态。通过使用 Suspense，我们可以更好地控制加载状态的显示和隐藏，提升用户体验和页面性能。在 Vue 中，当我们加载一个异步组件或者执行异步操作时，往往需要在加载过程中显示一些加载状态，以便用户知道正在进行操作，并等待加载完成。在过去的版本中，我们需要自行处理加载状态的显示和隐藏，使用一些手动的方式来控制。而在 Vue 3 中，Suspense 提供了一个更为简洁和统一的方式来处理加载状态。

Vue 异步组件是一种高级技术，它可以帮助我们优化应用程序的性能和加载速度。在Vue中，组件是应用程序的基本构建块之一，它包含了自己的模板、逻辑和样式。当我们的应用程序变得越来越庞大时，组件的数量也会随之增加，这可能会导致应用程序的加载速度变慢。为了解决这个问题，Vue 提供了异步组件的概念。异步组件是指只有在需要时才会被加载和渲染的组件。这意味着在初始加载时，我们只会加载应用程序的核心部分，而不会加载所有的组件。当我们需要使用某个组件时，我们才会动态加载它。

总结来说，Vue3对组件事件进行了一些改进和优化。通过使用emits选项声明自定义事件，以及引入provide和inject进行跨层级组件通信，使组件事件的使用更加方便和灵活。同时，通过简化原生DOM事件的绑定方式，提高了代码的可读性和可维护性。这些改进和优化使得Vue3的组件事件更加强大和易用。

因为在编译时整个表达式都会被移到外部的函数中。一些补充细节：所有 prop 默认都是可选的，除非声明了。

此外，Vue 3 中的 v-model 还可以自定义修饰符。修饰符是一种特殊标记，可以在 v-model 绑定上使用，以更改其行为。例如，你可以使用 .lazy 修饰符来实现延迟更新，从而仅在用户完成输入后才更新绑定的值。另一个变化是，在 Vue 3 中，v-model 生成的属性和事件名称可以通过 setup() 函数中的 `v-model` 选项进行自定义。这意味着你可以使用不同的名称来指定生成的属性和事件，以适应不同的使用场景。

Vue 3.x 是 Vue.js 框架的最新版本，相比 Vue 2.x，它带来了许多重要的改进和新功能。Vue 3.x 在性能优化、Composition API、响应式系统的改进和其他一些方面都有所提升，使得开发者能够构建更高效和灵活的 Web 用户界面。希望本文对于理解 Vue 2.x 和 Vue 3.x 的区别有所帮助。

这样就可以在其它组件引用了，引用方式很简单：例如在index.vue中引进viewMore.vue组件，假设两个文件处在同级目录中。

如果需要将对象的属性也转换为响应式的，可以使用`reactive`函数嵌套调用，例如：`reactive(reactive(obj))`。综上所述，`reactive`函数适用于创建包含多个属性的响应式对象，而`ref`函数适用于创建简单的响应式值。它可以方便地处理对象的嵌套和数组的响应性。之后，`reactiveCount`对象的`value`属性就可以被当作普通值一样使用，但是它会跟踪和响应该值的变化。`ref`函数接收一个普通的JavaScript值作为参数，并返回一个具有`value`属性的对象。

uniapp是一款跨平台的应用开发框架，基于Vue.js和小程序原生能力进行封装，旨在帮助开发者快速构建跨平台的应用程序。在uniapp中，可以使用Vue.js语法进行页面开发，同时通过使用小程序原生能力，可以实现调用设备的摄像头、访问本地存储、获取地理位置等功能。

最近看到vue版本更新到3.4.x了，其中有个defineModel API，defineModel在3.3的时候是作为实验特性发布的，在3.4中逐渐稳定。这个API就是Vue3简化组件v-model的写法的，所以这篇就一块儿来总结一下vue中的组件v-model先说下vue2中的使用，再说下vue3中的使用。

React和Vue都是非常优秀的前端框架，它们各有特点和优势。React更加灵活和扩展性强，适合大型应用和复杂场景；而Vue更加简单易用和上手难度较低，适合小型应用和快速开发。选择React还是Vue，需要根据具体的项目需求和开发团队的经验来决定。无论选择哪个框架，都能够提高开发效率和用户体验。

axios框架全称基于promise用于浏览器和node.js的http客户端，因此可以使用Promise API。

总结来说，插槽是Vue.js中一个非常有用的功能，可以帮助开发者在父组件中向子组件注入内容。通过使用默认插槽和具名插槽，可以实现更灵活和可复用的组件。

目录1. 使用vw单位：vw是视窗宽度的百分比，可以根据不同设备的屏幕宽度来进行自适应。在Vue中可以通过设置全局CSS样式，将所有的尺寸单位改为vw。2. 使用Flexible.js：Flexible.js是一个用于淘宝移动端适配的库，可以根据屏幕宽度动态设置html的font-size。在Vue项目中，可以通过在入口文件main.js中引入Flexible.js来实现移动端适配。3. 使用第三方组件库：有一些优秀的移动端UI组件库可以帮助我们快速实现移动端适配，例如Vant、Mint UI等。这些组件库

Vue路由导航守卫是Vue Router提供的一种机制，它可以让你在路由跳转之前或之后执行一些自定义逻辑，例如：鉴权、重定向等。守卫分为全局守卫、路由独享守卫和组件内守卫。Vue路由导航守卫是Vue Router提供的一种机制，可以让你在路由跳转之前或之后执行一些自定义逻辑，例如：鉴权、重定向等。守卫分为全局守卫、路由独享守卫和组件内守卫，每种守卫都有自己的使用场景。在使用守卫时，需要注意它们的执行顺序和next函数的使用，避免出现无限循环的情况。

在Vue开发中，各种混淆用法是非常常见的，掌握这些用法对于提高代码的可维护性和扩展性非常重要。希望本篇技术博客能够帮助你更好地理解Vue中各种混淆用法的实际应用，提高你的Vue开发技能水平。

在Vue3中，ref和reactive都是非常实用的响应式数据处理方式，具有一定的优势和劣势，需要根据具体场景来选择使用。如果需要处理简单类型数据，可以选择使用ref，如果需要处理复杂类型数据，比如对象和数组，则可以选择使用reactive。

在接下来的内容中，我们将详细探讨 v-on 指令的用法，讨论如何传递参数给事件处理函数，使用事件修饰符来调整事件的行为，以及一些最佳实践，以帮助你更好地利用 v-on 指令来构建强大的 Vue 应用程序。在这个示例中，`v-on:click`或简写`@click`监听了按钮的点击事件，当按钮被点击时，它会触发`handleClick`方法。- **事件修饰符**：可以使用事件修饰符来修改事件处理的行为，如`.stop`、`.prevent`、`.capture`等。

Object.defineProperty是一种在JavaScript中定义属性的方法，但在某些情况下，它的限制可能导致性能和功能上的问题。为了克服这些限制，现代JavaScript框架引入了Proxy和Reflect作为更灵活和强大的替代方案。了解何时使用这些替代方案以及它们的优势和限制对于JavaScript开发非常重要。希望这份教程能帮助你更好地理解为什么要替换Object.defineProperty。