- 博客(18)
- 收藏
- 关注
原创 react学习笔记
③reducer:响应发送过来的actions,然后经过处理,把 state发送给Store,处理数据,接收两个参数,第一个参数是初始化 state,第二个参数是action。作用:创建一个可变的引用,在整个组件的生命周期内保持不变(需要长期持久化的数据或需要跨渲染周期保持相同引用的场景)1.props可传递任意数值,包括:数字,字符串,布尔值,数据,对象,函数,JSX。2.子组件只能读取props中的数据,不能直接修改,父组件的数据只能由父组件修 改。
2024-08-02 11:10:30
683
原创 webpack打包报错修复
在不同的js中引用相同的css时,先后顺序不一致。也就是说,在1.js中先后引入a.css和b.css,而在2.js中引入的却是b.css和a.css,此时会有这个warning。①单独更改webpack配置:webpack进行代码分割时,把各功能代码块放入同一个指定名称的代码块中,这样按需加载时就不存在顺序关系了。②:全局更改webpack配置:设置ignoreOrder属性为true,告诉webpack忽略模块的顺序。
2024-07-25 10:11:14
218
原创 Javascript学习笔记----11PC端网页特效
立即执行函数,不需要调用,立马执行自己的函数写法:面试常问!!!mouseover经过自身盒子会触发事件,经过子盒子还会触发,而mouserenter(mouseleave同理)只经过自身盒子触发事件。原因:mouseenter不会冒泡。
2024-02-28 16:28:31
194
1
原创 Javascript学习笔记----10BOM
提供与浏览器窗口交互的对象window.onload=function(){} ----有了这个可以把js代码放在页面任何一个地方(只能写一个)window.addEventListener(‘load’,function(){}) ---等页面内容全部加载完毕document.addEventListener('DOMContentLoaded' ,function(){}) ---DOM加载完毕,不包含图片等1.调整窗口大小(只要窗口大小发生变化,就会发生这个事件)
2024-01-19 15:54:12
372
1
原创 Javascript学习笔记----9事件高级
2. addEventListener(事件类型,事件处理函数,可选参数默认是false ) ---同一个事件可以注册多个事件。不是每个子节点单独设置事件监听器,而是事件监听器设置在其父节点上,然后利用冒泡原理影响设置每个子节点。removeEventListener(事件类型,函数名称 )1.传统注册事件onclick ---唯一性。常用event,evt,e命名。注意:e.target返回的是。函数小括号里的,当形参来看。的对象,this返回的是。
2023-11-11 16:09:46
42
1
原创 Javascript学习笔记----8DOM
添加元素节点node.appendChild(child) node父级 child子级 ----后面追加元素。element.innerHTML ---识别html标签,保留空格和换行----常用。getElementsByClassName('类名') ----HTML5新增。3.子节点② children ----获得所有元素节点 --常用。1.父节点 parentNode ----得到的是离元素最近的父节点。element.innerText ----不识别html标签。
2023-11-10 18:37:12
34
1
原创 Javascript学习笔记----8内置对象
2.替换字符-----replace('被替换的字符','替换为的字符')---他只会替换第一个字符。2.---在开头添加unshift() 在我们数组的开头 添加一个或多个数组元素。1.截取字符------substr('截取的起始位置','截取几个字符');1.---在末尾添加push()在我们数组的末尾,添加一个或多个数组元素。---在末尾删除pop() 他可以删除数组的最后一个元素。----在开头删除shift()删除开头的第一个元素。3.字符转换为数组----split('分隔符')
2023-11-01 16:42:07
36
原创 Javascript学习笔记----7对象
③调用对象方法 对象名.方法名() ----- obj.sayHi() ---千万别忘记加小括号。①对象名.属性名 ----理解为的---- console.log(obj.uname)②对象名['属性名'] ------ cosole.log(obj['age'])注意:①里面的属性或者方法采用键值对的形式 键 属性名:值 属性值。(为什么需要构造函数:把对象里面一些相同的属性和方法抽象出来封装到函数里面)k 变量---前端人员喜欢用k或者key。
2023-10-29 12:57:37
34
1
原创 Javascript学习笔记----6函数
局部变量只在函数内使用,当其所在的代码块被执行时,会被初始化,当代码块运行结束后,就会被销毁,因此更节省内存空间。全局变量在任何一个地方都可以使用,只有在浏览器关闭时才被销毁,因此比较占内存。上述运行结果:9 9 9 9 9 没有定义(因为a是局部变量)arguments对象存储了传过来的所有实参-----伪数组。在实际开发中,通常用一个变量来接受函数的返回结果。(形参用来接受实参的,形参类似于一个变量)1.return后面的代码不会被执行。function 函数名(形参){return需要返回的结果;
2023-10-22 20:35:47
47
1
原创 Javascript学习笔记----5数组
2.var 数组名 = [ ];1.var 数组名 = new Array();i是计数器,当索引号使用。
2023-10-22 15:09:05
49
1
原创 Javascript学习笔记---4流程控制
---条件成立执行语句一,否则执行语句二。continue:跳出本次循环进入下一次循环。流程控制:顺序结构,分支结构,循环结构。最后的语句---上述条件都不成立。else if(条件表达式二){else if(条件表达式三){break:退出整个循环。switch(表达式){if(条件表达式){if(条件表达式1){
2023-10-22 10:38:50
39
1
原创 Javascript学习笔记--3运算符
前置自增:先自加1,后返回值 ----++a。与其他代码一起使用:后置自增:先返回原值,后自加1 ----a++(可以用来判断是否能整除,能整除取余余数为0)逻辑与&&运算符比逻辑||或优先级高。++和--:(面试会问区别)
2023-10-21 14:20:05
80
1
原创 Javascript学习笔记--2数据类型
parseFloat()----得到的是小数 (都要注意大小写)isNaN:用来判断非数字,是数字返回false,不是数字返回true。Boolean()-----代表空,否定的值会转换为false。和字符串拼接的结果都是字符串!直接使用+ - =等数学符号和数字计算可进行隐式转换。1、js中变量的数据类型是根据等号右边的值来确定的。3.布尔型中true当1算,false当0算。2、js是动态语言,变量的数据类型可以改变。parseInt()----得到的是整数。4.typeof检测数据类型。
2023-10-20 20:38:20
60
原创 JavaScript学习笔记-1变量
例:var myname = prompt('请输入你的名字‘’)2.声明多个变量例:用英文逗号隔开,最后用分号结束。console.log()输入在控制台---打印。在<script> <script>中写代码。3-1.只声明不赋值结果是undefined。prompt()用户输入框--收集信息。1.更新变量,重新赋值变量值会更新。3-2.不声明不赋值直接使用会报错。3-3.不声明直接赋值使用可以使用。交换变量值用到临时变量。
2023-10-18 20:00:08
57
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人