geekfeier

2026年8月11日

摘要：好久没有认真写博客了。最近换了一个新的环境，加入了博晓通科技。作为一个前端开发，平时主要还是和页面、代码打交道。这次比较有意思的是，入职之后参与了公司官网的开发。官网地址：博晓通科技： https://www.bxtdata.com 博晓通 AI： https://www.bxtai.co 阅读全文

posted @ 2026-08-11 16:54 geekfeier 阅读(203) 评论(2) 推荐(1)

前端不只是写页面：我参与打造了一家数据科技公司的官网

摘要：作为一名前端开发者，曾经很长一段时间，我认为前端的核心就是：把设计稿还原成页面，把交互做得流畅，把用户体验做好。但加入博晓通科技之后，我对前端这件事有了一些新的理解。前端不仅仅是在开发页面。它更像是连接用户、产品和技术之间的一座桥梁。为什么选择加入一家数据科技公司？在选择下一份工作时，我阅读全文

posted @ 2026-08-11 16:50 geekfeier 阅读(12) 评论(0) 推荐(0)

2024年3月1日

Superset3 前后端搭建详解

摘要： Superset3 搭建目录Superset3 搭建后端：方法1、在Windows 本地搭建方法2：运维线上搭建前端：前端搭建Superset 数据库其他 Superset 框架是一套包括前后端代码的框架，后端语言为 Python，前端语言为 React，superset 启动后包括一个前端地址+ 阅读全文

posted @ 2024-03-01 13:44 geekfeier 阅读(1524) 评论(0) 推荐(0)

2022年3月23日

echarts 图表横向滚动条（dataZoom）优化

摘要：如图： echarts 配置项 let option = { grid: { x: 70, y: 34, x2: 60, y2: 70, //预留足够位置，也可以根据数据量手动计算 }, dataZoom: [ { type:'inside', disabled:true, }, { type: " 阅读全文

posted @ 2022-03-23 13:33 geekfeier 阅读(3346) 评论(0) 推荐(0)

2021年12月16日

针对笔记本电脑系统默认缩放为150%导致页面放大解决方案

摘要：不建议为任何人实现该功能！因为使用第一种方法后，对我项目的echarts的定位等有影响，故而最后我选择了第二种解决办法解决办法第一种(不推荐)：使用zoom 方案（zoom默认有缩放浏览器功能）不兼容Safari/Firefox 第一步：main.js 页面添加以下代码，动态计算需设置的zo 阅读全文

posted @ 2021-12-16 10:59 geekfeier 阅读(3980) 评论(0) 推荐(1)

切换路由默认回到顶部功能

摘要：方法一：我们可以在每次组件重新渲染的时候触发回到顶部 // updated 不会保证所有的子组件也都被重新渲染完毕。如果你希望等待整个视图都渲染完毕，可以在 updated 内部使用 vm.$nextTick： updated() { // 进入页面强制滚动到顶部 let dom = documen 阅读全文

posted @ 2021-12-16 10:54 geekfeier 阅读(162) 评论(0) 推荐(0)

echarts 词云图和Map图兼容

摘要：同一个项目同时使用词云图和Map图后，可能会因为版本问题导致图报错以下版本可同时兼容这两个图： "echarts": "^4.8.0", "echarts-wordcloud": "^1.1.3", 按之前的词云图配置后，默认词条都成了红色，修改给下边代码即可恢复： // 词云图的字体颜色配置如下阅读全文

posted @ 2021-12-16 10:53 geekfeier 阅读(171) 评论(0) 推荐(0)

前端截长屏功能

摘要：使用 npm包 js_screen_shots 可以实现前端截长屏功能，这个包集成了两个方法 html2canvas 和 Canvas2Image 先使用把页面转成 canvas，然后 Canvas2Image 把转后的 canvas作为图片下载 import all from 'js_scree 阅读全文

posted @ 2021-12-16 10:50 geekfeier 阅读(517) 评论(0) 推荐(0)

2021年8月4日

如何判断一个对象是否有部署Iterator接口

摘要：首先 Iterator（遍历器）是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）。那怎么判断一个对象是否有部署Iterator接口？答案是看这个对象有没有 Symbol.iterator 方法，S 阅读全文

posted @ 2021-08-04 10:16 geekfeier 阅读(343) 评论(0) 推荐(0)

2021年4月1日

解决 xterm.js 输入中文乱码和输入文本过多不换行问题

摘要：看到我的标题的同学，肯定以为是咱前端出了什么问题，我也百度了好多好多，都说修改以下两个地方可以解决：使用 term.fit() 方法（不可取） resize 时传给后端的 Cols 有问题（不可取）事与愿违，确实没有解决。结果发现是因为后端不支持中文，故而计算出现错误，不知道什么时候该返回阅读全文

posted @ 2021-04-01 16:05 geekfeier 阅读(3303) 评论(0) 推荐(0)

公告