这是这次系列文章的第一篇，我自己封装了一个用vue实现的拖拽排列卡片组件，并且发布到npm，详细地记录下来了整体制作过程。总共有三篇文章，介绍组件的制作思路和遇到的问题，以及在发布到npm上并下载使用的过程中，发生了什么问题并如何解决。 两个部分都是可以进行自定义内容及样式的。…

用原型链实现对原型属性和方法的继承，用借用构造函数技术来实现实例属性的继承。 利用一个空对象作为中介，将某个对象直接赋值给空对象构造函数的原型。 extends关键字主要用于类声明或者类表达式中，以创建一个类，该类是另一个类的子类。 子类没有自己的this对象，所以必须先调用父…

设计模式代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。 设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经…

所有的内容之后会陆续放出，如果你有任何想要了解的内容或者有任何疑问，关注公众号【前端瓶子君】回复【123】添加好友，我会解答你的疑问。 作为一个前端开发人员，我们花费大量的时间去处理 webpack、gulp 等打包工具，将高级 JavaScript 项目打包成更复杂、更难以解…

你盼世界，我盼望你无bug。Hello 大家好！我是霖呆呆！ 怎么样？小伙伴们，上一章《封装篇(牛刀小试)》里的十几道题是不是做着不过瘾啊。 可以，小伙子(姑娘)，很膨胀，我喜欢。哈哈哈哈。 这篇文章的继承题可是有点东西的啊，基本覆盖了所有主流的继承情况，而且都比较细节，如果你…

今天咱们就来聊一聊命令行工具（即 CLI：command-line interface，以下都会以 CLI 来代替冗长的命令行工具名词 ）的开发。 阅读完本文，你会对从头到尾开发一个 CLI 有一个较全面的认识。 你也可以收藏下这篇文章，当你想开发一个 CLI 时，回来翻一翻，…

原本只想筛选下上面的那篇文章，在精简掉了部分多余且无用的工具函数后，感觉不够。于是顺藤摸瓜，找到了原地址： 30 seconds of code 然后将所有代码段都看了遍，筛选了以下一百多段代码片段，并加入了部分自己的理解。 另外，本文工具函数的命名非常值得借鉴。 1. 第一部…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 ES10 虽然没有像 ES6 那么多新特性，但 ES10 仍然有一些有用的特性。文本通过简单示例来介绍了 ES10 新出来的特性。通过这种方式，咱们就可以快速理解，而不需要看太多的官方解释。 1. Array.…

最近发现公司一个项目的目录组织挺奇怪的，所有的子项目都放在了packages目录里，还有这种骚操作？特意查了下资料，发现是一种比较流行的monorepo项目管理模式。近几年比较火的React,Vue,Babel都是用的这种模式: 我们平常一般采用的都是multiple repo…