stayong

判断一个值是否是数组是前端开发中经常遇到的场景，所以本文特地总结了几种常见的判断方式。 instanceof判断的是检测Array.prototype属性是否存在于变量a的原型链上，但是因为a的原型是可以被修改的，所以其实不稳定；另外，多个iframe的场景，判断会失效。 是e…

响应式原理是Vue的核心思想，vue2.x使用的是Object.defineProperty(),3.x使用了Proxy代理。本文主要描述了defineProperty和Proxy的使用原理和特点。 Proxy是浏览器基本的api实现，已有很好的兼容性。目前主要IE不支持，我们…

克隆对象在业务开发中经常遇到，特别是一些底层库的封装过程中。本文介绍浅克隆和深克隆和对应的的实现方案。 浅拷贝除了上面的两种实现方案外，使用Object.assign()也是很常用的一种方案。 发现只有对象的最外层克隆了，属性如果是对象类型，克隆后指向的还是同一个引用。 此时可…

axios 的API很友好，你完全可以很轻松地在项目中直接使用。不过随着项目规模增大，如果每发起一次HTTP请求，就要把这些比如设置超时时间、设置请求头、根据项目环境判断使用哪个请求地址、错误处理等等操作，都就地写一遍，得疯！这种重复劳动不仅浪费时间，而且让代码变得冗余不堪，难…

设计接口时，可以先写一段期望用户调用的代码，然后基于调用方式进行开发。 对于插件而言，一般是先注册再使用，但每个插件作为单独的包发布的话，可以让插件自注册，从而减少一行调用代码，用户可以引入即用。先看一下调用方式： 看起来还算优雅吧，下面说一下其中具体的设计。 1. 插件的存储…

封装发布组件是前端开发中非常重要的能力，通过对常用组件的封装可以提升团队开发的效率，避免重复劳作且不方便维护。好的组件的抽象和封装能让组件得到更广泛和多环境兼容的应用。 本文讲述了如何一步步从0到1封装发布一个常用的toast组件的过程。本文是搭配实例书写的，所以理论上根据本文…

代码规范化在日益庞大的前端多人协作项目中越来越凸显它的价值，eslint是前端代码规范方案中很优秀的代表。它提供了对句法、错误、代码格式的检测能力。但是使用eslint对于很多开发同学一般并不会那么顺利，它涉及的场景和环境情况很多。 本文描述了eslint的安装、配置和使用，重…

不的不说这玩意刚开始用的时候，是真的恶心，因为各种提示加报错，但是如果你会用了，用习惯了就会爱上它的，因为你的代码会变得非常完美。 这是保证eslint能项目启到提示报错和自动格式化的关键文件，里面配置了我们的项目的语法规范。 第二个ruls是关键所在。它告诉了ESlint如何…

今天主要给大家分享下本人在日常开发中关于 IntersectionObserver 的一些实际应用，关于 API 原理以及介绍大家可以阅读 Intersection Observer API - MDN 和 IntersectionObserver API 使用教程。 使用 I…