一个专注于WEB开发的技术的个人博客

记录Chrome DevTools比较少用但又很重要的技巧。 检查动画使用Chrome DevTools Animations(动画)检查器检查和修改动画。功能：通过打开Animation Inspector(动画检查器)捕获动画。它会自动检测动画并将它们分组。通过减慢动画，重播动画，或查看源代码，来检查动画。通过更改动画的时间，延迟，持续时间或关键帧偏移来修改动画。 设置DOM断点设置DOM断点 ...

本文所有知识点，点到即止，详细内容请看各部分的连接。 点击穿透（多见于移动端模态框等浮层）产生：上层元素触发touch事件->上层元素消失（300ms之内）->底层元素click事件触发PS：touch事件之后会有300ms延迟在执行click事件是因为，在这300ms中若再次tap行为则认定为double tap事件，否则就触发click事件。方案：只用touch事件、只用click ...

CustomEvent创建一个自定义事件。1234567// 添加一个适当的事件监听器obj.addEventListener("cat", function(e) { process(e.detail) })// 创建一个自定义事件var event = new CustomEvent("cat", {"detail ...

工作原理图片来源Git 常用操作总结PS：Workspace：工作区Index / Stage：暂存区Repository：仓库区（或本地仓库）Remote：远程仓库 基本操作git托管项目（新建 or clone一个git项目）mkdir gitdemo // 在当前目录创建gitdemo目录cd gitdemopwd // 显示当前目录git init // 将当前目录设置为git管理的仓库g ...

判断文本是否为回文定义：如果将一个文本翻转过来，能和原文本完全相等，那么就可以称之为“回文”。 方法一（字符串、数组内置方法）123456789101112131415/** 判断文字是否为回文* @param {string|number} val 需要判断的文字* @return {boolean} bool 是否为回文 */function isPal ...

指出错误观念许多开发者认为一个元素的包含块就是他的父元素的内容区，其实这是错误的（至少不完全正确）！一个元素的尺寸和位置经常受其包含块的影响。大多数情况下，包含块就是这个元素最近的祖先块元素的内容区，但也不是总是这样。下面我们看看盒模型：当浏览器展示一个文档的时候，对于每一个元素，它都产生了一个盒子。每一个盒子都被划分为四个区域： 内容区 内边距区 边框区 外边距区 什么是包含块？包含块有分为 ...

为什么一切皆为对象‘一切皆为对象’，这可是javascript中‘圣经’，可是为什么这样说呢，我们来一探究竟吧？为了解决这个问题，我们的从javascript的原型链说起。 原型链在js几乎任何对象有一个 [[prototype]] 属性，在标准中，这是一个隐藏属性。虽然说 [[prototype]] 是一个隐藏属性，但很多浏览器都给每一个对象提供 __proto__ 这一属性，这个属性就是该对象 ...

值属性这部分属性只是简单的值，它们没有自己的属性和方法。 Infinity全局属性 Infinity 是一个数值，表示无穷大。 NaN全局属性 NaN 的值表示不是一个数字（Not-A-Number）。 undefined全局属性undefined表示原始值undefined。它是一个JavaScript的 原始数据类型 。 null值 null 特指对象的值未设置。它是 JavaScript 基 ...

我们已经来到了现代ECMAScript的时代，以前的正确的方法，现在看来似乎有点考虑不全。比如在ES6之前要实现对象的浅拷贝，比较简单，因为当时对象的属性只有String类型，ES6之后对象的属性有String和Symbol类型。由于文章上下文关系，本文将按照’属性描述符’->’对象的属性遍历方法介绍’->’现代ECMAScript对象的浅拷贝’进行介绍，现代ECMAScript对象的 ...

本文系统的梳理了下BOM的5个对象（有一些非标准属性及方法），这里暂且不考虑兼容性。下文中的图片你可能可不太清楚，可以点击后面的链接下载大图查看，注红色部分为常使用的属性或方法。 BOM介绍BOM(Browser Object Model) 是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其 ...