完整解释JavaScript基于原型的面向对象机制
引言本文参考：重新介绍 JavaScript（JS 教程） - JavaScript | MDN (mozilla.org)通过本文，你能了解到：this的指向问题new和this的原理prototype、__proto__、constructor的作用构造函数的原理，即其背后发生的事情原型链思想（简单引入），帮助你更好理解原型链call()函数的简单使用与作用体现本篇文章是看了很多博客和视频最后
通俗辨析伪类选择器中child型与type型
辨析xxx-child和xxx-type:star:关键理解在于：针对的一组兄弟，是不是一个族群的。案例描述：有两个水果篮子一个水果篮子里面装着五个水果：一个桃子，一个橙子和三个苹果。另一个水果篮子里面只有一个水果：一个苹果。我们要根据选择器进行抓取水果（抓取水果相当于选择器选择，并与之样式化）child相关apple:first-child果篮1：none果篮2：苹果1E:first-child
伪类和伪元素选择器
伪类和伪元素选择器参考：伪类和伪元素 - 学习 Web 开发 | MDN (mozilla.org)伪类伪类：伪类是选择器的一种，它用于选择处于特定状态的元素，比如当它们是这一类型的第一个元素时，或者是当鼠标指针悬浮在元素上面的时候。它们表现得会像是你向你的文档的某个部分应用了一个类一样，帮你在你的标记文本中减少多余的类，让你的代码更灵活、更易于维护。（来自MDN）选择器描述E:first-chi
对BFC的简单了解（清除浮动、自适应布局、margin重叠问题）
在之前学习css时，最疑惑最抽象的东西是overflow: hidden;这个东西最基本的作用是溢出隐藏，但是涉及到margin重叠、清除浮动，以及自适应布局常常会配合使用该语句。并不清楚为什么要这样做，也只是懵懵懂懂记下来作罢。今天心血来潮搜了一下，谈不上彻底清除，但也算对这个东西有个直观的印象，特此记录。参考：https://www.cnblogs.com/lauzhishuai/p/1095
js中第一个孩子问题
问题firstChildchildNodes[0]children[0]上面这三个一直不是很清楚区别是什么，直到今天做到一个需求【克隆第一个节点】才发现结果与实际相悖。特此梳理总结一下。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"