【 免费在线api接口 】前端小白学习ajax福音。无序处理跨域等问题，有get、post等请求，还有很多猫和狗子的图片接口

前几天公司要求写一个锚点自动高亮功能，页面滚动到哪里锚点高亮到哪里。 我这里方案都是通过 getBoundingClientRect 来判断元素的位置。 通过以上可以看到我能想到的方案在某些情况下都有问题。 在我的工作中因为每一个元素都至少有半屏都大小，所以谁占据屏幕比例大就高…

滚动吸顶效果。我当时很纳闷为何一个滚动吸顶会有 bug，后来我查看代码才发现直接用的是 offsetTop 这个属性，而且并没有做兼容性处理。 用于获得当前元素到定位父级（ element.offsetParent ）顶部的距离（偏移值）。 定位父级 offsetParent …

从 HTML5 规范到浏览器内部的数据结构再到渲染实际流程，完全阐述浏览器渲染机制 -- 渲染并不只是重绘重排和 composite 那么简单。

接下来将一步步带领大家实现一个基本的modal弹窗组件，封装一个简单的动画组件，其中涉及到的一些知识点也会在代码中予以注释讲解。 一. modal组件的实现； 1. 环境搭建 2. modal样式完善 3. modal功能开发 3.1. 添加visible字段控制显隐 3.2.…

在React 组件设计实践总结 03 - 样式的管理一文中吹了一波 styled-components 后，本文想深入来了解一下 styled-components 的原理. 如果你对 styled-components 还不了解，建议先阅读一下官方文档或前面的文章. 1. 处…

本文以剖析webpack-dev-server源码，从零开始实现一个webpack热更新HMR，深入了解webpack-dev-server、webpack-dev-middleware、webpack-hot-middleware的实现机制，彻底搞懂他们的原理，在面试过程中这…

webpack的熟练使用已成为当代前端工程师必备的生存技能。毋庸置疑，webpack已成为前端构建工具的佼佼者，网络上关于如何使用webpack的技术文档层出不穷。但鲜有能将webpack的构建流程讲清楚的。本文尝试从解读源码以及断点调试的方式，来探究 webpack 是如何一…

最近准备培训新人, 为了方便新人较快入手 React 开发并编写高质量的组件代码, 我根据自己的实践经验对React 组件设计的相关实践和规范整理了一些文档, 将部分章节分享了出来. 由于经验有限, 文章可能会有某些错误, 希望大家指出, 互相交流. 由于篇幅太长, 所以拆分为…