- 博客(60)
- 收藏
- 关注
RSS订阅原创 VUE项目部署服务器之后刷新页面异常
vue项目在本地完美运行，经过npm run build之后把dist目录上传到服务后。只有访问文件跟目录可以运行，但刷新之后会找不到相应的页面。网上都说是hository路由的问题导致，需要修改成hash模式。如果不想修改为hash模式，需要修改服务器路由匹配规则。这个在大多数项目是可行的。但对我的项目不行，因为我的项目既有前端页面，也有后台接口，两个都部署在同一个服务器中。并且后台接口的项目已经做了路由伪静态。因为需要重定向配置try_files一起改。两边都修改完成之后，完美运行，刷新也正常了。
2024-11-28 17:24:18
558
原创 centOS如何查看并放行防火墙3306端口
命令来检查防火墙规则，确认是否放行了3306端口。现在，您已经确认了防火墙是否放行了3306端口。在CentOS系统中，您可以使用。，则表示3306端口已经被放行。首先，确保您的系统上安装了。
2024-08-31 14:10:49
1000
原创 JavaScript导入导出excel
在JavaScript的浏览器环境下导入和导出Excel文件，主要可以通过一些库来帮助我们简化操作，比如SheetJS（也称为xlsx库）和。
2024-07-22 22:39:46
721
1
原创 Windows安装php_ssh2扩展
下载好压缩包后，解压缩得到php_ssh2.dll、php_ssh2.pdb文件，将这两个文件复制到php扩展文件夹ext。重启服务器，再次读取php信息，如果出现以下信息，说明安装成功。先用phpinfo读取使用的php的版本信息。点击链接下载对应链接。
2024-05-20 10:09:09
520
原创 企业微信互联企业，实现不同企业微信主体相互通信
4、分部扫码成功之后，已经可以看见分部的文件夹了。总部与分部都导入共享的部门与成员。导入之后，在外部企业联系中可直接找到该用户。公司有三个分部，每一个分部都有各种的企业微信账号。现在有一个需求，三个分部之间的成员需要相互通信。5、导入之后，此时在客户端中依旧找不到外部企业通讯录，我们需要将新建的外部联系通讯录发布一下。6、自此，在客户端中的通讯录中已经可以联系分部的同事了。首先确定一个总部，又总部发起邀请分部加入到互联企业当中。这时候可以使用企业微信的互联外部企业功能。2、总部邀请分部加入到互联企业当中。
2023-08-23 09:27:11
1363
原创 echarts图表渐变色 + 每个柱子不同颜色设置
echarts柱状图，默认所有柱子都是同一个颜色，显示效果差强人意，本文介绍如果修改成为每个柱子添加不同的颜色，以及如何添加渐变色，丰富图表的显示鲜果。先看效果：每个柱子颜色不同每个柱子都有自己的渐变色。
2023-08-04 10:05:44
17688
2
原创 echart图表X轴文字太长被隐藏标签解决方案
在Echart图标中，X轴的标签文字间隔默认是自动计算的，在标签文字长度太长的情况下，有可能标签会被隐藏掉，如图这种显示显然是不符合严谨的业务需求。以下提供三种解决方案。
2023-08-03 10:04:27
4822
原创 web浏览器在线预览Excel，PDF，world文档解决方案
众所周知啊，在web浏览器中是无法直接预览Excel、world文档等文件的，PDF有的浏览器是打开预览，有的浏览器是跳转到下载页，行为不一致也是让开发者头疼的事情。今天给大家提供一个解决方案，实现office文件在线预览的解决方案，这个在开发OA，推送通知触达的应用非常有用。借助插件——onlyoffice实现在线预览功能！在宝塔面板的【软件商店】中查找应用docker，安装docker跟docker管理器，并将它放置在面板首页。这样我们就可以在面板首页找到docker管理器了。
2023-07-18 10:37:19
6624
原创 TP6关联统计无法去重的解决方案
在tp6中官方手册跟源码中是没办法做到去重关联统计的，因为源代码中的withCount方法，默认是以“*”进行统计。当我们想要统计类型有多少，而不是数量有多少的时候就会非常麻烦。这时候需要修改源码，将默认的“*”，改成传参的方式，在调用的时候可以使用 “distinct filed"的方式去重了。
2023-02-15 16:08:57
724
原创 uniapp本地模拟器、手机真机调试报错{“errMsg”:“request:fail abort statusCode:-1”}解决方案
在本地用uniapp开发项目的的时候，h5渲染没有异常，在模拟器，平板、手机真机的时候报错：{“errMsg”:“request:fail abort statusCode:-1”}。
2023-02-13 17:16:45
5450
原创 Unhandled promise rejection错误解决
现象：后台数据有正常返回，但前端报错：Unhandled promise rejection
2022-07-19 12:23:53
48196
原创 微信开发者中调试企业微信小程序
在微信开发者中要调试企业微信的小程序必须使用企业微信小程序插件： 该插件可通过 【设置】->【扩展设置】->【模拟器插件】中获取安装完成之后更改运行模式。更改成【企业微信小程序模式】运行这样一来就可以模拟在企业微信中打开小程序的场景，可以调试相关客户端api接口，例如，企业微信登录。...
2022-06-27 11:27:42
4540
5
原创 ElementUI的Select组件在IOS唤不起软键盘解决
原因：在ElementUI的select组件中，如果添加了filterable属性的话，那么实际渲染是这样的：也就是说加多了一个readonly属性，在IOS上的input的readonly属性就会导致软键盘无法弹出的情况。解决：只要移除掉组件的readonly属性就可以了，在select组件中加入如下三个属性：代码：ref="select"@hook:mounted="cancalReadOnly"@visible-change="cancalReadOnly"方法如下：
2022-06-15 09:28:40
2743
3
原创 关于mysql无法存特殊字符的解决方案
今天在做curd操作的时候，发现了一行数据无法插入，报了这么一个错，SQLSTATE[HY000]: General error: 1366 Incorrect string value: '\xF0\x9F\x88\xB2\xE5\xB9...' for column 'chat_name' at row 29大概意思就是，29行的数据是无效字符。于是查看了29行的数据，发现：确实有一个特殊字符。原因：在utf-8下没有这种特殊字符的编码，因此无法存入解决方案：将数据表跟数据字
2022-05-18 17:35:46
4076
原创 Canvas清除画布clearRect非常容易踩坑的点
对于cxt.clearRect()的基础理解是这样的：可以用来清除画布中的内容，那么只要cxt.clearRect(0，0，画布宽，画布高) 就可以清除整张画布。如果只理解到这里，那么clearRect就很容易踩到一个坑。我们来下例子，我做了一个自由画板，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-
2022-05-12 12:25:07
16071
2
原创 vue中.sync修饰符的作用
子组件要修改父组件的数据，经常采用采用自定义事件去修改。即$emit，这样一来，父组件就要写上修改属性的方法。如：
2022-05-03 10:59:39
1755
原创 font-weight在移动端不生效问题
font-weight属性可以加粗字体，可取值：数值、bold、bolder、lighter、normal。当font-weight取数值型的情况下，移动端可能显示不了粗体，部分手机渲染不了数值型的font-weight。示图：所以在手机端使用加粗字体的话，还是用回bold等取值，尽量避免数值型...
2022-04-30 11:05:35
3428
原创 H5常用meta标识。CV工程师必备
1、页面缩放：<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">简要说明：页面原始缩放比例1，最大缩放比例1，最小缩放比例1，不允许用户手势缩放适用情景：某些移动端在聚焦input框或则点击单选框或则多选框的时候，页面会强制缩放，影响界面显示。这时候加入这个meta信息将不会再进行缩
2022-04-29 17:54:19
1331
原创 JAVA笔记：Error:Cannot determine path to ‘tools.jar’
问题：Error:Cannot determine path to ‘tools.jar’使用IntelliJ IDEA 2020版时出现以下错误问题分析1、java版本问题：（摘：版本更新到9.0后的变化）JDK 9的核心变化就是引入了一种新的Java编程组件，也就是模块，按照Oracle的说法，它是一个可命名的、自描述的代码和数据集合。模块技术的核心目标是减少Java应用和Java核心运行时环境的大小与复杂性。为此，JDK本身进行了模块化，Oracle希望通过这种方式提升性能、安全性
2022-04-07 17:14:09
23141
3
原创 JS树状结构处理（新增、删除、查找）
在遇到如下类型的树状结构列表时，在新增、修改、删除的时候需要即时更新列表。数据结构一览：data = [ { "id": 64, "pid": 0, "font_route": "1", "api_action": "", "is_menu": 0, "is_show": 0, "title": "1", .
2021-12-01 11:10:31
9265
3
原创 linux下TP6无法保存session的坑
linux下TP6无法保存session的坑tp6 session无效 的坑 - 沅来是澧 - 博客园Linux下Session无法保存 - 简书
2021-12-01 10:28:21
2147
原创 端口映射踩坑记录
今天在服务器上部署了一个web环境，因为服务器上有其他的项目，所以开了8082端口作为新项目的服务端口。然后通过深信服配置域名端口6000，映射到8082上。即是：域名:6000 -> 服务器地址:8082整个逻辑是没有任何问题的。但是当我们访问的时候，报如下的错误：而且奇怪的是，有些浏览器可以打开，有些浏览器不能打开。找了一会资料，发现问题出在映射的6000端口上，在一些浏览器中，比如chrome中，6000端口是作为特殊端口处理的。如下是chrome默认的非安...
2021-08-17 11:46:41
697
原创 移动端H5音频自动播放解决方案
IOS跟Android以及微信自带的浏览器为了用户体验，默认是已经屏蔽了autoplay属性。在这中情况下可以有几种曲线救国的方法。1、触摸监听（touchstart）播放严格意义上来讲，这不是自动播放，而是“仿真”、“模拟”、“虚假”的自动播放。原理是当用户触碰到屏幕就开始播放音频，以达到看起来好像是自动播放的假象。但如果用户就是打开页面，并没有触屏的话，那就不会播放了<audio autoplay="autopaly" loop="loop" id="audios">
2021-07-30 10:46:03
8276
2
原创 animation动画结束后css样式怎么保留最后状态
今天被问到个问题，动画结束后css状态会返回到初始状态，希望动画结束后css状态达到最后的模样。为了达到这个效果，只需要在动画的元素上添加css样式：（animation-fill-mode:forwards）。animation-fill-mode语法animation-fill-mode : none | forwards | backwards | both;值 描述 none 不改变默认行为。 forwards 当动画完成后，保持最后一个属性值（在
2021-07-27 12:13:55
4935
原创 网页上播放微信录音amr文件方案
在最近的H5项目中，遇到了个棘手的问题。项目中需要使用微信录音的JSSDK接口，录完音后上传到自己的服务器上。流程如图：整个流程非常清晰，也十分顺利。但下载到网站服务器上的文件时amr格式的音频文件。这种文件前端页面无法直接播放，无论时audio标签，还是各类JS播放音频文件的库都不支持直接播放amr文件。查了很多资料，总共有以下三种解决方案：1、上传时通过阿里云OOS、七牛云等云存储系统的API接口直接转码保存这里以阿里云OOS为例，文档地址：传送门但是！！！！！...
2021-07-22 14:46:13
1685
原创 多个tramform元素层叠问题解决
在同一父级下的多个transform元素，后声明的元素的层级要在先声明的元素之上。这就会导致后者会覆盖前者。如果我们要做一个音乐播放动画，那么就会出现这种情况：HTML代码：在transform中，z-index是失效的，因此不能通过设置z-index来解决问题。解决方案：在transform中要通过设置两者 Z 轴的方向，首先要在父级元素上声明变换类型（transform-style）为3D变换，然后设置子元素的 translateZ 属性，即可。Transform-style:
2021-07-22 11:29:16
1085
原创 Element组件踩坑记录
1、Dialog内放置表单，在初始化、resetField操作中出现异常。原因：Dialog为中的body内容为动态渲染。即第一次页面加载的时候，并不会渲染放置其中的表单因此要将更改表单值的操作放置在 $nextTicket 操作当中。然后判断 this.$refs['dialogForm'] 的值是否为 undifiened 进行下一步操作。openDialog(type,data) { this.dialogFormVisible = true; this
2021-07-08 09:18:47
299
原创 ES6中import踩坑
今天阿斯蒂芬撒地遇到个import陷阱，记录一下。有两个JS文件，1、counter.js 文件let counter = 10export default counter2、index.js文件import myCounter from './counter'myCounter+=1console.log(myCounter) //myCounter is not defined在index.js中报错。原因：myCounter+=1 实际上 是 myCo
2021-07-02 16:57:30
270
原创 企业微信JSSDK接口页面加载完无法立即执行的问题
有一个需求，是希望用户一进来就自动获取其地理位置。因此，我在代码中是这样写的我希望在页面挂载前就获取数据。然而却无法成功：问题分析：1、JSSDK能获取权限。证明不是签名认证的问题2、能打印出 w_l 字符，证明函数确实有被执行3、没有报任何异常，接口也没有输出，那很可能是执行了函数但是没有执行接口。于是乎猜测可能JSSDK也是异步操作，类似与jquery的 ready 一样，于是乎翻阅了一下文档，发现其中有这么一段话：那么答案很明显，跟我猜测的一致，于是乎改写如下.
2021-06-24 13:57:01
848
原创 JS使用策略模式改写表单验证
现在我们有一个表单JS写表单验证，常见的写<form action="/" id="myForm" method="POST"> 用户名：<input name='user' type="text"> 密 码 ：<input name='pwd' type="text"> <!-- 手机号：<input name='phone' type="text"> --> <button ty
2021-06-16 13:32:12
301
原创 Tp6 —— hasWhere踩坑
hasWhere可以根据关联条件来查询当前模型对象数据。以下是官方手册说明：传送门但是这个函数有很多坑：坑点1、使用hasWhere后，主模型必须使用别名，并且并别只能是去除前缀后的驼峰形式。因为使用hasWhere生成的sql语句中使用的是inner join语法，其中on 语句在TP6中，会自动带上主表去除前缀后的驼峰形式，因此不加别名的话，sql语句会报错。坑点2、使用hasWhere之后，field方法不再起作用，无论是放在任何地方，都是全字段查询。因为Tp6封装后的语句就是 ta...
2021-06-14 12:35:33
3924
3
原创 JS事件循环机制图解
1、什么是事件循环：众所周知JS是单线程、解释性语言（解析一行执行一行）。这就意味着假如遇到耗时任务，比如setTimeout，那么整个程序势必会阻塞等待setTime
2021-06-12 18:08:32
1239
1
原创 JS数组常用操作【判断类型、最大值、最小值、去重、扁平化等等】
一、isArraylet a = [1,2,3,4]Array.isArray(a) // true
2021-06-04 15:37:22
359
原创 JS函数预编译过程
众所周知，函数有自己的作用域，并且JS存在函数预编译。那么今天来简单谈一谈，函数预编译的过程。函数预编译主要分为四步：1、创建执行上下文对象AO ，ji'shi
2021-06-04 11:30:12
468
1
原创 JS节流函数应用及实现
一、节流概念节流函数指的是在频繁触发的事件中，在一定时间内只执行一次。举个栗子，你是个蛋糕狂爱好者，你每天都要路过蛋糕店，并且每次都要进去买蛋糕吃。但是现在你决定要jian'f
2021-06-04 10:37:54
835
原创 JS防抖函数实现及应用
一、什么是防抖函数：防抖函数是指事件多次不间断触发，在一定时间内没有再触发时，执行最后一次触发的事件函数。 举个例子，你每天给你女神送牛奶，
2021-06-04 09:42:13
3557
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人