- 博客(108)
- 收藏
- 关注
原创 docker 容器web站点 中文文件名访问404问题
摘要:排查服务器中文文件名404问题,发现系统字符编码、Nginx配置均已正确设置为UTF-8但仍未解决。最终通过在Tomcat的catalina.sh脚本首行添加./etc/profile命令并强制重启容器后,成功识别中文文件名。关键步骤包括检查系统编码环境、修改Web服务器配置,以及强制重启Tomcat服务(使用pkill -9终止进程后重新启动)。
2025-10-22 20:16:24
276
原创 浏览器默认的 title 提示框(tooltip)如果数据过长出现省略号问题
浏览器默认的 title 提示框(tooltip)如果数据过长出现省略号问题
2025-07-10 16:34:12
200
原创 安全拼接url,页面传参时如果有参数和无参数时拼接方法
如果 url 本身已经包含参数(例如 url = "/path?key1=value1"),直接拼接 ?token= 会覆盖原有参数或导致格式错误。以下是 安全拼接 URL 参数 方法:
2025-04-29 16:49:26
354
原创 uniapp图片数据流���� JFIF ��C 转化base64
你需要手动编写 Base64 编码逻辑或者使用第三方库。环境中(如微信小程序、支付宝小程序),如何把这样的文件流转化为base64,是浏览器提供的函数,但在。
2024-12-17 20:09:11
1113
原创 vue实现html转化pdf功能,pdf文件可以复制文字
之前使用和jsPDF实现html转pdf,但是客户说不能复制pdf中的文字,要改一下,先说不能复制的方法,再说可以复制的方法。
2024-10-21 10:43:59
1148
原创 el-popover放在el-table中点击无反应问题
我们想在table中给btn加弹框但是 el-popover点击按钮没有任何反应。:通过插槽去添加这个组件el-popover的id是否绑定了一个值。给每个el-popover都加上单独的id。代码 给每个组件都绑定ref。通过他的id去控制关闭。
2024-04-24 11:24:35
1162
原创 el-input限制只能输入数字,且保留2位小数
5.除非是小数,否则数字不能以0开头。4.当第一位输入小数点的时候。3.小数点后保留两位小数。2.只能有一个小数点。
2024-04-15 09:57:18
4955
1
原创 大屏 超宽屏自适应最优解决方案(transform:scale)
① 大屏使用rem 耗时 而且对浏览器最小字体不支持,② 使用transform:scale可以节省百分之九十工作量③ 好处不多说:看一篇文章 学习一下 咱们再来实战!优点:前期可以直接写页面,后期直接加上组件就行了,不用适配,直接用px写缺点:在和设定比例不一样的情况下,会被缩小展示,上下左右两边会存在一定的空白。
2024-03-01 18:06:27
4189
3
原创 文字超出显示省略号的多种方法
不换行,超出部分隐藏且以省略号形式出现(部分浏览器支持)2.word-wrap:break-word;只对英文起作用,以单词作为换行依据。只对英文起作用,以字母作为换行依据。只对中文起作用,强制换行。注意:以上换行只对中文生效,如果是英文字母就不会换行需要以下属性。强制不换行,都起作用。
2024-01-23 10:12:28
5235
原创 vue,适配电脑不同分辨问题,适配比例为100%和125%分辨率导致页面样式错乱问题
他基本是固定了关于vue项目的显示,不管是屏幕显示比例还是浏览器显示比例改变,项目的显示都不会受到影响,但是其他外部嵌入页面依然会随显示比例的改变而改变。新建一个js文件,名字随便起,这里命名为devicePixelRatio.js。或者其它全局的文件中引入并使用。
2023-12-29 17:11:55
2196
4
原创 linux部署前端页面(实战)
cd 你解压完的目录 我这里的是nginx-1.24 你们根据你们下载的文件命进入即可。2、修改listen后的默认端口号改为想改的端口号(如下图)把90改成1024以上就好了。这个命令会安装到默认路径usr/local/nginx,可以通过。找到\conf\nginx.config文件用vim打开文件。前端打包不多说了,看你们自己项目的打包命令就可以,一般都是。使用工具上传文件,工具有很多这里我用到的是WinSCP。但是我没有权限只能安装到自己的指定路径(T*T)修改文件的权限避免出现不能访问的情况。
2023-12-05 09:04:26
2266
原创 vue怎么实现国际化? vue-i18n 插件实现国际化,支持切换不同语言
vue怎么实现国际化?用vue-i18n 插件实现国际化,支持切换不同语言
2023-11-24 14:31:15
1134
原创 脱离form表单校验input(校验单个input输入框)提交时边框变红
在你提交事件中加上校验方法(根据场景加对应的的方法,我这里是点击事件后出发),通过document获取到目标元素改变他的边框。当输入内容是需要红色边框,加个input事件内容改变就还原边框颜色。
2023-11-21 10:05:43
1857
原创 el-select组件绑定change怎么获取label和value值
el-select组件绑定change怎么获取label和value值
2023-11-16 16:02:45
5977
1
原创 css实现卡片切换效果特效transform transition设置移动速度
css实现卡片切换效果特效transform transition设置移动速度
2023-02-27 21:13:54
662
原创 HTML5 drag api的使用
dragstart:事件主体是被拖放元素,在开始拖放被拖放元素时触发,。darg:事件主体是被拖放元素,在正在拖放被拖放元素时触发。dragenter:事件主体是目标元素,在被拖放元素进入某元素时触发。dragover:事件主体是目标元素,在被拖放在某元素内移动时触发。dragleave:事件主体是目标元素,在被拖放元素移出目标元素是触发。drop:事件主体是目标元素,在目标元素完全接受被拖放元素时触发。dragend:事件主体是被拖放元素,在整个拖放操作结束时触发
2022-10-15 18:09:28
543
原创 react具名插槽和匿名插槽(简单易懂)
把需要插入的内容写成一个函数返回,给需要使用的组件把插槽方法传入,调用即可。先看代码:它可以通过props里children属性在接收组件标签内的值。
2022-10-14 23:32:52
993
原创 react+Hooks 的 useImperativeHandle 怎么用?
useImperativeHandle可以让你在使用ref时自定义暴露给父组件的实例值。在大多数情况下,应当避免使用ref这样的命令式代码。普通的类组件有实例所以可以用过 React.createRef() 挂载到节点或组件上,然后通过 this 获取到该节点或组件。将父组件传入的ref和useImperativeHandle第二个参数返回的对象绑定到了一起。所以在父组件中, 调用inputRef.current时, 实际上是返回的对象。
2022-10-13 22:36:51
445
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅