- 博客(32)
- 收藏
- 关注
RSS订阅原创 防抖和节流代码实例
防抖实现的原理是在触发事件后设置计时器。在计时器延迟过程中，如果事件再次触发，则重置计时器。在没有触发事件之前，计时器将再次触发并执行相应的功能。节流的原理是在触发事件后设置计时器。在计时器延迟过程中，即使事件再次触发，计时器的延迟时间也不会改变。在计时器执行功能之前，计时器不会复位。
2024-04-16 13:24:56
124
原创 图片懒加载的三种方式
IntersectionObserver API 是异步的，不会与目标元素的滚动同步触发。需要注意兼容性问题。rectObject.bottom：元素下边到视窗上边的距离;rectObject.right：元素右边到视窗左边的距离;rectObject.left：元素左边到视窗左边的距离;rectObject.top：元素上边到视窗上边的距离;rectObject.height：元素自身的高度;rectObject.width：元素自身的宽度;offsetTop：元素相对父元素的位置。
2024-04-16 13:18:25
181
原创 鸿蒙开发基础知识
此外还有Normal基本输入模式 ，支持数字、字母、下划线、空格、特殊字符。password密码输入模式，支持数字、字母、下划线、空格、特殊字符。支持输入数字、=、-、*、#长度不限。2）Resource格式，读取本地资源文件：Text($r('app.string.width_label'))style:SliderStyle.OutSet, //滑动圆圈是在里面还是外面，默认在里面。Resource格式，加载本地图片。2.if-else：条件判断，根据数据状态的不同，渲染不同的页面组件。
2024-04-04 15:06:47
304
原创 react-父子之间数据通信
1.动态初始化列表，如何确认数据存放在那个组件的state中1）某个组件使用：放在自身的state中2）某些组件使用：放在他们共同的父组件state中（状态提升）2.关于父子之间数据通信：1）父组件 给 子组件 传递数据：通过props传递2）子组件 给 父组件 传递数据：通过props传递，要求父亲提前给儿子传递一个函数过去。3.注意 defaultChecked 和 checked 的区别：defaultChecked只在初始化时调用一次；使用checked需要配合onChange使用。
2024-04-02 01:49:57
303
原创 React 脚手架
将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。
2024-04-01 18:56:15
837
原创 react diffing算法及函数柯里化
3.注意：如果不存在对数据的逆序添加、逆序删除等破坏顺序操作，仅用于渲染列表展示，使用index作为key时没有问题的。（2）若虚拟DOM中内容变了，则生成新的真实DOM，随后替换掉页面中只花钱的真实DOM。函数的柯里化:通过函数调用继续返回函数的方式,实现多次接收参数最后统一处理的函数编码形式。2.若A函数,调用的返回值依然是一个函数,那么A就可以称之为高阶函数.1.若A函数,接收的参数是一个函数,那么A就可以称为高阶函数。高阶函数:如果一个函数符合下面两种规范中的任何一个,那该函数就是高阶函数.
2024-04-01 15:18:45
414
原创 实时视频播放（cmsv6flash）
1.先初始化视频插件，初始化完成后判断swfobject是否为undefined，如果是就用定时器继续初始视频插件，如果不是就给数据默认值，例如：使用的语言是中文，一共几个视频播放窗口，设置服务器信息等。注意：如果你们老板也是让你从别人家的接口写这个页面的话（别人家不配合的情况下 ），一些不知道的数据，就用永真函数给它一个返回值，只要能实现用户点击设备，这个设备的视频能正常播放就行。点击任意一台设备就开始播放视频。这个实时视频的代码仅适用我的项目，但是流程是公用的。只是供大家做个参考！
2024-04-01 14:10:44
268
原创 echarts 动画图表
1.渐变颜色：使用echarts图表中color属性，type是图表类型，x,y,x2,y2表示渐变的方向，例如x，y为1，就是从左到右的渐变，大家使用的时候可以试试，左上左下都可以实现。offset表示开始时的颜色，一般写0，0.5，1这三种即可，分别表示开始，一半，结束的位置。具体操作请看完整代码。在饼状图上我没找到解决办法，但是我给饼状图加了个底座，底座是好多种状态在一起的图，先把图片加进去，设置不重复，起始位置为左上角。在添加旋转动画，持续时间为1秒，无限循环，步数为35，结束状态为最终状态。
2024-04-01 13:34:47
259
原创 React 生命周期
只有参数一直都在state中才能使用它，但是能在这个生命周期里操作同样的也能在别的生命周期里操作，所以尽量不用。5.shouldComponentUpdate（更新数据后要不要更新）：当你修改state中的属性值后，就会调用这个方法。4.componentDidMount(组件挂载完毕时)：进行一些创建完成后的操作，例如：创建定时器、请求网络、订阅消息等。8.componentWillReceiveProps（父组件给子组件传参）：这个生命周期在页面初始化的时候不调用，在点击页面更新的时候会调用。
2024-03-31 19:39:18
750
原创 React 收集表单数据
在原生DOM中，我们写onclick，onblur都是采用小写的方式，但是在React里，这些事件都自定义了一遍，变成了onClick，onBlur这种的。这样做的好处是提高代码的兼容性，也使得代码更高效的运行。注意：这两种方式用的数据的存储位置不同，受控组件数据存储的位置是在这个类的state中，在使用时用this.state.username即可取到值。1.受控组件指随着用户输入去维护state中的状态，就像1中的代码一样，随着用户的输入更新username和password的值，这就叫做受控组件。
2024-03-31 12:54:16
331
1
原创 React三大组件--props
函数式组件也可以用props 参数，因为函数可以接收参数，接到的参数就是props参数。1.定义：每个组件对象都会有props属性；组件标签的所有属性都保存在props中。将属性限制的代码放到了函数体内，使用 static 静态类的方式使用。2.对props 中的属性值进行类型显示和必填性限制。我在这记录一下展开运算符的使用，如果有忘记的就来着看看吧。2.作用：通过标签属性从组件外向内传递变化的数据。3.扩展属性：将对象的所有属性通过props传递。年龄为字符串类型，且为数字类型，默认值为18。
2024-03-30 18:23:19
266
1
原创 React 三大组件--state
1.定义：state 是组件对象最重要的属性高，值是对象（可以包含多个key-value的组合），通过更新组件的state 来更新对应的页面显示（重新渲染组件）3.简写代码部分（我把注释和console输出删掉了，方便大家对比）
2024-03-30 14:33:29
278
1
原创 学习函数式组件和类式组件
4.在类式组件中的render和ReactDOM.render只是同名而已，没有什么关联。2.调用render()得到虚拟DOM，并解析为真实DOM。2.虚拟 DOM 元素只能有一个根元素。1.React 内部会创建组件实例对象。3.虚拟 DOM 元素必须有结束标签。3.插入到指定的页面元素内部。1.组件名必须首字母大写。
2024-03-30 12:04:22
145
1
原创 React 模块与组件、模块化与组件的理解
如果想验证调试工具是否安装成功，运行一下你写的react 项目或者搜索美团网站，出现 react 图表颜色相同则表示该项目是react项目并且该项目是上线项目。方法二：有的小伙伴应该跟我一样，打不开 chrome 网上应用商店，不过没关系，可以从我的百度网盘下载。模块化就是当应用的 js 都以模块来编写的，这个应用就是一个模块化的应用。组件化就是当应用以多组件的方式实现，这个应用就是一个组件化的应用。模块的作用：复用js，简化 js 的编写，提高js 运行效率。二、模块与组件、模块化与组件化的区别。
2024-03-30 01:24:17
306
1
原创 vue之导入导出功能
我是用了一个确认弹框，取消按钮改为全部导出，确认按钮为当前页。然后使用axious请求接口进行下载操作。(导出模块也同理哦)不知道有没有小伙伴在做导入导出功能苦恼那，我也遇到过这样的问题，所以我把我写好的代码供大家参考，如果那有不对的地方，还请指出，大家一起努力！再类说一下导入功能。导入是使用了upload插件样式的，具体代码如下所示。
2024-03-27 09:51:44
207
1
原创 有关npm的哪些事儿
之前用的淘宝源过期了，需要修改最新得淘宝源。后续若有关npm相关知识均在此文档更新。1.首先，先说一下npm的淘宝源。3.一台电脑使用两个npm。
2024-03-27 08:41:33
156
1
原创 not found: Error: Package path ./lib/locale/lang/zh-cn is not exported from package
今儿在启动项目的时候，报了如下图所示的错误。我猜想应该是用的npm源不同导致的。解决办法是将项目中含有。
2024-01-24 10:39:50
1183
原创 JDK1.8.0_361版本的安装及环境变量配置
链接：https://pan.baidu.com/s/1n4h_VAUsZKtmYXEdaIKwXg。双击文件进入，点击下一步，选择安装路径（尽量别安装到c盘），然后一路点击下一步，直至安装。选择系统变量中的新增，添加JAVA_HOME变量。1.win+r打开命令框，输入cmd，输入javac，输出以下信息则成功一半。3.点击path，点击编辑，点击新增，添加上jdk和jre的bin路径。1.找到此电脑右键，选择属性，进入到关于页面，选择“高级系统设置”。4.添加完毕后，一路点确定，直到关闭掉页面。
2024-01-03 16:52:33
640
1
原创 如何在项目中使用阿里巴巴矢量图标库
font-class：是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。与unicode使用方式相比的特点是兼容性良好，支持ie8+及现代浏览器；使用class来定义图标，所以替换图标时，只需要修改class里的unicode引用即可。与上面两种相比的特点：支持多色图标，不受单色限制；特点是兼容性最好，支持按字体的样式去动态调整图标。5.点击创建项目，输入项目名称点击确定，选择项目名称，点击跳转到我的项目页面。2.搜索您所需要的图标，选择您所需要的样式，点击购物车。
2024-01-03 12:06:36
557
1
原创 Nginx配置及开机自启动（Windows环境）
3.cmd以管理员身份进入nginx的安装目录，执行 nginx-service.exe install 命令，然后进入任务管理器选择“服务”，在下方找到打开服务，找到nginx检查是否设置为自启动。2.将下载好的文件放到nginx文件夹中，并将文件名称改为nginx-service.vue,并在同目录下新建nginx-service.xml文件，内容如下。2.进入触发器界面，选择“计算机启动时”开始，点击下一步，选择启动程序，再点击下一步。2.填写创建基本任务的名称及描述，点击下一步。
2024-01-02 16:03:10
2142
原创 javascript之程序执行结构总结
注意：当if判断时，所有的数据类型都会被隐式转换为布尔类型。如果条件表达式的值为0、-0、null、“”、false、underfined或者NaN时，它的条件表达式的结果均为false。1.判断输入一个三位数是否为水仙花数，例如153=1^3+5^3+3^3。2.分支结构：是根据不同的条件判断来决定程序执行走向的结构。1.顺序结构：是按照由上到下的顺序一行一行地执行程序结构。3.循环结构：是根据需要重复的执行相同的程序结构。注意：case有穿透效果，需要加上break语句。1.if 结构，有三种形式。
2023-09-05 17:09:49
44
原创 javascript之操作网页元素
注意：如果属性名是由多个单词组成，则采用小驼峰命名法。给标签设置id属性，一个网页中的id值不允许重复。给按钮绑定事件，监听用户操作。
2023-09-05 15:32:33
40
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人