前端系列

为啥要特别强调谨慎使用 `!important`，因为正如前文说到的 `!important` 是例外规则，没法算清优先级权重，就是说使用 `!important` 会破坏固有的级联规则，让调试找

2022版本亲测实践后的高频知识点与面试题，能大概率帮助你拿下offer。当然不面试也可以看，包含了许多作者用心写的知识点。

从前偶尔也敢胡吹一下，没有搞不定的样式，自己写的样式还好一些，现在是真不敢胡说了。样式之复杂，难以想象，本文再梳理一下有关样式规则。

你的IP属地暴露了吗？来看看前端可以怎样获取用户的的位置信息。想要像一些平台那样显示用户的位置信息，例如某省市那样。那么这是如何做到的， 据说这个位置信息的准确性在通信网络运营商那里？

几个有趣的JavaScript例子，来试试，挑战一下吗？在 ECMAScript 6 中，let 和 const 同样会被提升变量到代码块的顶部但是不会被赋予初始值。在变量声明之前引用这个变量

错误对象是一种特殊的基本对象。它们拥有基本的 Error 类型，同时也有多种具体的错误类型。 认识他们，对于我们合理的处理异常，抛出异常，可能是有帮助的，对于深入认识 JavaScript

subObj 的原型链是 subObj ---> obj ---> Object.prototype ---> null，null 没有原型,因此 null 就是原型链的最后一个环节

我对闭包的理解：闭包使得内部函数可以访问外部函数的属性（变量或方法），可以使得内部函数可以访问外部函数的属性，非必要不用闭包。

有时候会遇到异步接口会返回一个 url 地址，然后前端需要根据这个 url 地址去下载文件资源的需求场景。而这个 url 其实是一个静态资源地址，并非一个经过后端接口内部处理的接口地址。

函数防抖动（debounce）：防止在短时间内过于频繁的执行相同的任务。当短时间内的频繁是不必要的时候，就可以考虑去抖动，避免资源浪费，或造成不好体验。

常见的20+meta标签，再学习一遍。原来禁止搜索引擎引用本页面和seo优化，都和meta标签有关。

@media 可以针对不同的屏幕尺寸设置不同的样式，这在设计响应式的页面会非常有用。例如，媒体查询可以缩小小型设备上的字体大小，在纵向模式下查看页面时增加段落之间的填充，或者增加触摸屏上

Mozilla 上这样解释递归（Recursion）这个术语：一种函数调用自身的操作。递归被用于处理包含有更小的子问题的一类问题。

单冒号就是伪类？未必！css3 以后，为了区分伪类和为元素，规范伪类使用单冒号，伪元素使用双冒号表示。但css2 的伪元素单冒号的写法，仍被许多现代浏览器兼容支持。

目前暂6篇即01核心思想篇，02变化侦测篇（响应式篇）、03虚拟dom篇、04模板编译篇、05生命周期篇、06vue3探索篇，主要基于vue2.6和vue3.2版本源码库分析，共约2万字。

Vue源码解读：6Vue3探索篇，vue3和vue2 源码库目录，第一眼看去就发现了两个版本，在源码库的设计上，有着醒目的明显区别，vue3并没有延续vue2的目录结构，从中我们可以得到的哪些启示?

Vue源码解读：05生命周期篇，全篇6节，主要介绍vuejs的生命周期，生命周期的几个阶段，生命周期有关的钩子函数，及其执行顺序的探讨。

Vue源码解读：03虚拟Dom篇，本篇主要介绍虚拟Dom在有关领域的现状，在vuejs中是如何实现虚拟Dom的，其中涉及的diff又是怎样的？

Vue源码解读：02变化侦测篇，本篇共4节，主要介绍变化侦测机制，数据是如何驱动视图的？数组和对象绑定检测原理有何不同？

Vue源码解读：01核心思想篇，本篇分为两节，主要介绍vue.js两个方面内容，第一节是数据驱动，第二节是核心思想。