搜索结果
查询Tags标签: vue.js,共有 2385条记录-
【金秋打卡】第1天 vue基础入门(下)| 1-5 Teleport 传送门功能
20221025-20221117打卡安排: 模块名 描述 课程名称 前端工程师2022版课程章节 vue基础入门(下) 打卡知识进程 知识进程:1 / 21✔ (1)1-5 Teleport 传送门功能最近学习(2)1-6 更加底层的 render 函数(3) 1-7 插件的定义和使用(4)1-8 数据校验插件开发实例(5)2-…
2022/10/27 4:25:03 人评论 次浏览 -
【金秋打卡】第1天 全新升级,基于Vue3最新标准,打造后台综合解决方案之ContextMenu
课程名称:全新升级,基于Vue3新标准,打造后台综合解决方案 课程章节:5-40:方案落地:contextMenu 事件处理 课程讲师:Sunday 课程内容: 在tagsview中,相对于比较重要的就是点击鼠标右键进行contextMenu的展示,其中最主要的就是事件处理,写完了DOM结构,接下来就进…
2022/10/27 4:25:02 人评论 次浏览 -
Vue—关于响应式(三、Diff Patch原理分析)
[上一节]我们学习了Vue中异步渲染队列的原理,本节我们沿着响应式图谱学习下一个部分——渲染页面。如上图所示,Vue会根据之前得到的变更通知生成一颗新的Virtual DOM树,然后再将新的Virtual DOM树和旧的Virtual DOM树进行diff patch操作。 本节的目标是学习Virtual DOM…
2022/10/26 4:24:59 人评论 次浏览 -
Vue—关于响应式(一、依赖收集原理分析)
一、什么是响应式? 在了解什么是响应式之前我们现来看一段代码演示 let x; let y; let f = n => n * 100x = 1; y = f(x); console.log(y); // 100x = 2; y = f(x); console.log(y); // 200x = 3; y = f(x); console.log(y); // 300代码示例中,变量y依赖变量x进行求值…
2022/10/26 4:24:57 人评论 次浏览 -
Vue—关于响应式(二、异步更新队列原理分析)
本节需要准备知识点:Event Loop、Promise 关于Event Loop介绍参考阮一峰老师的文章: http://www.ruanyifeng.com/blog/2013/10/event_loop.html https://www.ruanyifeng.com/blog/2014/10/event-loop.html 关于Promise:https://developer.mozilla.org/zh-CN/docs/Web/J…
2022/10/26 4:24:56 人评论 次浏览 -
Vue—关于响应式(四、深入学习Vue响应式源码)
前面三个小节我们根据下图分析了Vue整个响应式系统的闭环,这一节我们直接来看Vue源码。一、Vue响应式系统分析 1.1. 简单回顾 回顾一下我们自己的响应式实现过程: 首先将data通过Object.defineProperty处理成可响应的数据(getter/setter) 【读】数据时会触发getter调用…
2022/10/21 4:24:57 人评论 次浏览 -
Vue—关于实例中为什么只能有一个根元素?
这个问题分两种情况: new Vue({el: ‘#app’}) 单文件组件template中根元素只能有一个 要解释这个问题,最好的方式就是直接看源码 一、Vue实例 一个vue实例的创建大致分为如下两个步骤 以vue2.5.2版本为例: 调用_init方法初始化事件和生命周期,对options做选项合并 看…
2022/10/21 4:24:53 人评论 次浏览 -
Vue—关于插件(源码级别的插件分析+实践)
在Vue中提供了use方法来安装插件,那么Vue插件的原理是什么呢? 一、Vue.use use方法官方描述如下图:也就是说Vue.use()方法接收一个函数或者提供install方法的对象作为参数(必须提供install方法),如果传入的参数是函数,这个函数会被当做install方法。 文档:https:/…
2022/10/21 4:24:52 人评论 次浏览 -
2022 最新前端开发工程师入门学习路线(imooc免费课程)(下)
上篇:https://www.imooc.com/article/331095 中篇:https://www.imooc.com/article/331096阶段四:Vue与React高级框架开发该阶段目标是掌握JS第六代语言标准,为学习技术框架打下基础。学习Vue和React基础知识。ES6-10入门(点击跳转)Vue基础Vue文档-官网:https://cn.…
2022/10/18 4:24:50 人评论 次浏览 -
利用a标签实现文件下载功能(ant design vue可用)
利用a标签实现文件下载功能(ant design vue可用) 代码和注释 let fileUrl = “” //所下载文件的网络地址 let fileName = “” //下载成功后保存的文件名 //创建一个a标签const link = document.createElement(a);//设置是否在当前页面打开,target其他取值及含义:_bl…
2022/10/16 4:23:58 人评论 次浏览 -
如何实现vue3界面跳转,这些代码你该记住~
很多刚刚接触vue3的朋友,对vue的用法有一些不太了解,在工作中往往又经常需要用到,所以鄙人下面是整理了vue3的项目实现的代码部分。 1.打开一个新窗口并跳转 window.open("/videoAd?id=" + e.id)2.在当前窗口打开新页面 window.location.href…
2022/10/10 4:24:15 人评论 次浏览 -
vue数组去重复,排序,判断周,循环请求接口按顺序执行方法
这篇文章主要介绍了简单了解vue数组的常用操作,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 。 `` `` //数据去重复 const unique=(arr1)=>{const res = new Map();return arr1.filter((a) => !res.has(a.sit…
2022/10/10 4:24:14 人评论 次浏览 -
【九月打卡】第 24 天 vue基础入门(下)
今天的直播,lily老师讲解求职过程很专业太干货了,C++老师讲解过程细节感满满(很负责),盼盼老师主持辛苦了。 模块名 描述 课程名称 前端工程师2022版课程章节 vue基础入门(下) 打卡知识进程 知识进程:4 / 21✔ (1)1-1 Mixin 混入的基础语法(1)✔(2)1-2 Mixi…
2022/9/30 4:16:29 人评论 次浏览 -
【九月打卡】第 23 天 vue基础入门(下)
模块名 描述 课程名称 前端工程师2022版课程章节 vue基础入门(下) 打卡知识进程 知识进程:3 / 21✔ (1)1-1 Mixin 混入的基础语法(1)✔(2)1-2 Mixin 混入的基础语法(2)✔(3) 1-3 开发实现 Vue 中的自定义指令 主讲老师 Dell 学习开始时间 2022.09.27 23:50 学…
2022/9/29 4:16:17 人评论 次浏览 -
【九月打卡】第 22 天 vue基础入门(下)
生活不止眼前的21天,还有诗和远方的21天。 模块名 描述 课程名称 前端工程师2022版课程章节 vue基础入门(下) 打卡知识进程 知识进程:2 / 21✔ (1)1-1 Mixin 混入的基础语法(1)✔(2)1-2 Mixin 混入的基础语法(2) 主讲老师 Dell 学习开始时间 2022.09.26 23:0…
2022/9/28 4:16:20 人评论 次浏览