hsyldw2000的博客

flat() 方法将以指定的深度递归遍历数组，并将所有元素与遍历的子数组中的元素合并到一个新数组中以返回。

防抖实现的原理是在触发事件后设置计时器。在计时器延迟过程中，如果事件再次触发，则重置计时器。在没有触发事件之前，计时器将再次触发并执行相应的功能。节流的原理是在触发事件后设置计时器。在计时器延迟过程中，即使事件再次触发，计时器的延迟时间也不会改变。在计时器执行功能之前，计时器不会复位。

【代码】字隐藏显示省略号。

IntersectionObserver API 是异步的，不会与目标元素的滚动同步触发。需要注意兼容性问题。rectObject.bottom：元素下边到视窗上边的距离;rectObject.right：元素右边到视窗左边的距离;rectObject.left：元素左边到视窗左边的距离;rectObject.top：元素上边到视窗上边的距离;rectObject.height：元素自身的高度;rectObject.width：元素自身的宽度;offsetTop：元素相对父元素的位置。

【代码】前端解析URL的两种方式。

此外还有Normal基本输入模式 ，支持数字、字母、下划线、空格、特殊字符。password密码输入模式，支持数字、字母、下划线、空格、特殊字符。支持输入数字、=、-、*、#长度不限。2）Resource格式，读取本地资源文件：Text($r('app.string.width_label'))style:SliderStyle.OutSet, //滑动圆圈是在里面还是外面，默认在里面。Resource格式，加载本地图片。2.if-else：条件判断，根据数据状态的不同，渲染不同的页面组件。

1.动态初始化列表，如何确认数据存放在那个组件的state中1）某个组件使用：放在自身的state中2）某些组件使用：放在他们共同的父组件state中（状态提升）2.关于父子之间数据通信：1）父组件 给 子组件 传递数据：通过props传递2）子组件 给 父组件 传递数据：通过props传递，要求父亲提前给儿子传递一个函数过去。3.注意 defaultChecked 和 checked 的区别：defaultChecked只在初始化时调用一次；使用checked需要配合onChange使用。

将css文件名改为index.module.css,在index.js文件中引入 import hello from './index.module.css' ，在渲染时 Hello React!3.创建component组件文件夹，这个是保存项目中使用的组件的。2.创建项目：create-react-app hello-react。---- 组件单元测试的文件(需要jest-dom库的支持)五、第一个react项目---Hello React。

3.注意：如果不存在对数据的逆序添加、逆序删除等破坏顺序操作，仅用于渲染列表展示，使用index作为key时没有问题的。（2）若虚拟DOM中内容变了，则生成新的真实DOM，随后替换掉页面中只花钱的真实DOM。函数的柯里化:通过函数调用继续返回函数的方式,实现多次接收参数最后统一处理的函数编码形式。2.若A函数,调用的返回值依然是一个函数,那么A就可以称之为高阶函数.1.若A函数,接收的参数是一个函数,那么A就可以称为高阶函数。高阶函数:如果一个函数符合下面两种规范中的任何一个,那该函数就是高阶函数.

1.先初始化视频插件，初始化完成后判断swfobject是否为undefined，如果是就用定时器继续初始视频插件，如果不是就给数据默认值，例如：使用的语言是中文，一共几个视频播放窗口，设置服务器信息等。注意：如果你们老板也是让你从别人家的接口写这个页面的话（别人家不配合的情况下 ），一些不知道的数据，就用永真函数给它一个返回值，只要能实现用户点击设备，这个设备的视频能正常播放就行。点击任意一台设备就开始播放视频。这个实时视频的代码仅适用我的项目，但是流程是公用的。只是供大家做个参考！

1.渐变颜色：使用echarts图表中color属性，type是图表类型，x,y,x2,y2表示渐变的方向，例如x，y为1，就是从左到右的渐变，大家使用的时候可以试试，左上左下都可以实现。offset表示开始时的颜色，一般写0，0.5，1这三种即可，分别表示开始，一半，结束的位置。具体操作请看完整代码。在饼状图上我没找到解决办法，但是我给饼状图加了个底座，底座是好多种状态在一起的图，先把图片加进去，设置不重复，起始位置为左上角。在添加旋转动画，持续时间为1秒，无限循环，步数为35，结束状态为最终状态。

只有参数一直都在state中才能使用它，但是能在这个生命周期里操作同样的也能在别的生命周期里操作，所以尽量不用。5.shouldComponentUpdate（更新数据后要不要更新）：当你修改state中的属性值后，就会调用这个方法。4.componentDidMount(组件挂载完毕时)：进行一些创建完成后的操作，例如：创建定时器、请求网络、订阅消息等。8.componentWillReceiveProps（父组件给子组件传参）：这个生命周期在页面初始化的时候不调用，在点击页面更新的时候会调用。

在原生DOM中，我们写onclick，onblur都是采用小写的方式，但是在React里，这些事件都自定义了一遍，变成了onClick，onBlur这种的。这样做的好处是提高代码的兼容性，也使得代码更高效的运行。注意：这两种方式用的数据的存储位置不同，受控组件数据存储的位置是在这个类的state中，在使用时用this.state.username即可取到值。1.受控组件指随着用户输入去维护state中的状态，就像1中的代码一样，随着用户的输入更新username和password的值，这就叫做受控组件。

1.定义：组件内的标签可以定义ref属性来标识自己。2.使用ref的三种方法。

函数式组件也可以用props 参数，因为函数可以接收参数，接到的参数就是props参数。1.定义：每个组件对象都会有props属性；组件标签的所有属性都保存在props中。将属性限制的代码放到了函数体内，使用 static 静态类的方式使用。2.对props 中的属性值进行类型显示和必填性限制。我在这记录一下展开运算符的使用，如果有忘记的就来着看看吧。2.作用：通过标签属性从组件外向内传递变化的数据。3.扩展属性：将对象的所有属性通过props传递。年龄为字符串类型，且为数字类型，默认值为18。

1.定义：state 是组件对象最重要的属性高，值是对象（可以包含多个key-value的组合），通过更新组件的state 来更新对应的页面显示（重新渲染组件）3.简写代码部分（我把注释和console输出删掉了，方便大家对比）

4.在类式组件中的render和ReactDOM.render只是同名而已，没有什么关联。2.调用render()得到虚拟DOM，并解析为真实DOM。2.虚拟 DOM 元素只能有一个根元素。1.React 内部会创建组件实例对象。3.虚拟 DOM 元素必须有结束标签。3.插入到指定的页面元素内部。1.组件名必须首字母大写。

如果想验证调试工具是否安装成功，运行一下你写的react 项目或者搜索美团网站，出现 react 图表颜色相同则表示该项目是react项目并且该项目是上线项目。方法二：有的小伙伴应该跟我一样，打不开 chrome 网上应用商店，不过没关系，可以从我的百度网盘下载。模块化就是当应用的 js 都以模块来编写的，这个应用就是一个模块化的应用。组件化就是当应用以多组件的方式实现，这个应用就是一个组件化的应用。模块的作用：复用js，简化 js 的编写，提高js 运行效率。二、模块与组件、模块化与组件化的区别。

一、官网地址英文官网中文官网二、React 特点。

我是用了一个确认弹框，取消按钮改为全部导出，确认按钮为当前页。然后使用axious请求接口进行下载操作。(导出模块也同理哦)不知道有没有小伙伴在做导入导出功能苦恼那，我也遇到过这样的问题，所以我把我写好的代码供大家参考，如果那有不对的地方，还请指出，大家一起努力！再类说一下导入功能。导入是使用了upload插件样式的，具体代码如下所示。