2024年11月21日

响应式原理

摘要: 一、理论: 响应式原理:就是被拦截的对象 响应式本质:如果数据发生改变,依赖该数据的函数重新运行。 模板本质:重新渲染函数(render),该函数执行后,会重新返回虚拟dom 当响应式重新运行:响应式运行,渲染函数也会重新运行,并返回一个更真实的dom。 二、方法: ref他是采用Object.de 阅读全文

posted @ 2024-11-21 10:58 爱前端的小魏 阅读(4) 评论(0) 推荐(0) 编辑

2024年11月19日

vue2和vue3区别(setUp)

摘要: setUP: vue2和vue3初期区别: 1.在vue2中无setUP使用 2.在vue3初期才开始使用,子组件写好对象和方法后还需要返回对象,父组件才可以继续使用 3.vue2和vue3初期区别:vue2中对组件进行复用,在vue3可以对函数进行复用,灵活度更高,复用性更好 vue3初期和vue 阅读全文

posted @ 2024-11-19 10:03 爱前端的小魏 阅读(5) 评论(0) 推荐(0) 编辑

2024年11月12日

一、虚拟DOM本质,模板本质,组件树和DOM树,数据拦截的本质

摘要: 一、虚拟DOM本质 1.真实DOM原理:是由JS引擎创建DOM后,识别为API,发送到浏览器内核中,由渲染主线程进行渲染,最终将结果返回给JS引擎。 2.什么是虚拟DOM:就是JS对象,是创建DOM对象是在JS引擎终进行的。 二、模板的本质 1、流程:进行了模板编译器最终生成了模板(解析器-模板AS 阅读全文

posted @ 2024-11-12 21:32 爱前端的小魏 阅读(1) 评论(0) 推荐(0) 编辑

2024年6月6日

selenium常用方法

摘要: 阅读全文

posted @ 2024-06-06 15:20 爱前端的小魏 阅读(6) 评论(0) 推荐(0) 编辑

2023年8月8日

批量删除功能(VUE3语法)

摘要: 使用element ui -el-table方式编写 功能点:点击全选/单选可以进行删除 <el-table :data="date" ref="grayscaleTableRef" min-height="288" max-height="510" style="width: 100%" head 阅读全文

posted @ 2023-08-08 10:26 爱前端的小魏 阅读(650) 评论(0) 推荐(0) 编辑

2023年7月14日

测试转为开发的心理

摘要: 自己刚步入公司的时候,就开始自己学习前端的知识,但是工作时间不允许学习,只能抽下班时间慢慢学习!就这样,龟速学习中!学了一年,才把JS啃完,啃完之后,真的是不经常使用很容易忘;然后对于一些知识点又忘了!当时继续学着VUE,越往后越不知道学什么了;因为感觉要学习的还有好多技术,也就陷入了迷茫(当时做梦 阅读全文

posted @ 2023-07-14 16:08 爱前端的小魏 阅读(24) 评论(0) 推荐(0) 编辑

2023年7月7日

vue3--setUp以及ref的使用

摘要: <template> <h1>计数统计:{{ countRef }}</h1> <h2><button @click="inCreate">数量加1</button></h2> <h2><button @click="inDelete">数量-1</button></h2> </template> 阅读全文

posted @ 2023-07-07 10:29 爱前端的小魏 阅读(123) 评论(0) 推荐(0) 编辑

2023年6月14日

vue事件总线

摘要: //事件总线: 类似于单独对于一个功能的处理。组件间通信的方式;适用于任意组件间通信 // export default{ // //监控事件 // $on(eventName,handler){ // if(!listeners[eventName]){ // listeners[eventNam 阅读全文

posted @ 2023-06-14 09:04 爱前端的小魏 阅读(81) 评论(0) 推荐(0) 编辑

vue实现子父组件之间通信

摘要: <template> <div> <button @click="handleClick" :disabled="isLoading"> {{ isLoading ? "loading" : "submit" }} </button> <div class="err">{{ error }}</di 阅读全文

posted @ 2023-06-14 08:57 爱前端的小魏 阅读(14) 评论(0) 推荐(0) 编辑

vuex基础语法

摘要: // import Vuex from "vuex"; // import Vue from "vue"; // Vue.use(Vuex); // /* // vuex作用:数据共享 // 用法:在store新建一个js文件;new Vuex.Store // 方法: // state:初始状态数 阅读全文

posted @ 2023-06-14 08:56 爱前端的小魏 阅读(26) 评论(0) 推荐(0) 编辑

导航