这是迄今为止最重要的主题之一，它可以使你对其他关键主题一目了然，例如，作用域、词法作用域、闭包和提升，而且学习JavaScript的真正工作原理很有趣。 到目前为止，在代码编辑器（Vs code ）中编写的每一行混乱代码都在我们现在将讨论的这个执行上下文中运行。 坐下来，放松一下，收拾好你的美食，因为我会让你明白的。 在 JavaScript 中，一切都发生在执行上下文中，我的意思是一切。蓝狮注册登陆你可以将其视为评估和执行 JavaScript 代码的环境。 每当你的浏览器与任何 JavaScript 代码交叉路径时，浏览器的 Ja ...

平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 css 来更好的控制定时器的方法，一起了解一下吧，相信可以带来不一样的体验。 一、hover 延时触发有这样一个场景，在鼠标停留在一个元素上1s后才触发事件，蓝狮官网不满1s就不会触发，这样的好处是，可以避免鼠标在快速划过时，频繁的触发事件。如果是用js来实现，可能会这样。 var timer = nullel.addEventListener(‘mouseover’, () => {timer &am ...

前言在日常工作中，当组件跨项目使用时，我们往往会选择把组件抽成 npm 包。那么在 npm 开发以及发布的过程中有什么需要注意的事项吗？本文将从我自己的角度，来为大家介绍一下我认为的一些需要大家注意的点。 版本号规则从日常的开发中我们可以看到，npm 包的版本号的格式都是 X.Y.Z。蓝狮注册登陆那么大家发布的 npm 包为什么都在遵循这个格式呢？这个格式其实是由 Gravatars 创办者兼 GitHub 共同创办者 [Tom Preston-Werner] http://tom.preston-werner.com/ 所建立。由 GitHub 起草的统一的版本号表示规则，称为 Semanti ...

一、作用域基本介绍ES6之前只有全局作用域与函数作用域两种，ES6出现之后，新增了块级作用域。 全局作用域在JavaScript中，全局变量是挂载在window对象下的变量，蓝狮官网所以在网页中的任何位置你都可以使用并且访问到这个全局变量。 当我们定义很多全局变量的时候，会容易引起变量命名的冲突，所以在定义变量的时候应该注意作用域的问题： var globalName = ‘global’function getName() {console.log(globalName) // globalvar name = ‘inner’console.log(name) // inner}getName()console.l ...

状态模式是一个有趣的模式，它可能是解决一些需求场景的最佳方式。虽然状态模式不是一种易于学习的模式（它通常会导致代码量增加），但一旦您了解了状态模式的本质，您将在未来感谢它无与伦比的好处。 网上很多文章在解释状态模式时，都过于理论化，难以理解。蓝狮注册开户这里我尝试用一个实际案例用通俗易懂的方式来解释。 01、打开/关闭灯 让我们想象一个场景，其中有一盏灯只有一个开关。 灯亮时按下开关，灯将关闭。 再按一下开关，灯就亮了。 我们可以发现一个特点：同一个开关按钮在不同的状态下会有不 ...

蓝狮注册开户尤大在vue 2.x的文档中明确指出：建议尽可能在使用 v-for 时提供 key attribute，除非遍历输出的 dom 内容非常简单，或者是刻意依赖默认行为以获取性能上的提升。 尤大的建议说白了就是说： 如果index可以做key，那直接底层帮你传进去好了，又何必让你们多此一举呢？乖乖的不要用index做key那么:key 到底有什么用？ 当 Vue.js 用 v-for 正在更新已渲染过的元素列表时，它默认用就地复用策略 。 这句话是什么意思？ 让我们一起去探讨吧 diff算法 简单的说就是新旧虚拟dom的比较，如果有差异就以新的为 ...

框架之战是 JavaScript 社区中的热门话题，也是业界众多圣战之一。一开始，jquery 崭露头角，接下来 angularJS 初露锋芒，再到现代框架混战，战争愈演愈烈。 如今，似 Backbone 或 Sencha 之流，许多竞争者已经马革裹尸倒在路边：只留下大量必须维护的遗留代码。如 jQuery 等其他幸存者，仍然有着庞大的社区，实在令人惊讶。其他如 Angular，似乎也未像预期或承诺的那样一飞冲天。 它可能是现存年龄最大的竞争者。它非常受欢迎，因为它解决了浏览器之间的互操作性，但其应用程序很难扩展。 如今，jQuery 已经不是主流， ...

Web 开发中最常用的两种数据结构是堆栈和队列。许多 Internet 用户，包括 Web 开发人员，都没有意识到这一惊人的事实。如果您是这些开发人员中的一员，那么请准备好两个具有启发性的示例：文本编辑器的撤消操作使用堆栈来组织数据，以及 Web 浏览器的事件循环，它处理事件（单击、悬停等） , 使用队列来处理数据。 现在暂停片刻，想象一下我们作为用户和开发人员有多少次使用堆栈和队列。蓝狮注册开户这太神奇了，对吧？由于它们在设计上的普遍性和相似性，我决定使用它们来向您介绍数据结构。 堆栈在计算机科学中，堆栈是 ...

过去css 有 4 个你必须知道的识别视窗口的单位，并且它们能够很好地处理每个可以想象的用例。然而，随着时间的推移和时代的变化，这 4 种视口单位现在不足以解决所有用例。于是，CSS 提供了 20 个更大的视窗口单位，以适应时代技术的发展需要，因此，总共为24个视窗单位，看起来感觉很多，但是，它们可能被分解为 6 个主要的视口设备，并带有 3 个精确的辅助单位，从而实现了 24 种组合。 在本文中，我会分解为6个主要视口小工具和 3 个精准单位中的每一个，以便你可以在所有情况下使用视口小工具。 原始的4个视口单位之前 ...

== 和 ===的区别使用双等号进行相等判断时，如果两边的类型不一致，则会进行强制类型转化后再进行比较；使用三等号进行相等判断时，如果两边的类型不一致时，不会做强制类型准换，直接返回 false； ==的判断流程首先判断两者类型是否相同，相同的话就比较两者的大小；类型不相同的话，就会进行类型转换。判断是否在对比 null 和 undefined，是的话就会返回 true。判断两者类型是否为 String 和 Number，是的话就会将字符串转换为 number。判断其中一方是否为 Boolean，是的话就会把 Boolean 转为 Number 再进行判断。判断其中 ...