- 博客(51)
- 收藏
- 关注
RSS订阅原创 前端学习之——react篇（渲染列表）
用于在其兄弟节点中唯一标识该元素。通常 key 来自你的数据，比如数据库中的 ID。如果你在后续插入、删除或重新排序这些项目，React 将依靠你提供的 key 来思考发生了什么。对于列表中的每一个元素，你都应该传递一个字符串或者数字给。你将依赖 JavaScript 的特性，例如。函数将这个数组转换为。
2024-01-25 13:44:41
666
原创 前端学习之——react篇（条件渲染）
React 没有特殊的语法来编写条件语句，因此你使用的就是普通的 JavaScript 代码。如果你对 JavaScript 语法不熟悉，你可以从一直使用。是 JavaScript 中的逻辑与（AND）操作符。操作符的条件渲染方式可以帮助简化代码并提高可读性。这种写法是一种简洁的条件渲染方式。如果你喜欢更为紧凑的代码，可以使用。组件，从而使其被渲染。为真时，表达式的结果为。为假时，表达式的结果为。分支时，你还可以使用。，因此不会渲染任何内容。在上面的代码片段中，在这个特定的用法中，
2024-01-25 11:55:42
1121
原创 前端面试——关于this指向问题？
想要知道关于this的指向问题，首先要了解this的绑定规则。那么this到底是什么样的绑定规则呢？一起来研究一下吧！绑定一：默认绑定绑定二：饮食绑定绑定三：显示绑定绑定四：隐式绑定。
2024-01-23 15:35:49
561
原创 apaas线——训练管理系统
现在要新添加副店总的信息，副店总不显示ta的训练计划，也就是说店总不能控制副店总的学习计划。副店总是新添加的，本身是前厅经理、后厨经理、以及徒弟列表等。
2024-01-23 15:34:30
368
原创 多条件三元表达式如何写？
在某些业务需求情况下，如何书写多条件三元表达式？（例如，父组件传值给子组件，子组件根据不同的值去响应不同的颜色变化该如何实现？父组件传testData的值给子组件，这个是我自定义的，如果是真正项目，前后端交互，后端传递的值是动态的会变化。总结：多条件三元表达式的写法就是条件a?结果2 ：条件c？子组件：(红线部分即为多添建三元表达式的写法)
2023-12-15 15:20:27
300
原创 自定义充电量按照百分比变化如何实现？（储能、自定义组件）
为什么要传入skin这个参数值呢，就是为了在父组件中去判断电量的临界值，为了确保组件的可复用性，不同业务需求对于电量小于多少报红的要求是不一样的，例如有时候我要求电量小于20%变红，有时候我要求电量小于5%报红，所以在父组件判断会使代码可复用性增强。想要实现如上图所示的充电量变化的一个动态效果。
2023-12-14 15:02:22
131
原创 收到mqtt传送过来的数据，大量的数据如何按照需求只选取个别的数据？
要通过唯一的标识，例如attributeId这种字段来取值（不能通过索引取值，因为索引值可能发生变化，导致全部数据紊乱）页面订阅topic，收到mqtt传送过来的数据，大量的数据如何按照需求只选取个别的数据？
2023-12-14 10:40:41
172
原创 说一下JS原型链
比如说，我们要在实例对象里面找一个属性name，首先它会看它自己有没有这个属性，没有的话，就会顺着这个链条，通过自身的_proto_属性，然后找到构造函数的prototype里面设置的公共属性和方法，如果这里面还没有的话，那就会继续通过它的_proto_属性，一直找，找到Object的prototype，如果这俩面还没有的话，那就是null。总结：一个实例对象在调用 属性和方法的时候，会依次从实例本身、构造函数原型、原型的原型上去查找。
2023-12-07 15:56:15
44
原创 事件委托（事件代理）是什么？
事件委托又叫事件代理，原理就是。利用了事件冒泡的机制来实现，也就是说把子元素的事件绑定到了父元素的身上。如果子元素阻止了事件冒泡，那么委托也就不成立。（2）addEventListener( 'click', 函数名, true/false) 默认是false（事件冒泡），true（事件捕获）好处：提高性能，减少事件的绑定，也就减少了内存的占用。
2023-12-07 14:54:06
26
原创 前端的内存泄露怎么理解？
JS里已经分配内存地址的对象，但是由于长时间没有释放或者没有办法清除，造成长期占用内存的现象，会让内存资源大幅浪费，最终导致运行速度慢，甚至崩溃的情况。（1）一些为生命直接赋值的变量。（4）一些引用元素没有被清除。（2）一些未清空的定时器。
2023-12-07 14:40:52
31
原创 Vue关于watch属性的用法
在vue2中，是不能通过下标去修改数组的。因为修改了虽然数据会更新，但不会更新到界面上。应该用this.$set去修改数组。这样watch就能监听到了。
2023-12-07 14:12:47
23
原创 有关自定义指令钩子函数的用法
指令的值可能发生了改变，也可能没有。但是你可以通过比较更新前后的值来忽略不必要的模板更新 (详细的钩子函数参数见下)。之外，其它参数都应该是只读的，切勿进行修改。：只调用一次，指令第一次绑定到元素时调用。：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。：指令所绑定的元素，可以用来直接操作 DOM。：所在组件的 VNode 更新时调用，：只调用一次，指令与元素解绑时调用。：字符串形式的指令表达式。：传给指令的参数，可选。：一个包含修饰符的对象。：指令绑定的前一个值，仅在。
2023-12-07 13:52:27
82
原创 有关v-model的修饰符用法
在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步。你可以添加 lazy 修饰符，从而转为在 change 事件_之后_进行同步：如果想自动将用户的输入值转为数值类型，可以给 v-model 添加 number 修饰符：如果这个值无法被 parseFloat() 解析，则会返回原始的值（ v-model添加number修饰符,如果值不是数字，将不会有任何效果，直接返回输入值）。
2023-12-07 13:46:06
47
翻译 Vue的特点
React 采用了特殊的JSX语法，Vue中也推崇编写以*.vue后缀命名的文件格式，对文件内容都有一些规定， 两者需要编译后使用。指令提供了一些特殊的特性， 将指令绑定在元素上时，指令会给绑定的元素添加一些特殊的行为。（2）数据绑定 Vue是一个MVVM框架，数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化，这也算是Vue的精髓之处。（1）轻量级 Angular的学习成本高，使用起来比较复杂，而Vue相对简单、直接，所以Vue使用起来更加友好。
2023-12-07 13:34:23
535
转载 TCP/IP的体系结构！
2、传输层将数据切割成一段一段的，便于传输并往里加上一些标记，比如当前应用的端口号等，交给Internet。（这是的数据单元（单位）是数据流）。4、物理层将数据转换为比特流开始查找主机真实物理地址进行校验等操作，校验通过，开始嗖~嗖~嗖~的往目的地跑。1、应用层先把你的消息进行格式转换，你的消息是文字还是图片，还是成人视频，并进行加密等操作交给传输层。（这时的数据单元（单位）是分组）假如你给你的记忆发一个消息，数据开始传输，这时数据就要遵循TCP/IP协议啦，你的电脑会做出以下动作，这些动作你是看不到的。
2023-11-15 11:54:12
35
原创 TCP/IP协议和OSI模型的区别？
TCP/IP协议族采用四层模型，它包括链路层（数据链路层）、网络层、传输层和应用层。OSI模型在学术领域和一些特定的通信系统中有时会被用作理论基础，但在实际应用中并没有取得与TCP/IP相媲美的地位。OSI模型是由国际标准化组织（ISO）开发的，旨在提供一个通用的框架，但实际上在互联网的实现中并没有被广泛采用。在TCP/IP协议中，网络层（Internet层）包括IP协议，负责在网络上进行数据包的路由和寻址。OSI模型采用七层模型，包括物理层、数据链路层、网络层、传输层、会话层、表示层和应用层。
2023-11-15 11:08:09
284
翻译 前端面试之插槽——默认插槽、具名插槽、作用域插槽！
1.作用：让父组件可以向子组件指定位置插入html结构，也是组件通信的一种方式，适用于父组件===》子组件。2.分类：默认插槽、具名插槽、作用域插槽。
2023-11-11 15:34:30
108
原创 前端面试——pinia和Vuex的区别?
总之，Pinia 和 Vuex 都可以用于状态管理，但选择取决于你的项目需求和技术栈。如果你在一个 Vue 3 项目中使用 TypeScript 并希望更模块化和类型安全的状态管理，那么Pinia可能是一个更好的选择。如果你正在使用 Vue 2 或只需要一个简单的状态管理解决方案，那么Vuex可能更合适。
2023-11-03 10:26:16
354
原创 前端面试Vue篇——vue有哪儿些内置指令？
7、v-text和v-html：v-html可以转义标签和渲染数据，v-text不会转义标签只能渲染数据。10、v-cloak：通常与css编译使用，用于在vue实例加载和编译之前隐藏元素。9、v-pre：跳过这个元素及子元素的编译过程，以此来加快整个项目的编译速度。4、v-if、v-else、v-else-if多重判断。5、v-bind绑定属性（v-bind:class）6、v-on绑定事件 (v-on:click)8、v-once：元素只渲染一次。1、v-for循环便利渲染元素。
2023-10-20 17:01:51
59
原创 前端面试Vue篇目——有了解过vue修饰符吗？
2：自定义事件绑定事件需要添加.native,否则事件无效。1：普通组件绑定事件不能添加.native，添加事件后无效。
2023-10-20 16:34:36
29
原创 前后段交互——常见的http状态码
200 （请求成功） 401（Token过期） 401（无权访问） 404（请求地址错误） 500（服务器错误）
2023-10-20 16:01:22
25
原创 小程序的三种生命周期（应用生命周期、页面生命周期、组件的生命周期）
可以定义 show（页面展示时触发）、hide（页面隐藏时触发）等方法，这些方法可以在组件中通过 this.triggerEvent 主动触发。（2）attached（）组件被添加到页面节点树中时触发。（5）detached（）组件被从页面节点树中移除时触发。（4）moved（）组件被移动到新的节点位置时触发。（1）created（）组件实例被创建时触发。（3）ready（）组件初次渲染完成时触发。（2）onShow（）页面显示时触发。（4）onHide（）页面隐藏时触发。即自定义组件的生命周期。
2023-09-21 13:54:42
1349
原创 关于微信小程序常用的API方法
通过调用该方法可以获得用户的唯一标识，用于后续的用户身份验证和获取用户信息等操作。这些都是微信小程序中常用的 API 方法，它们用于实现不同的功能和页面跳转操作。: 用于跳转到应用内的底部导航栏中的某个页面。以上是这些 API 方法的简要介绍，具体的使用方法和参数可以参考微信小程序的官方文档。: 用于关闭当前页面，并跳转到应用内的新页面，不保留当前页面的栈结构，不允许回退到上一个页面。: 关闭所有页面，打开到应用内的某个页面。: 用于跳转到应用内部的新页面，保留当前页面的栈结构，允许回退到上一个页面。
2023-09-21 11:44:14
174
原创 字符串模板语法
字符串模板语法是一种方便插入变量和表达式的字符串拼接方式，它使用反引号（）包裹字符串，并使用${}`来插入动态的内容。在${}内部可以进行表达式求值，这里的${x + y}会被计算为表达式的结果并替换其中。在${}内部可以插入变量，它会被解析为对应变量的值，并与其他静态字符串拼接在一起。字符串模板语法允许创建多行字符串，只需在反引号的起始和结束位置进行换行操作即可。
2023-09-13 14:17:05
62
原创 store.dispatch和this.$store.dispatch的区别？
综上所述，store.dispatch和this.$store.dispatch实际上是指向同一个Vuex的dispatch方法，只是在调用时的语法稍有不同，前者在Vue实例外使用，后者在Vue组件内部使用。store.dispatch和this.$store.dispatch实际上是指向同一个Vuex的dispatch方法，只是在调用时的方式略有不同。this.$store.dispatch是在Vue组件中使用的方式，用于在组件内部触发Vuex的action。
2023-09-13 11:37:59
711
原创 前端面试——Vue篇（什么是虚拟DOM？什么是diff算法？循环中key的作用？）
虚拟DOM就是用普通的js来描述的一种DOM结果，因为不是真实的DOM，所以称之为虚拟DOM。diff算法是一种对比算法，用来对比新旧虚拟DOM，从而最小程度的更新视图。没有用到key的diff算法：假设我们有一个数组【A,B,C,D,E】，在索引为2的地方插入‘DDD’，那么新的数组就为【A,B,C,DDD,D,E】,看了diff算法的源码，大致上就是虚拟DOM会有一个新的vNode和旧的vNode，然后新旧vnode会进行一个替换，新增和删除，性能不是特别高。
2023-09-09 16:24:06
80
转载 前端面试——Vue篇（父子组件生命周期执行顺序？）
父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted。父beforeDestroy -> 子beforeDestroy -> 子destroyed -> 父destroyed。父beforeUpdate -> 子beforeUpdate -> 子updated -> 父updated。
2023-09-04 17:59:19
203
1
原创 前端面试——Vue篇（关于数据代理）
（1）通过Object.defineProtory()把data对象中的所有属性添加到vm上。（3）在getter/setter内部去操作（读/写）data中对应的属性。（2）为每一个添加搭配vm上的属性，都指定一个getter/setter。通过vm对象来代理data对象中属性的操作（读/写）。更加方便的操作data中的数据。
2023-09-01 09:11:22
48
1
原创 前端面试——JS篇（说一下js运行机制？）
宏任务：（1）定时器setTimeout和setInterval（2）ajax请求（3）读取文件。同步：同步就是一个任务执行完了，另一个任务才可以执行，程序的执行顺序与任务的排列顺序是一致的。异步：异步其实就是多线程多任务，比如说做一件事情的同时可以做其他事情。微任务：promise.then。异步任务又分为宏任务和微任务。
2023-08-31 10:41:54
64
1
转载 前端面试——Vue篇（Vue2和Vue3的区别？）
vue2：vue2是把数据放入data中，在vue2中定义数据变量是data(){}，创建的方法要在methods:{}中。vue3：，vue3就需要使用一个新的setup()方法，此方法在组件初始化构造的时候触发。从vue引入reactive；使用reactive()方法来声明数据为响应性数据；使用setup()方法来返回我们的响应性数据，从而template可以获取这些响应性数据。
2023-08-29 18:07:15
71
1
原创 前端面试——Vue篇（什么是MVVM ？）
MVVM即M、V、VM，M是model模型，V是视图，VM是视图模型，在vue文件里，M是指data中的数据，V是div里的内容，VM是vue实例。Vue是实现了双向绑定的MVVM框架，当视图改变更新模型层，当模型层改变更新视图层。在vue中，使用了双向绑定技术，就是view的变化能实时让model发生变化，而model的变化也能实时更新到View。（3）VM：视图模型（ViewModel）：Vue实例对象。（1）M：模型（Model）：对应data中的数据。（2）V：视图（View）：模板。
2023-08-17 11:21:28
131
1
原创 前端面试——JS篇（不会改变原数组的方法和会改变原数组的方法）
6.findIndex方法：通过指定条件筛选出符合条件元素的索引，如果有多个就返回第一个满足条件的索引，如果没有符合条件的，就返回-1。4.forEach方法：循环遍历数组每个元素（与map不同之处在于没有返回值）7.reduce方法：用来累加数组中的元素求和。1.push方法：用于在元素后面推入增加元素。3.unshift方法：在数组前面添加元素。4.shift方法：在数组前面删除元素。6.splice方法：添加或删除元素。2.pop方法：在数组后面删除元素。3.map方法：循环遍历数组每元素。
2023-08-02 14:10:59
618
1
原创 前端面试——JS篇（关于this的指向问题）
（3）事件绑定函数里this指向window。严格模式下，this指向undefined。（1）全局函数里this指向window。（2）箭头函数里this指向window。（1）普通函数this指向window。（2）箭头函数this指向上一层环境。谁调用我，this就指向谁。
2023-08-01 15:21:12
79
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人