- 博客(18)
- 收藏
- 关注
RSS订阅原创 vue 条件渲染 （v-if\v-show）
v-show是伪条件渲染，对dom节点的样式display的改变，适用于频次较多的切换。初次加载，v-if要比v-show好，页面不会多加载盒子，这里就说明了v-if 是。频繁切换，v-show要比v-if好，创建删除性能开销大，显示和隐藏开销小。v-if是条件渲染，对dom节点的删除和增加，一般适用于较少频次的切换。，这只是一个不可见的包装器元素，最后渲染的结果并不会包含这个。虽然用法跟v-if差不多，但是还是有区别的。说到条件渲染，大家可能用的较多的是v-if。的，只有当为true 的时候才会被渲染。
2024-04-23 10:38:03
277
1
原创 vuex 数据状态管理？理解？使用？
但是，如果您需要构建一个中大型单页应用，您很可能会考虑如何更好地在组件外部管理状态，Vuex 将会成为自然而然的选择。定义修改数据，注意不能有异步，因为mutations是一个纯函数，仅作数据扭转使用，修改数据后并执行发布数据更新消息，若有异步，消息则发布不成功。定义处理异步，并不能修改数据，由commmit方式递给mutations再执行数据扭转，发布订阅 =====使用dispatch来调用。当页面刷新的时候会重置state的数据，因此需要对数据进行加密缓存处理。global js文件。
2024-04-16 16:39:11
335
原创 Vue2和Vue3数据响应式原理的不同？
vue2中data中定义得数组，并且没有键，那么他的_data中数据劫持是劫持不到的就是没有get 和 set ，你修改值是改变不了的，那么怎么解决，vue2中初始化的时候没有给数据，后续添加的都是没有get和set的，如果想拯救一下需要通过vue.set及另一个方法来解决，vue2对数组的push，pop，splice等等，进行了二次封装，使他重新调用解析模板...然后走页面更新流程。实现响应式原理，你如果存放的是对象或数组这些复杂数据类型，那么他也能解决只不过是去让proxy来进行解决。
2024-04-12 15:50:55
827
原创 前端本地存储 cookie localStorage sessionStorage
1、cookie概念：Cookie是一种在客户端存储数据的机制，它将数据以键值对的形式存储在用户的浏览器中。通俗来说，客户端与服务端的交互存储的机制。Cookie 是不安全的，原因是它本身没有采用任何加密机制。通过 HTTPS 来传输 Cookie 数据是安全的，它与 Cookie 本身无关，与 HTTPS 协议相关。作用：标记一般来自服务端。ExpiresMax-AgeStrictLax应用场景：Cookie常用于存储会话标识符，以便在用户访问不同页面时保持会话状态。
2024-04-11 10:44:57
861
原创 js 深浅拷贝
浅拷贝是指将一个对象的属性值复制到另一个对象，如果属性值是基本数据类型（如数字、字符串、布尔等），则直接复制该值；如果属性值是引用数据类型（如对象、数组等），则复制的是其引用地址，而不是实际的对象本身。浅拷贝的实现方式有哪些？
2024-04-09 11:15:15
718
原创 nextTick的作用吗，谈谈对它的理解，是什么，怎么用
可以通过nextTick方法，这个方法在源码内，先监听是否具备Promise.then，利用promise来监听，如果当前环境不支持promise，那么就降级采用MutationObserver，如果MutationObserver不支持的话，那么就降级采用setImmediate，如果setImmediate不支持的话，那么就使用setTimeout(fn, 0)。首先Vue 在更新 DOM 时是异步执行的，也就是说数据变了，DOM不会立即改变，那么我们是如何知道DOM什么时候会改变呢？
2024-03-27 15:15:02
404
原创 判断对象属性是否存在，只要有一个存在就为true,没有为false
一共四个状态，我发现 status 等于0的时候，这个函数 判断，居然是false,当时我就想是什么原因，对于js基础，0为false 当然这个函数也能把等于0的情况单独来判断。通过筛选条件get 请求，excel下载,还有post 请求，退订等等。我记得之前有个通过get 筛选条件 下载Excel。于是我想当转成数组，用some一句代码完成。这样就完美解决了问题，一句代码搞定了。当时条件筛选有这个状态。
2024-03-26 14:17:40
178
原创 vue Excel下载乱码
原来在本项目中使用了mockjs来模拟请求后端接口获得数据，然而我看了下代码，mock并没有对这个下载接口做拦截啊，那为什么这个接口返回blob有问题了，于是我看了下mockjs的源码，大概知道原因在那了。我就发现，请求的resposeType是空，不是blob类型，识别不了，一直下载文件都是乱码，搞得我真想骂人了，到底是怎么回事，后来搜到一个博主，终于让我找到原因了。对于这个问题，搞了我两天，心态都给我怎崩溃了。心累呀，找个解决问题，刚开始后端都在找原因，怀疑自己是不是写错了。
2024-03-20 14:29:15
364
1
原创 前端工程化是什么？
最后，单测并不是一个硬性的要求，它更多的是用于工具开发等，而在业务上较少去用，对于一个大型的业务项目来说，心智负担过大，所以前端单测现在在公司中属于不太看重的部分（但是我听说，越来越多的公司开始做前端单测了）（代码审查），我觉得是必不可少的一环，尤其是对于公司新人和实习生来说，它是对代码质量的查验，我们可以发现自己的代码哪里写的不够好，哪里可以进行改善，这对能力的提升是很有帮助的。我们在开发一个项目的时候，摸索的经验，积累形成体系，给团队和接下来的项目赋能，让接下来的工作做的更好，我认为这就是一个工程化。
2024-03-18 09:38:42
824
原创 js 闭包的理解
闭包是一个被面试官常问得问题，相当于也是面试得重点吧，那下面可以浅层的说一下闭包。概念：（什么是闭包） 一个函数内部返回另一个函数，内部函数可以访问外部函数的私有变量，闭包是js的一种语法特性。为什么要使用的闭包呢？ 闭包在JavaScript中具有重要的用途和价值。它们可以用于创建私有变量、封装逻辑、避免全局污染等方面。另外，闭包还允许你在函数之外操作局部变量，从而为代码提供更大的灵活性和可维护性。那我们可以简单的写一个闭包函数 let result =
2023-12-01 14:42:23
445
1
原创 map 与 forEach 的区别
console.log('原数组',arr);// 原数组 [ '10', '9', '8' ]console.log('返回值',result);即使在forEach里面写return 不会对原数组产生印象。定义：返回一个新数组，对数组的原始数据进行处理，用于调用数组的每个元素，并将元素传递给回调函数。若 return 只有一行代码，可以进行简写。正因为 map返回的是新数组，可以后进行。没有返回值，所以就没有链式方法处理。不会对空数组进行检测，有返回值。对于空数组是不会执行。
2023-11-27 11:32:42
412
原创 路由的缓存 keep-alive
Vue 的 keep-alive为抽象组件，主要用于缓存内部组件数据状态。可以将组件缓存起来并在需要时重新使用，而不是每次重新创建。这可以提高应用的性能和用户体验，特别是在需要频繁切换组件时。
2023-10-26 16:50:36
346
原创 【数组里面是对象去重】
方法：数组中的元素是对象，Set对象会识别为不同的元素，所以不能直接使用该方法。为了解决这个问题，你可以使用一个映射函数，将数组中的对象映射为一个字符串或数字，然后再使用该方法。
2023-10-22 15:17:51
26
1
前端 二阶段 js 复习总纲规划
2024-03-27
前端面试法典，自己总结，希望能帮助正在求职的前端小伙伴
2023-10-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人