PrototypeOne的博客

事件的冒泡&捕获事件冒泡和事件捕获分别由微软和网景公司提出，这两个概念都是为了解决页面中事件流（事件发生顺序）的问题。<div id="dv1"> <div id="dv2"> <div id="dv3">click</div> </div></div>比如上图的代码，三个div标签呈嵌套关系，假使三个元素都注册了相同的事件，那么他们的触发顺序是怎样的呢？故此，为了解决这个事件流问题，微软和网景提出了

关于SEO在之前的SPA和SSR文章中有提到过SEO，我也是第一次听到这个知识，就去csdn，掘金，知乎等各大博客平台查询了相关知识。对SEO的知识做了简单的了解。下面是我所了解的关于SEO。搜索引擎工作原理首先在了解SEO前，需要了解一些简单的搜索引擎的工作原理在搜索引擎网站的后台会有一个非常庞大的数据库，里面存储了海量的关键词，而每个关键词又对应着很多网址，这些网址是被称之为“**搜索引擎蜘蛛”或“网络爬虫”**程序从茫茫的互联网上一点一点下载收集而来的。随着各种各样网站的出现，这些勤劳的“蜘蛛

npm run xxx时发生了什么简单介绍发生了什么大家都知道目前的 node 是捆绑 npm 的。npm 是 node 的依赖管理器，虽然它不是唯一的选择，我们还有 pnpm/yarn/cnpm/ni 。但是，node的依赖管理器都是在解决 npm 的某个痛点。对于 npm 依赖声明文件package.json本身是基本没有变化的。npm run servenpm run buildnpm run xxxnpm run ...他们都只是对 package.json 进行解析而已下面我们

让localStorage支持过期时间设置聊到 localStorage 想必熟悉前端的朋友都不会陌生, 我们可以使用它提供的 getItem, setItem, removeItem, clear 这几个 API 轻松的对存储在浏览器本地的数据进行**「读,写, 删」操作, 但是相比于 cookie, localStorage 唯一美中不足的就是「不能设置每一个键的过期时间」**。我们还应注意，localStorage 中的键值对总是以字符串的形式存储。初级解法localStorage.setIt

JS的同步与异步&&EventLoopJS为何是单线程的？JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准？所以，为了避免复杂性，从一诞生，JavaScript就是单线程，这已经成这门语言的核心特征，将来也不会改变。注：所

ES6 moduleES6 module说明在 ES6 之前，社区制定了一些模块加载方案，最主要的有CommonJS和AMD两种。前者用于服务器，后者用于浏览器。ES6 在语言标准的层面上，实现了模块功能，而且实现得相当简单，完全可以取代 CommonJS 和 AMD 规范，成为浏览器和服务器通用的模块解决方案。由于 ES6 模块是编译时加载，使得静态分析成为可能。有了它，就能进一步拓宽 JavaScript 的语法，比如引入宏（macro）和类型检验（type system）这些只能靠静态分析实现的

防抖和节流防抖防抖是指在一定的时间内再次触发此事件,会清空上次的事件重新开始,如果制定的时间内没有再次触发,那么这个事件才会执行例如: input输入信息,不可能每次按下都发起一个ajax请求,可以等一段时间内不输入了之后在发起请求节流节流是指在一定的时间同一事件只会触发一次,只有超过了这个时间才会再次出发例如: 验证码60秒内不可以再次触发(实际开发肯定是使用禁止,但是原理和验证码一样)原生JS实现节流防抖防抖函数的作用就是控制函数在一定时间内的执行次数。防抖意味着 N 秒内函数只

BFC什么是BFCBFC：Block formatting context，中文块级格式化上下文。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。BFC是一个独立的布局环境，其中的元素布局是不受外界的影响，并且在一个BFC中，块盒与行盒（行盒由一行中所有的内联元素所组成）都会垂直的沿着其父元素的边框排列。BFC的布局规则内部的Box会在垂直方向，一个接一个地放置。Box垂直方向的距离由m

什么是thisthis提供了一种更优雅的方式来隐式“传递”一个对象引用，因此可以将API设计得更加简洁并且易于复用。需要明确的是，this在任何情况下都不指向函数的词法作用域。在JavaScript 内部，作用域确实和对象类似，可见的标识符都是它的属性。但是作用域“对象”无法通过JavaScript代码访问，它存在于JavaScript引擎内部。当一个函数被调用时，会创建一个活动记录（有时候也称为执行上下文)。这个记录会包含函数在哪里被调用（调用栈)、函数的调用方法、传入的参数等信息。this就是记录

怪异盒模型和标准盒模型盒子模型盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。它允许我们在其它元素和周围元素边框之间的空间放置元素。目前盒模型主要分为两大门派：标准盒模型和怪异盒模型。标准盒模型标准盒模型又称W3C标准盒模型，其中标准盒模型的 width 等于 content 的宽度，标准盒模型的 height 等于 content 的高度。标准盒大小计算公式：width(content) + padding + border + margin怪异盒模型

SPA单页面应用和SSR服务端渲染内容摘自http://t.csdn.cn/1afu3和http://t.csdn.cn/3eSES基本概念什么是单页面应用（SPA）概念：整个web项目只有一个页面，使用路由机制进行组件之间的切换；优点：客户端渲染、数据传输量小、减少服务器端压力、交互/响应速度快、前后端完全分离；缺点：首屏加载慢、对SEO不友好，不利于百度，360等搜索引擎收录快照什么是服务端渲染（SSR）概念：将组件或页面通过服务器端生成HTML字符串，再发送到浏览器端渲染；优点