随笔分类 -  前端合集

Vue : html table固定表头、表格内容无缝滚动的一种匪夷所思的解决方案
摘要:背景 需求是一个能适配主流分辨率的表格,表头固定,表格内容上下滚动 首先尝试的这个原生的标签,但是有个问题啊,就是在循环滚动中,每次滚动之间会出现大片空白。 大概是这样:第一行--滚动--最后一行--滚动--大片空白--滚动--第一行 所以放弃了marquee标签,选择使用js和原生的html ta 阅读全文

posted @ 2023-03-22 16:13 northwest 阅读(1022) 评论(0) 推荐(0) 编辑

Vue :一种简单的前端分辨率适配和echarts适配方案
摘要:####一、背景 对前端不甚了解,对分辨率适配一窍不通,奈何不得不用。文章中的分辨率适配原理我可能说不太明白,但会写出清晰可行的操作步骤。 ####二、核心代码 分辨率适配 用到了rem、vw(视窗宽度)、clamp函数。 $maxWidth:3840; $minWidth:1920; @funct 阅读全文

posted @ 2022-12-27 14:16 northwest 阅读(2840) 评论(0) 推荐(0) 编辑

UniApp:@click点击事件位置错误,响应的元素不是所点击的位置的元素
摘要:这bug真的......一言难尽。 虽然标题里写的是uniapp,但它是一个前端的、与平台无关的bug. 具体表显为:如图,蓝色区域中有一堆可点击按钮。然而,点击事件发生以后,响应事件的按钮并不是我真正所触碰的按钮。并且当我点击区域空白处时,也会有按钮响应。 发现这个问题的时候真的觉得逆了天了,我刚 阅读全文

posted @ 2022-12-23 17:17 northwest 阅读(1649) 评论(0) 推荐(0) 编辑

ECharts:柱状图/象形柱图 自定义图形样式
摘要:象形柱图是个好东西,不好描述,直接上效果图吧: 这个在echarts里叫做象形柱图,形状是可以自定义的,但是注意一下,格式是image:// + 图片的base64url 或者公网url. 官网调试页面 图片转base64在线工具 代码是直接在官网示例代码的基础上改的,下面直接把代码放出来,重要的地 阅读全文

posted @ 2022-09-13 17:06 northwest 阅读(2463) 评论(0) 推荐(0) 编辑

ECharts:环形图-自定义虚线样式
摘要:####一、纯虚线环形 官网代码调试页面 效果图和关键代码: ####二、虚线环形图并动态接入数据 官网代码调试页面 效果图和关键代码: 阅读全文

posted @ 2022-09-13 16:13 northwest 阅读(1080) 评论(0) 推荐(0) 编辑

Vue血案:util.js:110 Uncaught SyntaxError: Unexpected token ':' at Object../node_modules/util/util.js
摘要:直接来看报错: util.js:110 Uncaught SyntaxError: Unexpected token ':' at Object../node_modules/util/util.js (app.js:20943) at __webpack_require__ (app.js:679 阅读全文

posted @ 2022-06-22 11:37 northwest 阅读(402) 评论(0) 推荐(0) 编辑

javascript : 获取当前月、下个月、上个月最后一天、下个月第一天
摘要:需求 初始化显示当前月,格式yyyy.mm,例如:2021.02; 点击左边,显示上一个月; 点击右边,显示下一个月。 实现 ##代码:** getMonth : function(date){ var year = date.getFullYear(); var month = date.getM 阅读全文

posted @ 2022-03-16 16:42 northwest 阅读(2490) 评论(0) 推荐(0) 编辑

javascript : 获取当前周、上一周、下一周的时间范围,返回星期一和星期五的具体日期
摘要:需求 初始化时显示当前周的【星期一和星期天】的日期,格式:03.14-03.20; 点一下左边的按钮,显示上一周【星期一和星期天】的日期; 点一下右边的按钮,显示下一周【星期一和星期天】的日期。 实现 代码: getWeek : function(date) { var one_day = 8640 阅读全文

posted @ 2022-03-16 15:53 northwest 阅读(5665) 评论(2) 推荐(0) 编辑

easyui:combotree懒加载带来的便利和坑
摘要:easyui的combotree是懒加载的,传入一个赋值的url。 combotree首先会加载一级节点,点击一级节点,再去请求二级节点的数据,展开。 对于数据量很大、要求加载速度的情况,这是棵灵活的好树。 但它也有不那么好用的情况: 如果需要选择节点,无论根节点、叶节点,所有节点前面都加一个che 阅读全文

posted @ 2021-12-31 14:39 northwest 阅读(423) 评论(0) 推荐(0) 编辑

前端使用mqtt直接连接active mq 收发消息
摘要:背景:以前都是在java后端连接active mq,然后用websocket实时推送到前端,觉得麻烦,就全部改成前端直连amq. 需要引用mqtt.js. demo介绍: 页面: 功能: 在白框中输入文字,点击发送信息,会在粉框中实时显示。 实现: 在mqtt的基础上,再次封装了一个MqttConn 阅读全文

posted @ 2021-12-13 16:39 northwest 阅读(745) 评论(1) 推荐(0) 编辑

easyui-datetimebox : formatter和onchange事件重复执行、多次执行、返回的日期不正确的坑
摘要:背景介绍 刚入冬就在easyui-datetimebox的坑底游了个冬泳。 需求是这样的:要求有日期时间选择框,选中以后返回格式(dd)hh:mm,并且每次时间发生变化,就要重新执行查询数据的方法。 这个格式就有点奇怪,为了获取到完整的时间,我还要加个全局变量去存储时间。 原始代码 $('#date 阅读全文

posted @ 2021-11-05 16:36 northwest 阅读(785) 评论(0) 推荐(0) 编辑

vue: 全屏方法报错-Uncaught (in promise) TypeError: fullscreen error
摘要:背景 是一个vue的前端模块,在系统集成的时候,出了问题。 这个前端模块有一个全屏显示的功能,单独运行前端模块的时候,全屏功能正常。 可是集成到系统的时候,全屏方法无效并报错。 很长一段时间我甚至是怀疑vue打包有问题,但单独打包前端的时候,发现它没毛病,这里给vue跪下道歉。 报错信息 控制台报错 阅读全文

posted @ 2021-10-28 17:04 northwest 阅读(6637) 评论(0) 推荐(0) 编辑

javascript : promise实现异步循环
摘要:需求场景大概就是:调用的方法是异步的。需要遍历参数,循环调用这个方法。拿到所有方法执行的结果,才能进行下一步。 所以说,需要在循环里面执行异步方法,然后正确拿到所有结果。 刚面临这个问题的时候我是拒绝的,对于我这个还没出新手村的菜鸟来说,异步,还循环,离谱,总不能callback一层一层套进去吧。 阅读全文

posted @ 2021-08-30 16:24 northwest 阅读(1456) 评论(0) 推荐(0) 编辑

js页面刷新以后全局变量无效的问题
摘要:场景: A页面和B页面是两个不同的html。 B页面以弹窗的形式显示在A页面上。 需求:B页面需要存储一些数据,每次B页面刷新时,数据回显,每次A页面刷新时,数据重置。 我之前弱智一般的解决办法: 在A.js中放个全局变量,把B.js里面的数据存进去。 每次B页面刷新,就去A.js里面取数据。 当时 阅读全文

posted @ 2021-06-28 14:18 northwest 阅读(1521) 评论(0) 推荐(0) 编辑

解决新增/修改时,表单不可重复字段的前端的重复校验。
摘要:前端验重问题真的很烦,很多字段都是不可重复的,虽然数据库设置了unique约束,但要在前端报一个具体的不可重复的错误嘛,所以每次都要发送ajax请求去数据库里查询该字段值是否重复。 修改的时候那就更烦了,如果修改的验重直接套新增的逻辑,那么如果修改前与修改后的字段值一毛一样,那就过不了验重,还得额外 阅读全文

posted @ 2021-06-15 11:48 northwest 阅读(1390) 评论(0) 推荐(0) 编辑

解决easyUI弹窗/对话框/dialog点右上角x以后,部门页面内容不刷新/再次打开弹窗,combox数据回显错误的问题
摘要:部门页面内容不刷新 场景:增删改查,弹出弹窗,点击关闭按钮,页面内容刷新,一切正常;点击右上角的x图标,页面内容不刷新。 肇事弹窗: 原因:有的页面会刷新,有的页面部分内容不刷新,实在搞不懂了,应该是页面引用了第三方API的缘故。 解决办法: 肇事x的源代码: js选择器获取到这个x: docume 阅读全文

posted @ 2021-06-15 11:38 northwest 阅读(906) 评论(0) 推荐(0) 编辑

关于IE兼容WebSocket的一个小问题,以及WebSocket异常的捕获和处理
摘要:###一、IE兼容WebSocket的一个小问题 之前的项目用websocket传输实时数据,放到测试环境里的时候,反馈说收不到数据。 于是来做一下IE的兼容,在此期间干了不少蠢事。 1、IE的配置: 版本:IE 11 文档模式设置为10的时候,项目无法加载,原因不详。 2、websocketUrl 阅读全文

posted @ 2021-06-02 12:09 northwest 阅读(1510) 评论(0) 推荐(0) 编辑

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示