筷头哥-CSDN博客

原创 uview1.0部分机型u-input组件禁用后无法触发click事件

最近，线上的一个 App 收到用户反馈，输入框禁用状态下点击无法拉起模态框。找了一下身边可用机型进行了测试，在。中复现了这个问题，只有输入框右侧的图标可以触发点击事件，点击输入框无法触发点击事件。注：input 组件是 uniapp 提供的内置表单组件，是没有点击事件的。也就是说在部分 Android 机型上，禁用状态下的。事件没有向上冒泡，从而导致外层的盒子无法触发事件。组件外套了盒子，外面的盒子确实绑定了。事件，我们处理的实际上是。组件的点击事件而不是。

2023-10-22 23:53:02 1605 2

原创 uniapp查看ios打包后的Info.plist文件

最近在用 uni 开发 ios 的时候给项目添加了自定义的 Info.plist 文件，但是打包后发现并没有生效，才有了查看打包后的 Info.plist 文件想法。解压后有一个 jar 包和一个主类，用 IDEA 新建一个Java工程，在 Project Structure 视图中添加刚才下载好的文件中的 jar 包。然后，在将主类 cv 到项目中，填写好 Info.plist 路径和转存的 xml 的路径，运行之后就可以看到 plist 对应的 xml 信息。文件解压，可以在解包后的。

2023-07-18 23:33:34 1459

原创 element ui表格showOverflowTooltip文字过长优化方案

从 DOM 节点可以看到，当鼠标进入 show-overflow-tooltip 属性作用的单元格时，body 下会多一个 class 为。中发现，showOverflowTooltip 的实现，也是使用了 element ui 的 tooltip 组件。这种方法的缺点就是，每个单元格都会有 tooltip 逻辑，而不是在文本超出裁剪之后才显示。上面这种方法的缺点显而易见，会造成全局样式的污染。的节点，这个结点就是真实的 tooltip 的 DOM。属性后，tooltip 的宽度会撑满屏幕。

2023-03-12 09:50:11 3205 2

原创 a 标签 download 属性失效解决方案

在网页中为了实现附件下载功能通常会使用 a 标签的 download 属性，但是对于跨域的图片资源，浏览器会直接打开这个图片，而不是下载。在 JavaScript 使用 ajax 获取图片内容，然后动态创建文件地址，通过模拟 a 标签的点击事件完成下载。将图片地址页面同源处理，可以在nginx中配置代理转发到指定的图片地址。// 需要指定响应类型为 blob。

2023-02-17 14:51:37 2542

原创百度地图JavaScript API GL1.0给折线添加箭头

至于，纹理图片可以使用 Photoshop 自己画一个，需要注意的是箭头方向，例如：轨迹由 A 运动至 B，箭头向下，则实际效果由 A 指向 B；反之，则由 B 指向 A。Photoshop 工程图层可以使用上面的配置，GL 版本的箭头显示相较于 2.0、3.0 来说要更加丝滑，使用也更加方便。中有介绍到给折线添加图片纹理，使用了一个 JavaScript 类参考中没有写出来的属性。但是，在 GL 版本中移除了 IconSequence，那是不是就没办法实现呢？

2023-01-19 16:29:18 1960 7

原创 CSS实现文字扫光特效

上大学的玩 ae 的时候，就曾遇到过这个特效。注意：background-clip 在 chrome 中需要添加厂商前缀 -webkit- 才能好使。

2022-12-17 21:29:28 2418

原创 Vue父子组件间数据的双向绑定

在vue中数据的流向通常是单向的，但是实际开发中，存在父子组件都需要对父组件值进行更新的情况，vue提供了两种方法实现数据的双向绑定：在父组件上 v-model 会利用子组件名为 value 的 prop 和名为 input 的事件，父组件上的值的改变通过 value 传递到子组件，子组件的改变通过 emit 触发 input 事件传递回去。子组件代码如下：此外，vue 组件提供了 model 属性，可以修改 v-model 在子组件中 prop 对应值和事件名，将 input 事件修改为其他事件。

2022-12-03 16:05:50 4399

原创 element ui两个日期选择器限制选择范围

假定有这么个场景需要两个搜索条件，分别为开始时间和结束时间；要求使用两个不同的日期选择器，并且需在不添加表单校验的情况下保证日期输入的合理性，即开始时间必须小于结束时间。注：如果new Date()传入一个空字符串，因为日期不合法，getTime方法获取的日期是NaN。思路就是通过配置日期选择器的。

2022-11-18 23:17:08 1268

原创超级简单的文件上传进度条实现

文件上传进度条实现的核心就是对文件上传进度的监听，在前端通过ajax发送请求，可以对XMLHttpRequest.upload的onprogress事件进行监听，从loaded属性中获取已上传的文件大小

2022-10-30 07:00:00 3541 1

原创 vue-router控制台异常：Uncaught (in promise) Error: Redirected when going from “/“ to “/foo“

Uncaught (in promise) Error: Redirected when going from "/" to "/foo" via a navigation guard. at createRouterError (vue-router.js:2052:17) at createNavigationRedirectedError (vue-router.js:2011:12) at vue-router.js:2382:19 at test.html:69:1

2022-10-18 00:23:31 5501 1

原创 element ui的select选择器collapse-tags属性文本换行

F12 可以观察到，输入框中显示的两个 Tag 对应了两个 span 标签，当 Tag[1] 的长度过长时，默认的宽度为 max-width，会出现 Tag[1] 文本溢出，Tag[2] 换行。官方给的 collapse-tags 案例是这样的，默认展示第一个选项的 label，更多选项的 label 折叠为一个 Tag。只需要加上下面这段 css 样式就可以达到文本不换行的效果。

2022-09-27 22:35:00 6390

原创如何配置百度地图应用访问白名单

百度地图的应用有四种类型，移动端（ios和Android）不需要ak、浏览器端需要设置Referer白名单、服务器端需要设置IP白名单。接下来会在官方给出的白名单配置的基础上进一步说明：什么是Referer？http的请求首部中有一个Referer字段，用来说明包含了当前请求的URI的文档的URL。譬如，在访问www.baidu.com的时候，服务器返回一个HTML，这个文档中包含了图片等其他资源，又会向服务器发送http请求获取这些资源，而这些资源的http请求头中会有一个Referer字段，标识包含这

2022-08-06 22:29:49 11200

原创 Vue中使用百度地图引发内存泄露的分析与解决方案

近来在对vue项目进行优化的时候，发现使用了百度地图组件会引起内存泄露的问题，组件在关闭后没有释放相应的内存，每次打开这个组件，内存都会增加。

2022-07-30 18:25:42 3661

原创 uniapp使用npm update更新后编译报错问题

Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.在报错的文件夹下，发现目录下多了一个sass-loader依赖包，因为我项目中使用了uview，已经安装了sass-loader，这样node_modules中就存在两个sass-loader，那是不是删除一个就好了？删除里面的sass-loader，无法找到可以的依赖也会报

2022-07-08 09:33:09 1142 1

原创 uniapp安卓手机无线真机调试教程

从 Android 11 开始USB调试新增了无线调试功能，需要搭配 adb 30.0.0 及以上版本使用，请确认你的系统和adb是否符合要求。adb 最新版本下载入口： SDK Platform Tools版本说明下面以小米10s为例，保证手机和电脑在同一局域网的情况下，进入开发者选项开启USB无线调试。开启之后点击无线调试，可以看到Android设备无线调试所使用的IP和端口将之前下载好的 platform-toos 文件夹移动到 HBuilderX 提供的adb目录下：进入33.0.1

2022-04-23 18:46:51 12506 2

原创如何计算地球上两点的距离（附公式推导）

前段时间，看了一些电子围栏的算法，对其中一段计算球面上两点距离的代码有些不解，然后找了一下相关算法，在维基百科的大圆距离词条中记录了相关的计算公式，大致思路就是求出这两点间的弧长对应的圆心角的余弦或正弦，然后利用反三角函数计算出圆心角的弧度，最后求出：弧长=弧度值 × 地球半径。注：上图使用的是百度地图测距功能，测量湖北省襄阳市火车站出站口和位于吉林省长春市的地铁1号线所途径的长春站北地铁站的距离一、具体实现假设球面上有两点A(λ1 , φ1)、B(λ2, φ2)，λ 和 φ 分别表示它们在地图中的

2022-01-16 00:24:11 9697 2

原创 uniapp官方提供的map组件使用问题

1、地图SDK的选择博主在使用uniapp开发地图功能之前，使用过百度地图的SDK开发web地图功能。在最初的开发上希望能够使用百度地图的SDK，但是uniapp在接入地图功能时和web端开发还是有很大区别的，uniapp提供了一个地图组件<map>，因为产品只涉及到APP端，这里使用的是高德地图的SDK（这也是官方的推荐）注：在真机调试时，APP端的<map>组件使用的就是高德地图，配置其他的SDK会在打包后使用2、不同页面文件选择使用uniapp进行APP开发时，可以选择

2021-11-14 17:42:51 5524 8

原创 Java学习 | ArrayList扩容的扩容问题

先看一个问题：ArrayList list = new ArrayList(20) 中的list扩容了几次？答案：扩容了0次，我认为这题考的就是对ArrayList源码有没有了解。ArrayList在构造的时候是不涉及到扩容问题的，拿个构造方法，你问我扩容了几次，这不是在耍流氓么。看过ArrayList源码你会发现，在ArrayList类的三个构造方法中，只涉及到ArrayList底层所使用的对象数组（elementData）的初始化：显示指定容量不为零，则直接将 elementData 初始化

2021-11-06 22:37:56 2481

原创 uniapp开发中遇到的兼容性问题（待续）

使用uniapp开发过程中，有这么一段代码，将两个时间字符串通过JS的date构造函数，构造出两个日期并比较大小，在Android平台没有问题，在ios上就出现了日期比较失败，无法执行正常的校验。ios中不支持-作为日期之间的分隔符，需要使用/。使用replaceAll替换掉日期字符串中的-就好了。参考文献进阶之路-前端：ios对new Date() 的兼容问题...

2021-10-01 02:52:53 2282 2

原创如何根据地图上的两个坐标点来确定方向

在地图上有这么两个点，黄鹤楼（A点）和黄鹤楼的公园管理处（B点），怎么确定B点在A点的什么方向呢。在地理坐标系中可以将纬度看做直角坐标系中的Y轴，正方向由南向东北；将经度看做直角坐标系中的X轴，正方向由西向东。虽然地球是个球，但是放大了来看，球面的弧度并不影响我们将它看做一个平面直角坐标系。以B点为原点建立平面直角坐标系，求B点在A点的方向问题就变成了求角度问题，只要计算出线段AB和X轴或者Y轴的夹角，就可以描述A和B之间的方向。根据经纬度的坐标点先计算出AB两点之间的距离以及A、B两点的经度差值

2021-10-01 02:40:46 5033

原创 JavaScript使用Buidu地图开放能力实现轨迹回放

最近项目中需要使用百度地图做一个轨迹回放的功能，在这里对之前的开发做一个总结，介绍一下最简单的轨迹回放实现，如图所示。实现思路一段完整的轨迹由N多个轨迹点组成，这N多个点之间又有N-1条线段，百度地图中的Polyline类可以构造个地理坐标点之间的折线，可以将N-1条折线拼接成一条完整的轨迹路线。在轨迹回放中，往往不光有折线的运动，还需要有一个小汽车随着折线移动，小汽车的方向和每一段折线的方向保持一致（至于如何确定车辆的方向，可以看笔者之前的文章），每一段折线由坐标点组成，所以汽车在折线上的运动必

2021-10-01 02:35:14 1049

原创使用vue-cli创建uni-app项目，安装sass-loader运行失败

ERROR Failed to compile with 1 error error in ./src/App.vue?vue&type=style&index=0&lang=scss&Syntax Error: TypeError: this.getOptions is not a function

2021-08-02 23:29:46 1292

原创 JSP项目找不到css文件，报404异常

项目场景：Java web项目的目录结构如下：问题描述：部署到Tomcat后，访问页面没有css样式，network中显示css文件404jsp中引入css文件，路径没有问题，绝对路径和相对路径都无法找到css文件。。解决方案：WEB-INF目录是Java web 目录的安全目录，从浏览器中是无法直接访问到的，所以，CSS文件是不能放在WEB-INF目录的。...

2021-04-26 08:19:07 1704 6

原创 JavaScript实现一个手机验证码输入框

1、使用 span + input 标签实现设计思路：使用一个透明的 input 组件来接收验证码利用 onkeyup 事件，将 input 中的数字写入到 span 中（span的个数和验证码的数量一致）事件处理：屏蔽input输入框的所有事件（这里是将input的高度置0），让用户点不到这个input动态给span标签添加click事件，并且保证一组span中只能有一个持有click事件效果如下：代码实现：<!DOCTYPE html><html>

2021-03-24 20:39:17 2164 2

原创阿里云服务器如何使用admin账户登录

之前新购了一个轻量级云服务器，安装的是ubuntu镜像，在云控制台配置了root用户登录，现在想要使用普通账户登录。在 /etc 目录使用vim查看 passwd文件可以查看ubuntu中的用户，发现阿里云服务器中已经有了一个名为admin的普通用户。这个admin用户的密码是多少呢？passwd 的用户密码位显示x，加密过的密码存放在 shadow 文件中，那么使用 vim 查看shadow文件是否可以找到admin用户的密码。在admin后面的密码位竟然是个!，而root用户的密码在sha

2021-02-27 17:01:53 2641

原创 SpringBoot项目中MyBatis无法找到mapper.xml中指定的refid

项目场景：SpringBoot项目，MyBatis 异常：xxxMapper.xml 中无法找到 refid 为 xxx 的片段；更正之后，多次重新启动仍然无法消除这个异常。问题描述：org.apache.ibatis.builder.IncompleteElementException: Could not find SQL statement to include with refid 'org.peanutvideo.system.mapper.AppUserInfoMapper.selec

2021-02-09 14:56:46 911

原创 SpringBoot项目使用Ajax跨域请求，两次session不一致

问题描述第一次Ajax请求，后台在controller中生成一个6位随机验证码，和请求中的手机号码一起存放在session；第二次Ajax请求，后台获取session，无法获得第一次的session。原因分析分析一下session的原理，第一次Ajax请求发送，controller中使用HttpSession中的setAttribute()新建session并将手机号和验证码绑定。之后，在响应报文中会添加一个Cookie，这个Cookie中存放sessionId（SpringBoot项目中的ses

2021-02-07 17:51:30 2441 2

原创解决5+APP真机测试无法访问后台（同局域网）

项目描述客户端，基于H5Plus使用MUI框架开发的APP，运行环境为小米手机真机测试。服务端，使用SpringBoot搭建的项目，运行环境为SpringBoot内置Tomcat，部署端口为8090。问题分析电脑和手机连接同一个WiFi，手机点击按钮，触发Ajax请求，无法访问在笔记本电脑上部署的SpringBoot后台。原Ajax请求地址，使用的是localhost，打开电脑cmd窗口，输入ipconfig查询电脑的ipv4地址，修改localhost为电脑私网IP。mui.ajax("ht

2021-02-07 14:31:03 1774

原创 5+APP使用MUI发送Ajax请求Uncaught RangeError: Maximum call stack size exceeded

Ajax请求代码：mui.ajax("http://localhost:8090/user/login",{ data:{ status:ways, user:telephone, number:ways == 0 ? code.value:pwd.value, }, dataType:'json',//服务器返回json格式数据 type:'post',//HTTP请求类型 timeout:10000,//超时时间设置为10秒； headers:{'Conte.

2021-02-06 13:11:28 336

原创一次完整的HTTP事务包含哪些过程

一次完整的请求+响应被称为HTTP事务，在HTTP事务中有一系列的信息交换，这些信息交换是一个不可分割的整体，也就是说，要么所有的信息全部交换完，要么一次交换也不进行。（毕竟事务的特性搁那摆着）HTTP事务有以下四个部分组成： 1. 客户端与服务器建立连接。HTTP是基于TCP协议，这里的连接可以理解为TCP连接；如果我们只知道服务器的域名，还需要在建立连接前发起DNS解析，TCP的Socket通信需要服务器的IP地址；建立连接的过程需要三次握手。 2. 客户端向服务器发送请求。这个请求中包含客户

2021-01-23 09:29:42 4476

原创阿里云设置域名解析重定向后，无法使用Chrome访问

域名解析采用隐式URL方式，使用Chrome访问显示ERR_CONNECTION_TIMED_OUT，使用Windows自带的Microsoft Edge浏览器打开正常重定向。打开Microsoft Edge控制台，发现当前网址为http://blog.ddpapa.top而Chrome的浏览器中的网址为https://blog.ddpapa.top（个人域名并没有配置https协议）进入chrome://net-internals/#hsts，发现Chrome强制blog.ddpapa.top域名

2021-01-09 13:58:21 1025

原创 Ubuntu下安装Navicat15遇到错误

navicat15安装问题./navicat-patcher: error while loading shared libraries: libkeystone.so.0: cannot open shared object file: No such file or directory

2020-12-23 11:31:57 1923 2

原创 npm run dev 启动 vue 项目报错

npm run dev 启动一个 vue 项目报错。errno: -4058, code: 'ENOENT', syscall: 'spawn cmd', path: 'cmd', spawnargs: [ '/c', 'start', '""', '/b', 'http://localhost:80/' ]

2020-12-03 21:02:42 3171 1

原创小程序 | video标签中文字重叠问题

项目场景：微信小程序中使用 video 组件，并且在video标签中添加了几段文字，具体代码如下： index.wxml <video> <view class="interaction" style="bottom:{{itbottom}};"> <view class="videoInfo"> <view>别太委屈，不懂得珍惜你的人不会看见，不喜欢你的人只会觉得厌烦。</view> <view&

2020-11-27 10:52:13 816

原创 toISOString()得到的日期时差8小时

项目场景：从前端 vue 页面中获取一个日期（包括时分秒），需要将日期格式转换为 yyyy-MM-dd HH:mm:ss 格式。问题描述：这里选择使用的是 toISOString() ，，结果发现数据库中的数据总是差 8 个小时。rTime:function(){ var dateTime = new Date(); return dateTime.toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')}原因分析：使

2020-11-12 17:14:02 8574 5

原创 byte的最小值为什么是-128

在计算机中，数值是以二进制补码形式存储的，java 也不例外。8 位二进制补码的范围为 -128~127（-27 ~ 27 - 1）；byte 的范围就是 8 位二进制补码的范围。那么，问题来了。8 位二进制补码为什么能表示 -128 呢？补码中第一位是符号位，只有剩下的七位是数值位，即数值位全为 1 时，最大值为 -27 - 1 ，即 -127；如果再加 1 就会发生溢出变成 1000 0000。在补码中只有一个 0 ，即 0000 0000，+0；而 -0 ，1000 0000 在补码中规定

2020-10-15 21:36:36 4965 1

原创 mybatis 的工作流程

1、图示工作流程2、代码简单实现在eclipse中新建一个普通的Java项目，然后，在根目录下新建一个 lib 文件夹来存放 MyBatis 依赖的 jar 包，以及连接 MySQL 需要的 jar 包；新建一个 config 文件夹来存放相关的配置文件，项目目录结构如下：├─config│ │ jdbc.properties│ │ log4j.properties│ │ sqlMapConfig.xml│ │ │ └─sqlMap│ UserMapp

2020-09-20 19:00:43 448

原创 Idea新建maven项目报错：Unable to import maven project: See logs for details

1) No implementation for org.apache.maven.model.path.PathTranslator was bound. while locating org.apache.maven.model.path.PathTranslator for field at org.apache.maven.model.interpolation.AbstractStringBasedModelInterpolator.pathTranslator(Unknown Sou

2020-09-17 13:50:48 754

原创 Java实现分数的四则运算

1. 参与运算的分数，分母不能为 0，需要对无效的分数进行处理 2. 参与运算的分数，分子为 0 时，对于乘法而言，直接判定结果为 0；对于除法而言，除数为 0 时，直接判定结果为 0，被除数不能为 0（同样为无效的分数） 3. 对于运算的结果，需要要进行化简；如果结果为正，省略 + 号，结果为负，输出第一位应该为 - 号

2020-08-24 01:09:04 3121