- 博客(17)
- 收藏
- 关注
RSS订阅原创 Three.js 带主题切换的数据可视化大屏 —— 技巧与实现
把primaryaccentmapBg等语义化，6 套主题只是 6 份 JSON 式配置。
2026-07-20 17:07:21
207
原创 React + Three.js 实战：一套 1920×1080 数据可视化大屏是怎么做出来的？
ScaleView解决适配分层架构解决地图与 UI 共存Three.js负责地图视觉ECharts负责统计图表统一 ScreenCard保证风格一致数据轮播 + 交互互斥保证体验如果你正在做类似项目，可以直接基于这套结构二次开发，也可以按需定制：换地图区域、接真实接口、改 UI 风格、加省市区下钻等。
2026-07-20 15:51:52
398
原创 npm 包发布（绑定GitHub流水线发布）
- 注册/登录（https://www.npmjs.com/）（1）第一次登录要去邮箱验证下，不然会报403--In most cases, you or one of your dependencies are requesting（2）如果是403，code E403 没权限发布 npm ERR! [no_perms] Private mode enable, only admin can这个是你的源设置成第三方源的时候才有可能发生，比如设置了淘宝源就可能会导致该问题npm config
2024-02-22 22:46:11
629
1
原创 excel下载几种方式（15万条数据测试）
1- 关于excel下载//excelUtil.jsimport XLSX from 'xlsx';function importExcel(file) { // 获取上传的文件对象 const { files } = file.target; // 通过FileReader对象读取文件 const fileReader = new FileReader(); fileReader.onload = event => { try { const .
2024-02-22 22:39:00
3376
1
原创 微前端（qiankun,webpack5模块联邦）
1singleSpavue出现这个错误是因为node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响.临时方案export NODE_OPTIONS=--openssl-legacy-provider总结子应用子应用独立运行判断是不是在父应用if(window.singleSpaNavigate){ __webpack_public_path__='http://.
2024-02-14 18:09:40
1093
1
原创 Mac相关问题
第三步，安装 n 工具，这个工具是专门用来管理node.js版本的，别怀疑这个工具的名字，是他是他就是他，他的名字就是 "n"第四步，安装最新版本的node.js。Mac 更新node版本。
2024-02-12 10:58:49
1114
原创 G6-图学习记录
G6使用记录1-悬停可操作：自带的悬停，只是悬停展示，无法操作悬停展示的内容，所以需要定位替代自带的悬停-----参考issue地址https://github.com/antvis/G6/issues/2637#issuecomment-781001127 const tooltip = ( <div className={styles.tooltip} style={{ opacity: tooltipDisplayStates.opac
2021-10-08 10:35:32
234
原创 x6-自定义图
x6使用记录注意点：HTML/React/Vue节点渲染出错---现象--苹果系统部分节点未显示。HTML/React/Vue 节点内容都是渲染在 SVG 的foreignObject节点内部，因为浏览器的兼容性问题，经常会出现一些异常的渲染行为。主要表现形式为：节点内容展示不全 节点内容闪烁可以通过以下方式来规避：节点内部元素的 css 样式中不要使用position:absolute和position:relative 节点内部元素的 css 样式中不要使用tr...
2021-10-08 10:10:51
2862
1
原创 微信小程序-icon-weui
icon1-icon:小程序自带icon,较少https://developers.weixin.qq.com/miniprogram/dev/component/icon.html- 我本次是阿里字体图标为例； 转换为微信识别的--https://transfonter.org/； 按顺序点击123，第一步，add fonts,选.ttf结尾的（2）开启base64,(3)convert,转换成功如上15kb(4)点download 修改下载的文件为.wxss的样式 引入并使用。@
2020-11-12 22:12:24
1238
原创 iframe数据传递
1--iframe如果父页面高度想由子撑开：可以由父页面获取子页面高，或者子页面设置、子页面传递给父父页面直接获取:iframe.contentWindow <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div style="
2020-10-25 20:54:32
358
原创 node链接MySQL，oracle，MongoDB数据库
链接MySQL https://www.npmjs.com/package/mysql 找到目录 cnpm install mysql --save const mysql=require('mysql'); const mysqlOptions={ host:'localhost',//数据库主机名 user:'root', password:'', database:'web1808' } var connec..
2020-10-20 21:04:32
170
1
原创 express和websocket
安装 cnpm install express --save 创建服务器 var express=require('express'); var app=express(); app.listen(8888,function () { console.log('运行在8888端口') }) 路由
2020-10-20 21:01:50
332
1
原创 react状态管理redux，react-redux，redux-thunk，redux-saga
redux redux学习：数据流框架 三部分：store，reducer（接收action并更新store），action 1.创建个仓库：let store=createStore(myReducer)；//参数是reducer奥,createStore来源redux 2.创建reducer，它是根据action更新state并返回新state，入参state和action，主要用type 3.获取store数据：store.getState() 4.更新页面：store的订阅方法sto
2020-05-20 22:22:49
274
原创 全屏问题(F11和H5全屏)
首先全屏分F11全屏：原理只是隐藏了地址栏，h5全屏：是让DOM元素全屏，例如可以让图片啦，div等，全屏后只能看到该DOM元素。其次浏览器可能为了防止有人恶意全屏，所以全屏时监听不到F11。解决问题思路：当一件事由两个不同的条件控制时，让一个条件去取代另一个条件。fullscreenchange//用来监听全屏切换，但是监听不到F11，因为F11只是隐藏了地址栏react代码：...
2019-12-25 13:26:10
799
1
原创 webpack,3,4,5构建工具
webpack:构建工具 构建工具:常用场景:react / vue 自带模块化(commonJS规范) 自带服务器,服务器也是基于node(webpack-Dev-server) 编译:es6->es5;jsx->es5;ts(typescript)->js gulp所做的事情,webpack都可以做到 中文文档:http...
2019-09-11 16:23:23
380
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人