- 博客(8)
- 收藏
- 关注
RSS订阅原创 uniapp调用wx.scanQRCode()方法，安卓手机正常，苹果手机异常的问题
场景：使用uniapp开发微信公众号网页，调用wx.scanQRCode()方法实现扫码功能，出现安卓手机正常扫码，苹果手机无法扫码，需要手动刷新页面后才可以扫码的问题。点击菜单跳转路由的逻辑代码，最初是使用uni.navigateTo（）方法跳转，所以出现了苹果手机无法扫码，需要手动刷新页面才可以扫码的问题，后来改成了window.location.href的方式跳转就解决了这个问题。出现这个问题的原因主要是：跟你传给微信的url有关，微信会获取你的页面当前的url（即document.loc
2021-07-06 11:44:49
5095
原创 Web Serial API，在web端通过串口与硬件通信
本文主要是翻译：https://web.dev/serial/该博客内容，用于学习该API的使用，并且用于项目需求开发。关注我，了解更多关于Web Serial API的踩坑经验分享。什么是Web串行API?串口是一个双向通信接口，允许字节发送和接收数据。Web Serial API为网站提供了一种使用JavaScript对串行设备进行读写的方法。串行设备可以通过用户系统上的串行端口连接，也可以通过模拟串行端口的可移动USB和蓝牙设备连接。换句话说，Web Serial API通过允许网站与串行设备
2021-05-16 13:12:15
17230
30
原创 一文搞懂this指向
1、this的默认绑定this 默认指向了 window// 1、全局环境下的this指向了window console.log(this); // 2、函数独立调用，函数内部的this也指向了window function fn() { console.log(this); } fn(); // 3、被嵌套的函数独立调用时，this默认指向了window var a = 0; var obj = { a: 2, foo: function
2021-03-28 10:53:50
182
原创 Promise详尽指南
文章目录1、常见的内置错误1.1、ReferenceError：引用的变量不存在1.2、TypeError：数据类型不正确的错误1.3、RangeError：数据值不在其所允许的范围内1.4、SyntaxError：语法错误2、错误的处理（捕获与抛出）2.1、捕获错误2.2、抛出错误3、Promise的理解与使用3.1、promise是什么？3.1.1、抽象表述：3.1.2、具体表述：3.2、Promise的状态和状态的改变3.2.1、3 种状态：3.2.2、状态改变3.2.3、总结3.3、Promise的
2021-03-28 10:37:49
273
原创 封装组件引发的问题——vue给对象添加响应式属性
在开发中发现发现有好多关于搜索的表单的业务，所以想封装一个搜索的组件，只用通过声明式的配置就可以自动生成我想要的搜索表单。样子就是下图这个样子：以上组件封装基于Ant Design of Vue组件库，原理都一样，可根据自己需求更改。因为在给form对象动态添加属性值不是响应式的，导致表单无法双向绑定form对象的值，form对象的值能改变，但是视图不会改变。这个bug尤其体现在select选择器上，所以我给select选择器绑定了change事件，通过监听change事件去修改绑定的form的值。 最
2021-03-28 10:30:32
374
原创 uniapp中使用第三方百度地图
要使用第三方百度地图，首先要去百度地图官方申请一个密钥，之后引入百度地图的API文件，参考使用文档即可开发使用。而在uniapp中是没法直接引入百度地图API文件的，我们要结合uniapp中的web-view组件来使用。web-view 是一个 web 浏览器组件，可以用来承载网页的容器，会自动铺满整个页面（nvue 使用需要手动指定宽高）。各小程序平台，web-view 加载的 url 需要在后台配置域名白名单，包括内部再次iframe内嵌的其他url。经过我多次实验web-view要引
2021-03-28 10:15:57
13480
11
原创 Angular快速上手
一、父子组件传值篇@Input() 和 @Output() 为子组件提供了一种与其父组件通信的方法。 @Input() 允许父组件更新子组件中的数据。相反，@Output() 允许子组件向父组件发送数据。父组件向子组件传值—@Input子组件或指令中的 @Input() 装饰器表示该属性可以从其父组件中获取值。父组件 app.component.tsimport { Component } from '@angular/core';@Component({ selector: 'a
2021-03-28 10:08:35
575
原创 vue 项目中引入外部 js 文件以及 HTML 文件
最近在项目中遇到了一个需求，就是要在vue项目中引用后台指定的HTML页面和一些外部的js文件，并在vue项目中使用，下面就记录一下吧。1、引入外部 js 文件在util.js文件中封装一个工具函数，专门用来引入外部 js 文件，使用时只需传入外部 js 文件的地址即可，该函数会返回创建好的script标签。export function createScript(src) { const s = document.createElement("script"); s.type = "text
2021-03-28 10:05:30
3869
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人