<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[iYNing的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/iYNing</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; iYNing]]></copyright><item><title><![CDATA[React组件打包发布npm（create-react-app+ts+cesium）]]></title><link>https://blog.youkuaiyun.com/iYNing/article/details/134071448</link><guid>https://blog.youkuaiyun.com/iYNing/article/details/134071448</guid><author>iYNing</author><pubDate>Fri, 27 Oct 2023 15:02:43 +0800</pubDate><description><![CDATA[最新一个新需求，做个组件发布到npm上，此项目用的是React18，使用create-react-app脚手架生成的react框架，该项目包括ts、cesium等。之前的项目是纯js的，需要先改造一下。]]></description><category></category></item><item><title><![CDATA[React+ts+less+storybook的组件项目相关配置及其内容]]></title><link>https://blog.youkuaiyun.com/iYNing/article/details/132276814</link><guid>https://blog.youkuaiyun.com/iYNing/article/details/132276814</guid><author>iYNing</author><pubDate>Mon, 14 Aug 2023 15:52:04 +0800</pubDate><description><![CDATA[关于react+ts+less+storybook组件项目的配置及其相关内容。]]></description><category></category></item><item><title><![CDATA[Taro+React+TS+Redux+Taro UI项目]]></title><link>https://blog.youkuaiyun.com/iYNing/article/details/131321629</link><guid>https://blog.youkuaiyun.com/iYNing/article/details/131321629</guid><author>iYNing</author><pubDate>Wed, 21 Jun 2023 09:49:44 +0800</pubDate><description><![CDATA[Taro+React+TS+Redux+Taro UI项目]]></description><category></category></item><item><title><![CDATA[Mac 前端项目运行环境配置]]></title><link>https://blog.youkuaiyun.com/iYNing/article/details/130973653</link><guid>https://blog.youkuaiyun.com/iYNing/article/details/130973653</guid><author>iYNing</author><pubDate>Wed, 31 May 2023 17:42:01 +0800</pubDate><description><![CDATA[2、查看是否下载成功。]]></description><category></category></item><item><title><![CDATA[SourceTree拉取代码 Mac]]></title><link>https://blog.youkuaiyun.com/iYNing/article/details/130888668</link><guid>https://blog.youkuaiyun.com/iYNing/article/details/130888668</guid><author>iYNing</author><pubDate>Fri, 26 May 2023 16:35:30 +0800</pubDate><description><![CDATA[使用sourcetree拉取代码]]></description><category></category></item><item><title><![CDATA[网站页面变成灰色]]></title><link>https://blog.youkuaiyun.com/iYNing/article/details/129686430</link><guid>https://blog.youkuaiyun.com/iYNing/article/details/129686430</guid><author>iYNing</author><pubDate>Tue, 21 Mar 2023 14:40:21 +0800</pubDate><description><![CDATA[添加到页面根节点html上。]]></description><category></category></item><item><title><![CDATA[MAC M1芯片可下载的安卓模拟器Android Emulator]]></title><link>https://blog.youkuaiyun.com/iYNing/article/details/129314021</link><guid>https://blog.youkuaiyun.com/iYNing/article/details/129314021</guid><author>iYNing</author><pubDate>Fri, 03 Mar 2023 10:43:08 +0800</pubDate><description><![CDATA[记录一下MAC M1芯片可下载的Android模拟器Android Emulator安装使用过程]]></description><category></category></item><item><title><![CDATA[input自定义图标及其选中图标]]></title><link>https://blog.youkuaiyun.com/iYNing/article/details/128952003</link><guid>https://blog.youkuaiyun.com/iYNing/article/details/128952003</guid><author>iYNing</author><pubDate>Thu, 09 Feb 2023 14:14:30 +0800</pubDate><description><![CDATA[input自定义样式]]></description><category></category></item><item><title><![CDATA[js控制滚动条位置]]></title><link>https://blog.youkuaiyun.com/iYNing/article/details/126543094</link><guid>https://blog.youkuaiyun.com/iYNing/article/details/126543094</guid><author>iYNing</author><pubDate>Fri, 26 Aug 2022 14:48:29 +0800</pubDate><description><![CDATA[js控制滚动条位置]]></description><category></category></item><item><title><![CDATA[svg动画线条]]></title><link>https://blog.youkuaiyun.com/iYNing/article/details/123557497</link><guid>https://blog.youkuaiyun.com/iYNing/article/details/123557497</guid><author>iYNing</author><pubDate>Thu, 17 Mar 2022 18:43:16 +0800</pubDate><description><![CDATA[直线线条动画
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]]></description><category></category></item><item><title><![CDATA[滚动条样式]]></title><link>https://blog.youkuaiyun.com/iYNing/article/details/123520201</link><guid>https://blog.youkuaiyun.com/iYNing/article/details/123520201</guid><author>iYNing</author><pubDate>Wed, 16 Mar 2022 10:36:44 +0800</pubDate><description><![CDATA[滚动条属性：
::-webkit-scrollbar 滚动条整体部分
::-webkit-scrollbar-button 滚动条两端按钮
::-webkit-scrollbar-track  滚动条外层轨道
::-webkit-scrollbar-track-piece  滚动条内层滚动槽
::-webkit-scrollbar-thumb 滚动条滑块
::-webkit-scrollbar-corner 滚动条边角
::-webkit-resizer 滚动条轨道右下角拖动块

自定义滚动条样式：
// ]]></description><category></category></item><item><title><![CDATA[本地储存方法]]></title><link>https://blog.youkuaiyun.com/iYNing/article/details/123509341</link><guid>https://blog.youkuaiyun.com/iYNing/article/details/123509341</guid><author>iYNing</author><pubDate>Tue, 15 Mar 2022 18:57:28 +0800</pubDate><description><![CDATA[本地储存文件
将处理好的数据
/* 调用本地储存方法
参数1:文件名称
参数2:数据（文件内容）
*/
this.download('g2.js', g2Info)
download = (name: string, data: any): void =&gt; {
    const urlObject = window.URL || window.webkitURL || window
    const downloadData = new Blob([data])
    const a = doc]]></description><category></category></item><item><title><![CDATA[React onDrop拖拽事件]]></title><link>https://blog.youkuaiyun.com/iYNing/article/details/123502522</link><guid>https://blog.youkuaiyun.com/iYNing/article/details/123502522</guid><author>iYNing</author><pubDate>Tue, 15 Mar 2022 14:57:02 +0800</pubDate><description><![CDATA[React onDrop拖拽事件
拖拽节点时传递数据，拖拽事件触发时目标节点为边框闪动样式
拖拽节点
&lt;div
	id={'ChartListItem' + deepItem.selectId}
    className="ChartList-item"
    key={'ChartListItem' + deepItem.selectId}
    draggable="true"
    onDragStart={(e) =&gt; {
    	const data = deepItem.s]]></description><category></category></item><item><title><![CDATA[使用css animation动画做边框闪动效果]]></title><link>https://blog.youkuaiyun.com/iYNing/article/details/123499062</link><guid>https://blog.youkuaiyun.com/iYNing/article/details/123499062</guid><author>iYNing</author><pubDate>Tue, 15 Mar 2022 12:03:07 +0800</pubDate><description><![CDATA[使用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]]></description><category></category></item><item><title><![CDATA[Mac配置有线内网、无线外网的问题]]></title><link>https://blog.youkuaiyun.com/iYNing/article/details/122999010</link><guid>https://blog.youkuaiyun.com/iYNing/article/details/122999010</guid><author>iYNing</author><pubDate>Fri, 18 Feb 2022 11:16:04 +0800</pubDate><description><![CDATA[Mac使用交换机连接测试接口，设置IP等之后，连不上无线外网
解决方法：

打开网络偏好设置

选择设定服务顺序

将wifi拖动到第一位
然后测试接口和外网是否好使。


]]></description><category></category></item><item><title><![CDATA[VSCode按照ESLint格式化代码]]></title><link>https://blog.youkuaiyun.com/iYNing/article/details/122538288</link><guid>https://blog.youkuaiyun.com/iYNing/article/details/122538288</guid><author>iYNing</author><pubDate>Thu, 10 Feb 2022 16:23:36 +0800</pubDate><description><![CDATA[1、安装ESLint扩展
2、配置
文件----首选项----

]]></description><category></category></item><item><title><![CDATA[React事件的节流和防抖]]></title><link>https://blog.youkuaiyun.com/iYNing/article/details/122103971</link><guid>https://blog.youkuaiyun.com/iYNing/article/details/122103971</guid><author>iYNing</author><pubDate>Thu, 23 Dec 2021 12:12:00 +0800</pubDate><description><![CDATA[节流----throttle
import throttle from 'lodash/throttle';
export default class Search extends Component {
	constructor(props) {
		super(props)
		this.handleClick = throttle(this.handleClick , 1000);
	}
	handleClick = (e) =&gt; {
		...
	}
}
	render() {
		retur]]></description><category></category></item><item><title><![CDATA[react 异步加载数据时的渲染问题]]></title><link>https://blog.youkuaiyun.com/iYNing/article/details/121767567</link><guid>https://blog.youkuaiyun.com/iYNing/article/details/121767567</guid><author>iYNing</author><pubDate>Tue, 07 Dec 2021 13:57:35 +0800</pubDate><description><![CDATA[当数据需要异步加载时render获取不到数据可能会报一些错误，此时需要在render函数中加一个判断
componentDidMount (){
        axios.get("请求数据地址").then(res =&gt;{
            this.setState({
                data:res.data.data,
                getData:true
            })

        })
    }
render() {
  ]]></description><category></category></item><item><title><![CDATA[数据类型转换]]></title><link>https://blog.youkuaiyun.com/iYNing/article/details/110408466</link><guid>https://blog.youkuaiyun.com/iYNing/article/details/110408466</guid><author>iYNing</author><pubDate>Mon, 30 Nov 2020 22:04:55 +0800</pubDate><description><![CDATA[// 1.字符型转换为数值型
        // 字符串只要含有非数字就会转换成NaN(数值类型的非数值)，否则转换为数值--叫做强制转换
        a=Number(a);//强制转换为数值型
        // 非数值不等于非数值 

        // 转换为整数型数值，从开始向后转换遇到字符停止（如果开始是数值就可以转换）
        parseInt();//将字符串转化为整型数值
        a=parseInt(a);//NaN
        a=parseInt("4a]]></description><category></category></item><item><title><![CDATA[边框]]></title><link>https://blog.youkuaiyun.com/iYNing/article/details/109825416</link><guid>https://blog.youkuaiyun.com/iYNing/article/details/109825416</guid><author>iYNing</author><pubDate>Thu, 19 Nov 2020 20:54:07 +0800</pubDate><description><![CDATA[用边框写三角形：
width：0；
height：0
然后再设置边框
注:边框默认是添加在盒子外面的
不想被撑大解决方法:
1.做减法
2.设置属性box-sizing：border-box;盒子类型是边框盒子(让盒子成为怪异盒子)
设置为怪异盒子之后,该容器在添加边框就不会把盒子撑大,看到的效果就是添加了一个边框(该属性是CSS3新增加的,所以IE10以下不兼容)
3.用calc函数,可以支持四则运算(CSS3新加的,兼容性不好)
calc运算规则就可以,符号前后必须加空格(单位不同也可以运算)

...]]></description><category></category></item></channel></rss>