Victoria36

得益于React的帮助，在近半年也是恶补了一些原生JavaScript的一些知识点，学习的同时也慢慢的思考当前项目中的一些合理性，复盘后总结了一些项目上必须优化的一个点，希望和大家进行共勉，也是本次在面基时和@苏yun小姐姐探讨后的一篇收获文，如果对大家有帮助，不妨点个赞支持一…

如果我们用 Canvas 实现了一些动画效果，需要将它回放出来，很多人通常就是用录屏工具将屏幕内容录下来播放，很少有人知道，Canvas 可以直接通过现代浏览器支持的 Media Streams API 来转成视频。 Canvas 对象支持 captureStream 方法，这…

直观来说，虚拟DOM其实就是用数据结构表示真实的DOM结构。使用它的原因是，频繁的操作DOM会使得网站的性能下降，为了保证性能，我们需要使得DOM的操作尽量精简，我们可以通过操作虚拟DOM的方法，去比较新旧节点的差异然后精确的获取最小的，最为必要的DOM集合，最终挂载到真实的D…

双向绑定其实已经是一个老掉牙的问题了,只要涉及到MVVM框架就不得不谈的知识点,但它毕竟是Vue的三要素之一. 可以实现双向绑定的方法有很多,KnockoutJS基于观察者模式的双向绑定,Ember基于数据模型的双向绑定,Angular基于脏检查的双向绑定,本篇文章我们重点讲面…

什么是代理呢，可以理解为在对象之前设置一个“拦截”，当该对象被访问的时候，都必须经过这层拦截。意味着你可以在这层拦截中进行各种操作。比如你可以在这层拦截中对原对象进行处理，返回你想返回的数据结构。 ES6 原生提供 Proxy 构造函数，MDN上的解释为：Proxy 对象用于定…

随着 vue3.x 的消息越来越多，proxy 的讨论也越来越多。相对于 Object.defineProperty ，proxy 有什么区别，有什么优势，以及可以应用在什么地方。该文章就简单的介绍下 讲 proxy 之前，先回顾下 Object.defineProperty …

有一些人认为，好的代码是自我解释的。合适的命名和优秀的代码的确可以减轻开发人员阅读代码的工作量，对于不是特别复杂的代码可能确实可以做到自我解释。但并不是所有场景都可以做到这一点，我们一起来了解一下“注释”吧。 注释就是对代码的解释和说明。注释是开发人员在编写程序时，给一段代码的…

现在就业形势确实严峻，前端面试时考查的难度也越来越大，面试官会问很多关于框架原理的知识点以区分候选人的水平和学习能力，而 diff 算法就属于面试中的高频问题，下面我们就来了解一下 diff

这篇文章源自我历时8个月，整理的前端知识体系与大厂面试笔记，不知不觉，已经超过了10万字 这些笔记帮助我从一个菜鸟，一步步蜕变为高级开发、前端“砖家”，并助力我拿到一些大厂的offer