敲黑板,划重点!!!Vue3,作为前端程序员都应掌握

17 阅读3分钟

最后前端到底应该怎么学才好?

如果你打算靠自己摸索自学,那么你首先要了解学习前端的基本大纲,这是你将要学习的主要内容,理解以及掌握好这些内容,便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程,作为初学者最好的方式就是看视频教程学习,初学者容易理解接受。

不要选择买书学习,这样的方式没有几个人能学会,基本都是看不下去书,也看不懂书。如果喜欢看书的学弟,可以买一些经典的书籍作为辅助即可,主要还是以看教程为主。每天抽出固定几个小时学习,做好长期学习的准备。学习编程并不是每天光看视频,你学习编程最重要的目的是为了编写软件产品,提供给大众使用,所以用手写出代码实现功能才是我们要做的事情。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述 开源分享:docs.qq.com/doc/DSmRnRG…

// 模拟双向数据绑定

//Object.defineProperty(obj, prop, descriptor)

//直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象。

//obj 要在其上定义属性的对象。

//prop 要定义或修改的属性的名称。

//descriptor 将被定义或修改的属性描述符。

Object.defineProperty(obj,"username",{

// Value:"Jack",

get:function(){

console.log("取值");

},

set:function(val){

console.log("设置值");

document.getElementById("uName").innerText=val;

}

});

document.getElementById("username").addEventListener("keyup",function(){

obj.username= event.target.value;

})

//在控制台中输入obj.username会自动触发get方法,输入obj.username="aaa"会自动触发set方法

//此时并没有用事件进行监听,所以修改监听事件里的代码

在这里插入图片描述

2. Vue3.0原理实现 —— Proxy()


  • 引用数据类型的增删改查统统在行,非常强大
vue3响应式

3. 重点说明 —— Reflect


3.1 Reflect 是用来做什么的?

  • 动态对被代理对象的相应属性进行特定的操作(ES6新增)

  • 看到上面的代码,你会发现每行Reflect代码上面都注释了一行,实际上不用它,用它上面的代码也可以实现响应式

  • 但是Vue3.0 却用的是 Reflect,还是有些深意的

3.2 为什么要用Reflect ?

  • 大家可以自行百度,我这里简单说一下(放链接我怕文章发不出去,深感抱歉)

在这里插入图片描述

最后

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】 就答题情况而言,第一问100%都可以回答正确,第二问大概只有50%正确率,第三问能回答正确的就不多了,第四问再正确就非常非常少了。其实此题并没有太多刁钻匪夷所思的用法,都是一些可能会遇到的场景,而大多数人但凡有1年到2年的工作经验都应该完全正确才对。 只能说有一些人太急躁太轻视了,希望大家通过此文了解js一些特性。

并祝愿大家在新的一年找工作面试中胆大心细,发挥出最好的水平,找到一份理想的工作。