Proxy及其优点

原文地址:https://github.com/YvetteLau/Blog/issues/40

通常,当谈到JavaScript语言时,我们讨论的是ES6标准提供的新特性,本文也不例外。 我们将讨论JavaScript代理以及它们的作用,但在我们深入研究之前,我们先来看一下Proxy的定义是什么。

MDN上的定义是:代理对象是用于定义基本操作的自定义行为(例如,属性查找,赋值,枚举,函数调用等)。

换句话说,我们可以说代理对象是我们的目标对象的包装器,我们可以在其中操纵其属性并阻止对它的直接访问。 你可能会发现将它们应用到实际代码中很困难,我鼓励你仔细阅读这个概念,它可能会改变你的观点。

全文

嗨,你真的懂this吗?

原文地址:https://github.com/YvetteLau/Blog/issues/6
this关键字是JavaScript中最复杂的机制之一,是一个特别的关键字,被自动定义在所有函数的作用域中,但是相信很多JavaScript开发者并不是非常清楚它究竟指向的是什么。听说你很懂this,是真的吗?

全文

彻底搞懂浏览器Event Loop

原文地址:https://github.com/YvetteLau/Blog/issues/4
前段时间,和头条的小伙伴聊天问头条面试前端会问哪些问题,他称如果是他面试的话,event-loop肯定是要问的。那天聊了蛮多,event-loop算是给我留下了很深的印象。原因很简单,因为之前我从未深入了解过,如果是面试的时候,我遇到了这个问题,估计回答得肯定不如人意。
因此,最近我阅读了一些相关的文章,并细细梳理了一番,输出了本篇博文,希望能帮助大家搞懂浏览器的event-loop。后续会继续补充node中的event-loop。

全文

Promise的源码实现(完美符合PromiseA+规范)

Promise的源码实现(完美符合PromiseA+规范) 原文:https://github.com/YvetteLau/Blog/issues/2
Promise是前端面试中的高频问题,我作为面试官的时候,问Promise的概率超过90%,据我所知,大多数公司,都会问一些关于Promise的问题。如果你能根据PromiseA+的规范,写出符合规范的源码,那么我想,对于面试中的Promise相关的问题,都能够给出比较完美的答案。

我的建议是,对照规范多写几次实现,也许第一遍的时候,是改了多次,才能通过测试,那么需要反复的写,我已经将Promise的源码实现写了不下七遍。

全文

前端入门和进阶学习笔记,超详细的Web前端学习图文教程

原文地址:https://github.com/qianguyihao/Web

全文

2019年Web前端入门的自学路线

原文地址:https://www.cnblogs.com/qianguyihao/p/8776837.html
我之前写过一篇文章:《裸辞两个月,海投一个月,从Android转战Web前端的求职之路》。这篇文章讲述了我在转型过程中的亲身经历和感受,不少童鞋私信问我怎么入门前端,于是有了这篇文章。

全文

实现双向绑定Proxy比defineproperty优劣如何

原文地址:https://www.jianshu.com/p/2df6dcddb0d7
双向绑定其实已经是一个老掉牙的问题了,只要涉及到MVVM框架就不得不谈的知识点,但它毕竟是Vue的三要素之一.
Vue三要素

  • 响应式: 例如如何监听数据变化,其中的实现方法就是我们提到的双向绑定
  • 模板引擎: 如何解析模板
  • 渲染: Vue如何将监听到的数据变化和解析后的HTML进行渲染

可以实现双向绑定的方法有很多,KnockoutJS基于观察者模式的双向绑定,Ember基于数据模型的双向绑定,Angular基于脏检查的双向绑定,本篇文章我们重点讲面试中常见的基于数据劫持的双向绑定。

全文

随机点名

原生随机点名

全文

互联网上的免费书籍

原文地址:https://github.com/ruanyf/free-books

全文

前端面试之js数组去重的几种方法总结

数组去重

1
var arr = [5,6,7,9,1,2,3,2,6,8,4,2,5,7,]

全文

js判断一个对象是否为空

js判断一个对象是否为空

全文

JS生成日历

JS生成日历

全文

随机生成指定数据

随机生成 指定位数的字符串,数字,随机日期时间,随机boolean,随机select选中项

全文

JS typeof 的值

JS typeof 的值

全文

前端面试之JS手写new方法

原生JS手写new方法

全文

🌓