m0_61368323的博客

原创 vue3模板引用ref

中使用模板引用时，对应的 ref 中包含的值是一个数组，它将在元素被挂载后包含对应整个列表的所有元素。要在组合式 API 中获取引用，我们可以使用辅助函数。父组件对子组件的每一个属性和方法都有完全的访问权.的,也就是父组件无法访问子组件上的任何东西,需要。(1)如果是选项式API或没有使用。保证与源数组相同的顺序。3.组件上的 ref。

原创 vue3监听器

正常watch会在dom更新之前调用,但是如果当需要根据数据的变化来执行一些依赖于最新DOM状态的操作时,就需要在DOM更新之后调用,就可以使用。的第一个参数可以是不同形式的“数据源”：它可以是一个 ref (包括计算属性)、一个响应式对象、一个。6. 如果在监听一个id值时,会执行异步请求,但是如果在请求完成之前。2. 在监听响应式对象里的值时,需要提供一个getter函数。,特殊情况会异步使用,而在异步使用时,需要手动的停止侦听器.API 来注册一个清理函数,重新调用。,可以使用onCleanup。

原创 vue3表单输入绑定

【代码】vue3表单输入绑定。

原创 vue3的v-for 与 v-if

当他们同时存在时,v-if的优先级更高,所以v-for就不会渲染上。解决方法:在外先包装一层。

原创 vue3Class 与 Style 绑定

如果组件有多个根元素时,可以使用$attrs来接收哪一个根元素添加。

原创 vue3计算属性

改变时,publishedBooksMessage的值才会变,不然一直返回之前计算的结果)2. 上面这段代码也可以使用方法来完成,但是方法和计算属性有一个重大区别。但是方法不会缓存,所以每一次重新渲染时都会重新执行一次,很耗性能。3. 计算属性是只读的,只有在特殊场景才会去改变它的值。计算属性会缓存,只有值改变时才会更新(也就是。4. 可以使用计算属性返回上一个值。来描述依赖响应式状态的复杂逻辑。

原创 vue3模板语法+响应式基础

vue3模板语法+响应式基础

原创 小程序笔记

???

原创 CSS - grid制作表格

CSS - grid制作表格

原创 git拉代码时，远程也对文件进行了更改，后面如何操作

1.git stash 把当前未提交的修改暂存起来，让仓库还原到最后一次提交的状态。2.git pull 拉取远程仓库的代码，让你现在的代码和远程仓库一致。3.git stash pop 放开暂存，恢复当前未提交的修改。

原创 uniapp背景放图片需要注意

【代码】uniapp背景放图片需要注意。

原创 小程序uniapp元素动态样式的写法

【代码】小程序uniapp元素动态样式的写法。

原创 uniapp小程序使用canvas画圆

网上找了很多都是用这种方法，但是我放到小程序中，不起作用。

原创 小程序uniapp关闭手势返回操作

需求：进入当前页面后，无法返回其他页面，禁止所有返回操作（手势返回、左上角返回按钮等）返回操作包括：顶部导航、右滑手势、安卓物理返回键和调用 navigateBack 接口。方法一：wx.enableAlertBeforeUnload。方法二：page-container。

原创 vue2pdf在线预览移动端无法查看

问题：最开始使用frame写的，但是在PC端可以，在移动端无法预览，提示要下载。为解决此问题，使用了vue-pdf插件。1. npm i vue-pdf 安装插件。

原创 uniapp小程序下载缓存服务器上的图片

1. 使用uni.downloadFile,但是注意下载图片的地址里的域名，需要在微信公众平台里面的downloadFile合法域名进行配置。

原创 微信小程序uniappvue3版本-控制tabbar某一个的显示与隐藏

直接把微信小程序文档里面的四个文件复制到自己项目中就可以了。

原创 uniapp小程序openid和unionId

1. 用户的openid在小程序中的固定不变的；2. 用户在不同的小程序里的openid是不一样的；3. 只要appid不变，openid就不变。获取openid1. 使用uni.login获取code2. 使用code调接口换取、 用户在微信开放平台账号下的（若当前小程序已绑定到微信开放平台账号） 和。

原创 uni-app开发打包成H5部署到服务器

1. 点击发行2.点击进入manifest.json的h5配置里，根据自己的情况配置一些信息。一定要注意配置 “运行的基础路径”，如果出现空白页面或者静态文件404的情况，可能是因为这个路径没有配置好。3. 填写域名4. 点击发行后，控制台后显示打包后在哪里5. 找到打包好后的web里面的static和index.html，把这两个放进服务器里就可以了。

原创 小程序背景图片无法通过 WXSS 获取

将图片转换为base64，地址。可以使用网络图片，或者。

原创 小程序常用API

uni.setStorage 和 uni.getStorage。uni.setStorageSync 和 uni.getStorageSync。异步方法适用于需要在数据存取完成后执行额外逻辑或需要处理大量数据时。保留当前页面，跳转到应用内的某个页面。可以在这个实例上使用。等方法选择需要查询的信息。等方法选择节点，并使用。会阻塞后续代码的执行。

原创 uniapp小程序登录问题

在微信小程序开发中，‌uni.login函数用于获取登录凭证（‌code）‌，‌这个code是用户登录小程序时生成的唯一标识。‌这个code对于每个用户每次登录都是唯一的，‌它用于后续通过服务端API获取用户的openid等信息。‌通过这个code，‌开发者可以进一步获取到用户的授权信息，‌包括access_token和用户信息，‌而无需用户再次确认授权。‌因此，‌这个code在用户登录过程中扮演着重要的角色，‌确保了用户身份的唯一性和登录的安全性。

原创 小程序获取订阅消息状态

2.返回值中的subscriptionsSetting表示你保持以上选择的消息现在的状态，reject表示不推送，accept表示推送，mainSwitch表示接收订阅消息的总开关，true就是打开，false就是关闭。1. 当withSubscriptions：true的时候，只返回用户勾选过订阅面板中的“总是保持以上选择，不再询问”的订阅消息。

原创 uniapp使用WebSocket发消息缓慢问题

问题原因：1.可能是首次发消息时，WebSocket连接可能还在建立过程中。WebSocket连接需要经历握手（handshake）阶段，即HTTP Upgrade请求，这个过程可能会有一些延迟。解决方法：1.预热连接：在实际发送消息前先进行一次无实际内容的发送，这样可以提前完成连接的初始化和验证过程。目前此项目就是在第一次连接时缓慢，所以可以在发消息之前，提前建立连接，提前发一次空消息。

原创 uniapp小程序项目解决键盘问题

步骤：1. 使用adjust-position属性，禁止页面上移；2. 但此时如果输入框在底部，当点击输入时，键盘会弹起，这时候需要动态移动输入框的位置，使输入框位于键盘的上面，所以页需要获取键盘的高度。知识点：1. input有一个adjust-position属性，控制当键盘弹起时，是否自动上推页面。

原创 uniapp-小程序获取用户位置

2. 在app.json文件中配置permission和requiredPrivateInfos。requiredPrivateInfos里面是你需要使用的接口。1. 需要在微信公众平台进行接口的申请。选择自己需要用的接口。4. 如果要获取当前位置到某一个指定位置的距离。3. 配置完成后，就可以使用了。

原创 JS继承的几种方式

缺点：1. 引用类型值的原型属性会被所有实例共享2. 创建子类型实例时，不能向父类型的构造函数中传参。

原创 大厂this面试题和箭头函数的this指向

通过使用call来确定this指向。

原创 预编译、函数变量提升

函数声明会覆盖变量的声明，也就是会提升到最前面。，所以当有函数声明时，会被覆盖。

原创 手写map，filter函数

【代码】手写map，filter函数。

原创 手写实现call函数和应用场景

【代码】手写实现call函数。

原创 深拷贝和浅拷贝

（1）首先看类型是基本类型还是引用类型，如果是基本类型则就是深拷贝（2）如果是引用类型，则根据拷贝的方法区分参考链接：深拷贝和浅拷贝。

原创 对象创建的4种模式

这种模式抽象了创建具体对象的过程，用函数来封装以特定接口创建对象的细节缺点：没有解决对象识别的问题（即怎样知道一个对象的类型）

原创 使用uniapp的canvas制作签名组件

【代码】使用uniapp的canvas制作签名组件。

原创 vuex3--基本知识点

原创 每日十题---四

所以，g()，会报错，typeof g()返回ReferenceError，g is not defined。正确的顺序：a:link、a:visited、a:hover、a:active （lvha）答： 首先声明函数有两种，一种是函数声明，一种是表达式声明。只能使用 f() 来调用函数，g() 不能访问函数。（2）如果tyepof f() ,则返回number。3. hover:鼠标放到连接上的时候。4. active:连接被按下的时候。1. link:连接平常的状态。1. 6.5 js 第八题。

原创 每日十题---三

只要侦听到数据变化，Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据变更。然后，在下一个的事件循环“tick”中，Vue 刷新队列并执行实际 (已去重的) 工作。再回到我们开头说的setTimeout，可以看出来nextTick是对setTimeout进行了多种兼容性的处理，宽泛的也可以理解为将回调函数放入setTimeout中执行；等待同一事件循环中的所有数据变化完成之后，会将队列中的事件拿出来处理。3. 事件循环到了微任务或者宏任务，执行函数依次执行callbacks中的回调。

原创 js每日十题（二）

2. 使用Object.definedProperty添加的属性既不能被Object.keys()遍历，也不能被for...in...遍历。1. price属性设置了configurable:false，表示该属性不可删除。表示.list后的最后一个元素如果是p元素，则是红色；C ③式输出结果为{brand: '华为', price: 999, id: 1}答：n永远从0开始，但是括号内表达式必须大于0才有效，0无法选中任何元素。D ③式输出结果为{brand: '华为', id: 1}

原创 js每日十题

第二条代码表示 obj的log属性指向console的log函数，而console.log函数一般接收一个参数用于打印。2. call()方法的第一个参数是函数内this的指向，第二个参数开始，一次被传入函数中。第三局代码使用call，改变this指向，指向console,传入参数this。，而this默认指向全局对象（window）。1. this默认指向全局对象（window）该代码在浏览器中执行，输出的日志结果是什么？在函数里面的this指向console，但是。等待所有兑现（或第一个拒绝）的结果。

原创 vue插槽

插槽分类：默认插槽（组件内定制一处结构） 具名插槽（组件内定制多处结构）作用域插槽：是插槽的一种传参语法。