本文将先讲解关于原型与原型链的基础知识，然后再延伸讲解它们的实际应用场景，比如在 Vue2 源码中的应用，在 Vue3 源码中应用，及其他一些场景的应用加深对原型与原型链的理解。

前言 不知道各位前端小伙伴蓝湖使用的多不多，反正我是经常在用，ui将原型图设计好后上传至蓝湖，前端开发人员就可以开始静态页面的的编写了。对于页面细节看的不是很清楚可以使用滚轮缩放后再拖拽查看，还是很方

最近在阅读《JavaScript设计模式与开发实践》收获颇多☺，其中有一个让我很感兴趣的写法来分享一下。 大多数是不是都会这么写。 看完了这几个语句的作用就可以明白为什么上面的循环可以正常操作了吧，val = arr[i++]是一个判断条件语句（同时起到了赋值和i++的作用），…

有点编程基础的童鞋，都可以很快想到上面的编写方法。那不知道大家是否会跟我一样对于写for循环时，功能是没毛病，但编写起来总会觉得很不优雅，例如还要定义对应的i变量（拿上述举例）以及还要自主控制i变量的变化，这样无疑会变得繁琐起来，也会让我们编写代码效率有所下降 到这里，ForE…

拖拽”是提升用户体验的重要交互方式，所以需要对拖拽的交互效果做各种定制化，作为开发者理应熟练掌握“拖拽”的应用！

最近跟朋友聊到es6当中的 `WeakSet`、`WeakMap`数据结构时，发现了其中一些耐人寻味的问题，我相信很多小伙伴也一定会有或者有过这样的不解之惑，看完它你或许会找到答案

故事背景 有一天上线后大佬在群里反馈了一个问题，他刚发的动态在生成分享卡片的时候，卡片底部的小程序码丢失了，然而其他小伙伴都表示在自己手机上运行正常。事实上大佬也说除了这条动态以外，其它都是正常的。

ES6 提出了新的数据结构- `Map`，它类似对象， 但是比对象更加的灵活。它的**键**（key）可以是任意的数据类型，不在拘泥于单一的字符串。

我是加菲猫🐱 ，如果你喜欢我的文章，欢迎点赞分享哦！总结了一些开发常用的 JS 小技巧，让你的代码更优雅！