m0_61368323的博客

原创 小程序笔记

???

原创 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插槽

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

原创 HTML 基础

input radio实现单选 checkbox实现复选。z-index配合定位使用，数值越大，会覆盖上面的元素。opacity:0表示透明 1表示不透明。visibility:hidden 占位置。• controls：音频控件。• autoplay：自动播放。➢ 音频，视频 标签有哪些常见属性？display:none 不占位置。• loop：循环播放。• src：音频路径。绝对定位和固定定位脱标，都是。必须设置相同的name属性。

原创 javascript之计算机网络

搜索引擎在收录网页时，都会做一个备份，大多是文本的，保存了这个网页的主要文字内容，这样当这个网页被删除或连接失效时，用户可以使用网页快照来查看这个网页的主要内容，由于这个快照以文本内容为主，所以会加快访问速度。一般在发跨域请求时，会在发正是请求之前发OPTIONS请求，检测服务器是否接受该跨域请求，接受则发起正式请求。先在浏览器的缓存中找，没有则在DNS服务器上找，没有则依次在根域名、顶级域名、权威域名服务器找，找到后，放在缓存里，方便下一次用。（5）服务器推送：在未请求时，服务器主动向客户端发送资源。

原创 vue面试题---组件之间的通信

1.1 子组件通过props接收----子组件修改父组件的值1.2 子组件直接通过this.$parent.xxx使用父组件的数据----子组件修改父组件的值1.3 依赖注入 provide传递 inject接收（可以向所有后代传）

原创 vue面试题---生命周期

发送请求方式有两种，例如直接发请求和调用方法发请求，如果是在方法中封装好，再调用请求的话，不能在beforeCreate里面写，因为这里还拿不到methods里面的方法。因为此时的加载顺序是先执行父组件中的前三个，再执行子组件的前四个，在执行父组件第四个。这时，如果要子组件先执行，父组件的请求就得放在mounted里面。想要在created里获取dom，可以写异步语句获取，例如定时器等，或者使用nextTick。父组件的前三个，子组件的前四个，父组件的第四个。

原创 BFC

属于同一个BFC的两个相邻的box的margin会发生重叠，所以可以创建两个BFC就可以解决。1. BFC --- 块级格式化上下文，只有区域内的元素参与渲染，不影响外部元素。浮动、绝对固定定位、非块级盒子、overflow的值不是visiable。3. BFC的盒子会在垂直方向上一个一个的放置。（1）解决外边距重叠。（3）自适应两栏布局。

原创 Canvas与SVG

切片：drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight)---前 4 个是定义图像源的切片位置和大小，后 4 个则是定义切片的目标显示位置和大小。（2）strokeText(text, x, y [, maxWidth]) 在指定的 (x,y) 位置绘制文本边框，绘制的最大宽度是可选的。（1）fillText(text, x, y [, maxWidth]) 在指定的 (x,y) 位置填充指定的文本，绘制的最大宽度是可选的。

原创 HTML5

a href="document.pdf" download>下载文档</a>