- 博客(12)
- 收藏
- 关注
RSS订阅原创 JS中的函数
普通函数里面的属性和方法是共有的，函数一旦定义后，内部逻辑代码是不能更改的。因此，DOM事件里面的匿名函数（也是回调函数）一般不采用箭头函数写法，而是保持传统的function ( ) { }写法。剩余参数在函数中使用，作为函数参数，一般放在形参最末端，函数体中使用时不加...，得到的剩余实参是真数组；1）箭头函数属于表达式函数（匿名函数的一种形式），因此不存在函数提升（不能先使用再声明）。注：普通函数里面的this，谁调用指向谁；函数分为具名函数和匿名函数，有函数名的叫具名函数，没有函数名的叫匿名函数。
2024-08-24 18:39:24
750
原创 DOM/BOM、setTimeout/setInterval、localStorage/sessionStorage、className/classList 有什么区别？
注：网页的所有内容（结构）都在这里，其中每一个标签都可以看做是一个DOM对象，后续要调整页面，都要先获取其对应的DOM对象（标签结构），再对DOM对象进行操作。localStorage：生命周期是永久的，因为存储在本地电脑硬盘中，除非手动删除，否则关闭页面和浏览器窗口也会存在。sessionStorage：生命周期是临时的，数据存储在内存中，当浏览器窗口或标签页关闭时，数据就会被清空。不管是修改DOM元素的什么，都需要先获取该DOM元素，再进行操作！
2024-08-24 00:45:08
471
原创 JS中的字符串、数组、对象
解构：const { name, family:{ mother,father,sister }, age } = pig。例如 const [ a , , c , d ] = [ 1, 2 , 3 , 4 ]例如const [ a , [b , c ] ] = [ 1, [ 2 , 3 ] ]例如const [ a = '手机'，b = '小米' ] = [ ' 华为 ' ]"title": "5G商用自己，三大运用商收入下降",let 数组名 = [ 数据1，数据2，······，数据n ]
2024-08-23 18:18:31
844
原创 JS中 for循环、while循环、forEach有什么区别？
{ id:001,name:'小西',age:18 }, { id:002,name:'小文',age:22} ,{ id:003,name:'小于',age:26} ]continue 是退出本次循环（例如 i = 6），接着进行下一次循环（例如 i = 7）;，例如[1,2,3,4,5]，['苹果'，'香蕉'，‘梨’]。开发中经常将forEach与箭头函数配合使用。不明确循环次数，用while循环。注：for循环和while循环中，明确了循环次数，用for循环。break是退出整个循环！
2024-08-23 15:46:35
131
原创 color/background-color、img/background-image、background-color/opacity有什么区别？
5）HSL写法，HSL则是一种基于色相、饱和度和亮度来表示颜色的方法，提供了另一种创建和调整颜色的方式。4）RGBA写法，RGBA是RGB颜色的扩展，增加了透明度A（Alpha）通道，允许设置颜色的透明度。7）英文单词表示颜色，例如transparent 透明色，但并非所有颜色都有对应的英文单词，因此其使用受到一定限制。分别代表红色、绿色和蓝色的数值，取值范围为0-255的整数或0%-100%的百分比。6）HSLA写法，HSLA是HSL颜色的扩展，也是增加了透明度A，取值范围0~1。
2024-08-21 16:17:35
309
原创 Ajax和Axios的联系与区别？
axios 是 isomorphic 的 ( 即同一套代码可以运行在浏览器和node.js中)，在服务端它使用原生 node.js http模块，而在客户端 (浏览端) 则使用XMLHttpRequest。1）Axios通过对Ajax技术的封装，提供了更多的功能和更好的使用体验。2）Axios不仅支持基本的HTTP请求方法（如GET、POST等），还提供了请求和响应的拦截、错误处理、取消请求等功能。2）请求方法：数据的增（POST）删（DELETE）改（PUT）查（GET）
2024-08-19 19:34:14
997
原创 Vue3 和 Vue2 的区别？
因为数据要放在data里面，方法要放在methods里面，计算属性要放在computed里面，监听部分要放在watch里面。操作功能A的代码时，只需要在这紧挨着的100行里面查找就可以了，其他700行不用管，整体方便多了。Vue2：1）根组件的文件顺序由上至下依次为：模板template、脚本script 、样式css。选项式 API，实现一个功能涉及的数据、方法、计算属性，分散在不同的地方。组合式API，实现一个功能涉及的数据、方法、计算属性，都放在同一个的地方。
2024-08-14 18:28:32
688
原创 v-model双向数据绑定
1） input输入框：value属性 + @input事件。2）多选框：checked属性 + @change事件。4）弹框：visible属性 + @update事件。3）下拉框：value属性 + @change事件。
2024-08-14 12:44:25
78
原创 Vuex的5大核心概念：state、mutations、actions、getters、module
由于vue中遵循单向数据流，以及“谁的数据(data)谁负责”原则，组件之间要获取/修改别人的数据，只能通过子传父、父传子等多个组件传导方式，复杂业务场景下比较麻烦。而vuex就很好的解决了这个问题，它提供了一个数据仓库store，把公用的数据都存放在里面了，比如个人信息。到时候哪个组件想要用，直接去拿就行，不用再经过多组件之间互相传导。
2024-08-12 19:46:33
332
原创 Vuex的mapState和mapMutations是什么？
注：这里的computed计算属性不采用直接赋值，也就是等于mapState(['属性名'])，而采用展开运算符，是为了不让一个mapState辅助函数就把computed配置项占满了，导致后面其他的计算属性配不了。而辅助函数mapState的底层逻辑是，帮忙自动生成了对应的computed计算属性，并通过展开运算符的方式直接在computed里面进行映射，所以页面就可以直接使用了。2）数组方式引入state：mapState( [ '属性名1'，'属性名2' ] )当前组件事件的方法名(参数){
2024-08-11 21:51:07
363
原创 Vue中computed计算属性和methods方法有什么区别？
2. 使用区别，computed计算出来后，作为属性，页面直接使用就行｛｛ 计算属性 } }；一旦计算出来结果就会立刻缓存，下一次读取，直接读取缓存就行，不用重新计算，性能特别高。比如页面调用了5次计算结果，实际上只计算了1次，其他都是使用的缓存结果。使用场景：侧重于处理业务逻辑，例如注册点击事件，改改数据，发发请求这种。比如页面调用5次计算结果，实际上就是要计算5次，性能相对较差。而methods作为方法，页面使用需要调用，方法名( )。调用一次计算一次，没有缓存效果。
2024-08-11 20:15:04
260
原创 Vue 的两种路由跳转方式有什么区别？
如果参数比较少就用动态路由传参，参数比较多就用query传参。注：如果路径比较短就用path，路径比较长就用name；path + query传参。name + query传参。路由传参有4种方式，分别是。path + 动态路由传参。name + 动态路由传参。
2024-08-09 20:39:10
128
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人