博哥的二进制世界

当merge分支如20230926Remote进入到另一个分支的时候，报错warning: refname ‘20230926Remote’ is ambiguous.这个警告通常由于引用名称（如branch名称、commit名称）不明确引起。当Git无法确定应该指向哪个branch或commit时，就会引发这个警告。

前端get请求参数包含数组的情况

微信公众号H5开发，在微信浏览器打开H5，无法一键下载图片

vue/react项目刷新页面出现404的原因以及解决办法

解决鼠标经过覆盖于低层级div的高层级div，依旧会触发低层级的hover属性的问题背景解决办法pointer-events属性pointer-events定义和用法：pointer-events属性值背景在写css的时候，发现高层级的div（用A表示，z-index为99）覆盖着低层级的div（用B表示，z-index为0）时，鼠标经过A与B重合的位置，依旧会触发被覆盖的B的hover事件如下图所示：解决办法如果我们想在鼠标经过A与B重合的位置，不会触发被覆盖的B的hover事件，那么可以在A

微信小程序的一些开发限制背景背景这是平时工作中，写微信小程序时碰到的一些开发限制，仅供参考大小限制，整个小程序所有分包大小不超过 8M，单个分包/主包大小不能超过 2M嵌套H5的跳转限制，小程序跳转的H5链接，必须是https协议，且所跳转的链接其域名服务器下必须放置校验文件（即所跳链接我们要有其服务器管理修改权限），才可在小程序中进行跳转请求接口限制，小程序请求的接口必须是https协议小程序内无法长按识别二维码，包括其嵌套的H5app跳到小程序，小程序才有返回app的能力，小程序无法单方

react+typescript装饰器写法报错的解决办法背景思路背景前段时间，通过react+typescript+umi构建项目，在使用装饰器写法使用dva进行状态管理的时候发现，装饰器写法在tslint中报错了，提示作为表达式调用，无法解析类修饰器的签名？？？附上代码import React, { Component } from 'react'import { connect, UserInfoModelState, Loading } from 'umi';@connect(({ us

如图所示，数据中多了一条横线解决办法是.el-table::before { z-index: inherit;}

Maximum call stack size exceeded报错的原因及解决办法背景解决办法Maximum call stack size exceeded报错原因如何解决背景在使用ElementUI的Select选择器，其中有一个可搜索的选择器，意思就是用户输入文字，选择器option选项可以模糊搜索（根据用户输入的文字推荐选项）然后我给选择器的el-option根据数组 Options 进行遍历，该数组长度大概15万条，总之就是为了推荐选项更为精确，数组长度十分巨大<el-selec

关于vue项目本地localhost可以正常访问项目，ip却无法访问项目的解决办法在进行本地页面调试的时候，地址栏可以输入两种地址来访问页面http://localhost:8080http://192.168.97.15:8080但是此时碰到了一个问题，即http://localhost:8080可以访问页面，但是 http://192.168.97.15:8080却无法访问页面首先以为是防火墙的问题，当关闭了防火墙，问题并未解决之后，修改vue项目中config目录中index.js，将

vue数据更新了但是页面不更新的解决方案背景解决方案背景有时候我们会碰到vue的data数据更新了，但是页面上却不更新的情况，这有可能是页面上依赖的data数据层级太深导致。如下示例：el-option依赖于memberNameOptions[index].arr，即memberNameOptions属于一个数组，而memberNameOptions[index]属于一个对象，对象中的arr属性又是一个数组，数组中的元素又属于对象，这样多层复杂类型的数据，可能会导致vue数据更新，但页面不更新的情况

vue-cli 如何让Eslint 报错在浏览器控制台输出背景解决办法背景现在新版本的vue-cli创建的项目，eslint的报错已经不在浏览器控制台输出了，而是默认在终端输出然而我们通常习惯在浏览器控制台中做项目的调试，而不会经常看终端的报错，导致往往忽略了eslint的报错。那么应该如何让Eslint 报错在浏览器控制台输出呢？解决办法在根目录新建 vue.config.js 文件, 加入下列配置module.exports = { devServer: { hot: true

@[TOC](vue3配置路由报错Catch all routes ("*") must now be defined using a param with a custom regexp.)背景vue3项目在配置路由时指定未识别的路径自动跳转404页面时，报错Catch all routes ("*") must now be defined using a param with a custom regexp.意思是捕获所有路由（“”）现在必须使用带有自定义正则表达式的参数来定义解决方案改

微信小程序无法使用async await的问题背景解决方案背景在微信小程序使用async await，如async getJobDetail() { const params = { employeeUserNo: wx.getStorageSync('employeeUserNo') || null, positionNo: this.positionNo, } const res = await JobApi.getJobDetailApi(para

watch侦听器中，我们要将新的值赋给this.a出错watch: { value: (newV, oldV) => { this.a = newV; }}这里报错undefined，这里错误的原因是不能写成箭头函数。写成箭头函数后，this会取上下文，而不是组件里面的this了，正确写法为：watch: { value: function(newV, oldV) { this.a = newV; }}如下图:...

控制台出现报错DevTools failed to load source map: Could not load content for chrome-extension://的原因及解决方案在调试前端项目的时候，谷歌浏览器控制台报错DevTools failed to load source map: Could not load content for chrome-extension://ncennffkjdiamlpmcbajkmaiiiddgioo/js/xl-content.js.map:

出现VW自适应方案报错already has a 'content' property, give up to overwrite it的原因及解决办法背景及原因解决办法文章参考背景及原因在使用vw自适应解决方案的时候，当引入第三方UI组件库或者使用伪类选择器出现了already has a ‘content’ property, give up to overwrite it的报错。这是因为postcss-viewport-units插件会自动给html元素添加content属性，由此就造成了伪类

git拉取不了最新的远程分支到本地的解决方案查看远程分支有时候拉取远程分支到本地，会提示远程分支不存在指定的分支查看远程分支git branch -r有时候拉取远程分支到本地，会提示远程分支不存在指定的分支git fetch origin // 运行 git fetch origin 来同步远程服务器上的数据到本地。git checkout -b dev origin/dev // 已经同步了分支，现在就可以拉取远程分支了...

背景最近项目打包的时候，本地打包没有问题，且能正常运行，但是一旦放到了容器上进行自动构建和发布的时候，就会报错caniuse-lite is outdated. Please run next command `npm update，并终止编译和打包解决方案法一：npm update这里提示我们需要npm update，需要注意的是，我们不能直接npm update，因为这会让我们所有的依赖包全部update,我们需要带上包名，所以应该这样写命令：npm update caniuse-lit

遇到这个问下，先检查看看是不是看着vant的2.x版本进行开发。vant2.x版本代码如下：<van-popup v-model="show" closeable position="bottom" :style="{ height: '30%' }"/>vant3.x版本代码如下：<van-popup v-model:show="show" round position="bottom" :style="{ height: '30%' }"

react+typescript通过window.xxx挂载属性报错的解决方案背景解决方案背景如下图，在react+typescript项目中，通过window.xxx挂载属性报错了，提示类型“Window & typeof globalThis”上不存在属性xxx，这是因为在typescript项目中，我们没有对window进行类型声明的原因，所以才会报错解决方案通过对window进行类型声明，即可解决此问题。在项目src目录下创建types文件夹，文件家下创建common.d.ts

前端请求接口状态报blocked:mixed-content的原因如下图，前端在请求接口的时候报错Mixed Content，这是因为浏览器不允许在https协议的页面里请求http的接口，现在高版本的浏览器为了用户体验，都不会弹窗报错，只会在控制台上打印一条错误信息。最简单的解决办法当然就是不要使用http请求，把网站上的http请求都迁移到https。...

前端跳转链接报错403的原因以及解决方案背景及原因在跳转时清除请求头中的Referer信息，解决403 forbidden背景及原因当前端项目在跳转第三方外链的时候，有可能会出现这样的情况，如下图，显示403 forbidden报错然而直接复制地址，在新窗口打开，却没有任何问题，可以正常访问。我们打开控制台，可以看到在项目中打开，数据请求的请求头多了一个Referer: http://localhost:3000/而复制链接在新窗口直接打开，请求头中并不会携带Referer这就说明是Re

报错原因执行npm i 命令时，出现了npm ERR! cb() never called!错误，这是因为npm缓存所致，解决思路就是清除npm 缓存解决办法法一：npm cache clean -f一般情况执行完后再试下 应该就OK了法二：如果1方法不奏效的话，只能采用升级覆盖安装的方式清除完缓存后，安装最新版本的Node，之后重新执行npm install...

app.json: ["subpackages"][0]["root"] 字段需为 目录小程序分包的时候报错app.json: ["subpackages"][0]["root"] 字段需为 目录解决办法很简单，重启微信开发者工具即可…

canvas设置像素与画布样式宽高不符的原因及解决办法背景解决办法背景canvas绘制元素的时候，其单位通常都是以像素来统计的，且其设置的像素，是真实屏幕上的像素点数量，而我们通过css设置的像素并不是真实屏幕的像素点数量，其与dpr有关，所以有可能会出现以下情况：即通过css设置画布宽高，之后再在canvas中绘制元素的时候设置与画布相同宽高的像素，元素并不能占满画布，甚至对于尺寸的预估还差了一大截。为了解决这一问题，我们需要获取canvas画布中真实宽高的像素点数量，才能更好的设置元素的宽高解决办

报错wxConfig is not defined当出现报错报错wxConfig is not defined时，解决办法也很简单，重新扫码录微信开发者工具即可…

解决移动端页面window.location.replace不生效的问题背景解决办法背景window.location.replace在pc端浏览器中可以正常使用，但是在移动端的h5页面包括app的webview嵌套h5页面之后，window.location.replace不生效，并不能直接替换当前历史记录解决办法为了解决移动端h5不兼容window.location.replace的问题，我们可以通过window.history.replaceState来代替window.location.re

vscode配置eslint自动格式化报错"The setting is deprecated. Use editor.codeActionsOnSave instead with a source"

react通过props.history跳转页面，页面不更新的解决方案react引入react-router-dom，通过props.history跳转页面，url发生了变化，但页面没有更新（常出现情况：主路径不变、查询字符串改变）。这种情况我们可以通过以下办法解决如果是class组件，可以通过shouldComponmentUpdate将页面重新渲染如果是class组件，可以通过componentWillReceiveProps将页面重新渲染如果是函数式组件，可以通过useMemo模拟shoul

toFixed四舍五入出现的问题

vscode配置eslint自动格式化报错"Auto Fix is enabled by default. Use the single string form"

在写微信公众号H5的时候，发现在移动端上，H5没办法自由选中文本进行文字复制。这实际上是由于微信浏览器和其他的移动端浏览器默认给元素添加了属性造成的。既然知道是这个原因造成的，那么我们通过修改属性即可解决问题user-select有none、auto、text、contain、all、inherit、initial、unset8个属性//不可选中 user-select : auto;//自动 user-select : text;//文本可选中 user-select : contain;

js小数计算丢失精度问题

前端html input =“file“ ios/安卓解决无法选择图库/拍照问题

el-dialog嵌套问题，第二个弹窗会被遮住的解决办法

axios设置请求头无效

ElementUI el-table 设置固定列，横向滚动条在固定列的位置上无法滚动的问题

el-table横向滚动条不显示问题

nuxt localStorage is not defined