- 博客(22)
- 收藏
- 关注
RSS订阅原创 React组件打包发布npm（create-react-app+ts+cesium）
最新一个新需求，做个组件发布到npm上，此项目用的是React18，使用create-react-app脚手架生成的react框架，该项目包括ts、cesium等。之前的项目是纯js的，需要先改造一下。
2023-10-27 15:02:43
387
原创 React+ts+less+storybook的组件项目相关配置及其内容
关于react+ts+less+storybook组件项目的配置及其相关内容。
2023-08-14 15:52:04
258
原创 MAC M1芯片可下载的安卓模拟器Android Emulator
记录一下MAC M1芯片可下载的Android模拟器Android Emulator安装使用过程
2023-03-03 10:43:08
17994
25
原创 svg动画线条
直线线条动画svg #path { stroke-dashoffset: 1000; animation: dash 4s linear forwards;}@keyframes dash { from { stroke-dashoffset: 1000; } to { stroke-dashoffset: 0; }}虚线线条动画curPath.setAttribute('stroke', '#379FFE')curPath.setAttribute
2022-03-17 18:43:16
469
原创 滚动条样式
滚动条属性：::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-button 滚动条两端按钮::-webkit-scrollbar-track 滚动条外层轨道::-webkit-scrollbar-track-piece 滚动条内层滚动槽::-webkit-scrollbar-thumb 滚动条滑块::-webkit-scrollbar-corner 滚动条边角::-webkit-resizer 滚动条轨道右下角拖动块自定义滚动条样式：//
2022-03-16 10:36:44
102
原创 本地储存方法
本地储存文件将处理好的数据/* 调用本地储存方法参数1:文件名称参数2:数据（文件内容）*/this.download('g2.js', g2Info)download = (name: string, data: any): void => { const urlObject = window.URL || window.webkitURL || window const downloadData = new Blob([data]) const a = doc
2022-03-15 18:57:28
86
原创 React onDrop拖拽事件
React onDrop拖拽事件拖拽节点时传递数据，拖拽事件触发时目标节点为边框闪动样式拖拽节点<div id={'ChartListItem' + deepItem.selectId} className="ChartList-item" key={'ChartListItem' + deepItem.selectId} draggable="true" onDragStart={(e) => { const data = deepItem.s
2022-03-15 14:57:02
2001
原创 使用css animation动画做边框闪动效果
使用css animation动画做闪动效果在拖拽div节点时，给div节点添加diagramTop-item-click样式，使用css animation动画0.5秒执行一次。css样式.diagramTop-item { width: 102px; height: 32px; background-color: #0e141f; border: 1px solid #090d14; box-shadow: 0px 1px 0px 0px rgba(9, 1
2022-03-15 12:03:07
3096
原创 Mac配置有线内网、无线外网的问题
Mac使用交换机连接测试接口，设置IP等之后，连不上无线外网解决方法：打开网络偏好设置选择设定服务顺序将wifi拖动到第一位然后测试接口和外网是否好使。
2022-02-18 11:16:04
907
原创 React事件的节流和防抖
节流----throttleimport throttle from 'lodash/throttle';export default class Search extends Component { constructor(props) { super(props) this.handleClick = throttle(this.handleClick , 1000); } handleClick = (e) => { ... }} render() { retur
2021-12-23 12:12:00
626
原创 react 异步加载数据时的渲染问题
当数据需要异步加载时render获取不到数据可能会报一些错误，此时需要在render函数中加一个判断componentDidMount (){ axios.get("请求数据地址").then(res =>{ this.setState({ data:res.data.data, getData:true }) }) }render() {
2021-12-07 13:57:35
2917
原创 数据类型转换
// 1.字符型转换为数值型 // 字符串只要含有非数字就会转换成NaN(数值类型的非数值)，否则转换为数值--叫做强制转换 a=Number(a);//强制转换为数值型 // 非数值不等于非数值 // 转换为整数型数值，从开始向后转换遇到字符停止（如果开始是数值就可以转换） parseInt();//将字符串转化为整型数值 a=parseInt(a);//NaN a=parseInt("4a
2020-11-30 22:04:55
143
1
原创 边框
用边框写三角形：width：0；height：0然后再设置边框注:边框默认是添加在盒子外面的不想被撑大解决方法:1.做减法2.设置属性box-sizing：border-box;盒子类型是边框盒子(让盒子成为怪异盒子)设置为怪异盒子之后,该容器在添加边框就不会把盒子撑大,看到的效果就是添加了一个边框(该属性是CSS3新增加的,所以IE10以下不兼容)3.用calc函数,可以支持四则运算(CSS3新加的,兼容性不好)calc运算规则就可以,符号前后必须加空格(单位不同也可以运算)...
2020-11-19 20:54:07
89
原创 背景图
背景图的特点:1.背景图默认是平铺的2.背景图不占位置3.背景图的显示范围由盒子大小来决定的盒子大小=背景图大小,将会看到一张完整的背景图盒子大小>背景图大小,将会看到很多张背景图想要看到一张背景图,需要background-repeat属性background-repeat:no-repeat;background-repeat:repeat;background-repeat:repeat-x;background-repeat:repeat-y;盒子大小<背景图大小,
2020-11-19 20:52:44
113
原创 HTML常用标记
HTML常用标记1.文本标题（h1-h6）//logo，文章的大标题//大模块的标题//小模块的标题注：文本标题标签自带加粗，字号从大到小，有自己的文本大小，并且独占一行，有默认间距，竖着排列，2.段落文本段落文本内容标识一个段落(段落与段落之间有段间距)3.空格 所占位置没有一个确定的值,这与当前字体字号都有关系.4.版权©5.商标®6.左右箭号<&ht;7.换行//空标记(强制换行)8.水平线//双线 空标记9.加粗//只是显示加粗
2020-11-18 08:10:24
389
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人