- 博客(21)
- 收藏
- 关注
原创 js数据处理util
方法汇总据时间范围生成时间刻度数据/* *@params startDate 开始时间 *@params endDate 结束时间 *@params timeUnit 时间间隔,注意是毫秒数 **/ function createTimeUnitListByTimeRange(startDate, endDate, timeUnit){ let startSeconds = new Date(startDate).getTime();
2024-02-22 22:47:00 413
原创 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 472 1
原创 react hooks
useEffectimport React, {useEffect} from 'react';const Example = props => { const {name,age}=props; /* * 形式:useEffect(callback,array) * (1)array为[];相当于componentDidMount * (2)[xxx];当array改变时执行:你如果传['cy'],数组内是常量,那同(1)只会执行一次;变量:如[name],当name改
2024-02-22 22:45:49 324
原创 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 1026 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 705 1
原创 Mac相关问题
第三步,安装 n 工具,这个工具是专门用来管理node.js版本的,别怀疑这个工具的名字,是他是他就是他,他的名字就是 "n"第四步,安装最新版本的node.js。Mac 更新node版本。
2024-02-12 10:58:49 947
原创 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 154
原创 x6-自定义图
x6使用记录注意点:HTML/React/Vue节点渲染出错---现象--苹果系统部分节点未显示。HTML/React/Vue 节点内容都是渲染在 SVG 的foreignObject节点内部,因为浏览器的兼容性问题,经常会出现一些异常的渲染行为。主要表现形式为:节点内容展示不全 节点内容闪烁可以通过以下方式来规避:节点内部元素的 css 样式中不要使用position:absolute和position:relative 节点内部元素的 css 样式中不要使用tr...
2021-10-08 10:10:51 2414 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 1045
原创 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 221
原创 nginx
计算机有网卡,网卡是通过IP来定位的,同一局域网下,IP唯一wwww.baidu.com(网址:域名)DNS把域名解析为IP 如11.22.33.4一台计算机下可能有很多APP如果想和11.22.33.4下的QQ进行交互,这是就需要端口号用来定位APP所以总结来说:IP是用来定位计算机的,端口是用来定位APP的u4ZEQ9PZ3HM密码zhaoqi521 106.54.98.222ssh 链接ssh root@106.54.98.222zhaoqi521scp 上传sc.
2020-10-20 21:16:22 262
原创 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 94 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 231 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 199
原创 git-常见命令/问题
参考学习站点廖雪峰:https://www.liaoxuefeng.com/wiki/896043488029600 安装git,分布式版本管理系统创建的项目目录下,git bash初始化生成.git, 就是创建版本库,就是一个文件,该文件下会被git管理git initwho you are? git config --global user.name "Your Name" git config --global user.email "email@example.
2020-05-20 20:11:29 128
原创 求数组中与该时间最相近的值-简单二分法应用
/** * 求数组中与该时间最相近的值。 */export function binary_search(arr, key) { var low = 0, high = arr.length - 1, min_index=0, c_max=Infinity ; while (low <= high) { ...
2020-01-03 11:03:02 445
原创 全屏问题(F11和H5全屏)
首先全屏分F11全屏:原理只是隐藏了地址栏,h5全屏:是让DOM元素全屏,例如可以让图片啦,div等,全屏后只能看到该DOM元素。其次浏览器可能为了防止有人恶意全屏,所以全屏时监听不到F11。解决问题思路:当一件事由两个不同的条件控制时,让一个条件去取代另一个条件。fullscreenchange//用来监听全屏切换,但是监听不到F11,因为F11只是隐藏了地址栏react代码:...
2019-12-25 13:26:10 499 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 294
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人