m0_71587525的博客

【代码】vue封装扫描二维码记录二维码内容组件。

vue3封装step步骤条组件

③reducer：响应发送过来的actions，然后经过处理，把 state发送给Store，处理数据，接收两个参数，第一个参数是初始化 state，第二个参数是action。作用：创建一个可变的引用，在整个组件的生命周期内保持不变（需要长期持久化的数据或需要跨渲染周期保持相同引用的场景）1.props可传递任意数值，包括：数字，字符串，布尔值，数据，对象，函数，JSX。2.子组件只能读取props中的数据，不能直接修改，父组件的数据只能由父组件修 改。

在不同的js中引用相同的css时，先后顺序不一致。也就是说，在1.js中先后引入a.css和b.css，而在2.js中引入的却是b.css和a.css，此时会有这个warning。①单独更改webpack配置：webpack进行代码分割时，把各功能代码块放入同一个指定名称的代码块中，这样按需加载时就不存在顺序关系了。②：全局更改webpack配置：设置ignoreOrder属性为true，告诉webpack忽略模块的顺序。

1.触屏事件。

【代码】网页轮播图。

立即执行函数，不需要调用，立马执行自己的函数写法：面试常问！！！mouseover经过自身盒子会触发事件，经过子盒子还会触发，而mouserenter（mouseleave同理）只经过自身盒子触发事件。原因:mouseenter不会冒泡。

注意：big里的照片设置成absolute定位才可以移动。

提供与浏览器窗口交互的对象window.onload=function(){} ----有了这个可以把js代码放在页面任何一个地方（只能写一个）window.addEventListener(‘load’，function（）{}) ---等页面内容全部加载完毕document.addEventListener('DOMContentLoaded' ,function(){}) ---DOM加载完毕，不包含图片等1.调整窗口大小(只要窗口大小发生变化，就会发生这个事件)

2. addEventListener(事件类型，事件处理函数，可选参数默认是false ) ---同一个事件可以注册多个事件。不是每个子节点单独设置事件监听器，而是事件监听器设置在其父节点上，然后利用冒泡原理影响设置每个子节点。removeEventListener(事件类型，函数名称 ）1.传统注册事件onclick ---唯一性。常用event,evt,e命名。注意：e.target返回的是。函数小括号里的，当形参来看。的对象，this返回的是。

添加元素节点node.appendChild(child) node父级 child子级 ----后面追加元素。element.innerHTML ---识别html标签，保留空格和换行----常用。getElementsByClassName('类名') ----HTML5新增。3.子节点② children ----获得所有元素节点 --常用。1.父节点 parentNode ----得到的是离元素最近的父节点。element.innerText ----不识别html标签。

【代码】tab栏切换。

2.替换字符-----replace（'被替换的字符'，'替换为的字符'）---他只会替换第一个字符。2.---在开头添加unshift() 在我们数组的开头 添加一个或多个数组元素。1.截取字符------substr('截取的起始位置','截取几个字符');1.---在末尾添加push（）在我们数组的末尾，添加一个或多个数组元素。---在末尾删除pop（） 他可以删除数组的最后一个元素。----在开头删除shift（）删除开头的第一个元素。3.字符转换为数组----split（'分隔符'）

③调用对象方法 对象名.方法名（） ----- obj.sayHi() ---千万别忘记加小括号。①对象名.属性名 ----理解为的---- console.log(obj.uname)②对象名['属性名'] ------ cosole.log(obj['age'])注意：①里面的属性或者方法采用键值对的形式 键 属性名：值 属性值。（为什么需要构造函数：把对象里面一些相同的属性和方法抽象出来封装到函数里面）k 变量---前端人员喜欢用k或者key。

局部变量只在函数内使用，当其所在的代码块被执行时，会被初始化，当代码块运行结束后，就会被销毁，因此更节省内存空间。全局变量在任何一个地方都可以使用，只有在浏览器关闭时才被销毁，因此比较占内存。上述运行结果：9 9 9 9 9 没有定义（因为a是局部变量）arguments对象存储了传过来的所有实参-----伪数组。在实际开发中，通常用一个变量来接受函数的返回结果。（形参用来接受实参的，形参类似于一个变量）1.return后面的代码不会被执行。function 函数名（形参）{return需要返回的结果；

2.var 数组名 = [ ];1.var 数组名 = new Array（）;i是计数器，当索引号使用。

---条件成立执行语句一，否则执行语句二。continue：跳出本次循环进入下一次循环。流程控制：顺序结构，分支结构，循环结构。最后的语句---上述条件都不成立。else if（条件表达式二）{else if（条件表达式三）{break：退出整个循环。switch（表达式）{if(条件表达式）{if（条件表达式1）{

前置自增：先自加1，后返回值 ----++a。与其他代码一起使用：后置自增：先返回原值，后自加1 ----a++（可以用来判断是否能整除，能整除取余余数为0）逻辑与&&运算符比逻辑||或优先级高。++和--：（面试会问区别）

parseFloat（）----得到的是小数 （都要注意大小写）isNaN:用来判断非数字，是数字返回false，不是数字返回true。Boolean（）-----代表空，否定的值会转换为false。和字符串拼接的结果都是字符串！直接使用+ - =等数学符号和数字计算可进行隐式转换。1、js中变量的数据类型是根据等号右边的值来确定的。3.布尔型中true当1算，false当0算。2、js是动态语言，变量的数据类型可以改变。parseInt（）----得到的是整数。4.typeof检测数据类型。