随笔分类 - JavaScript
摘要：网页开发中处理用户交互会用 addEventListener 添加事件监听器来监听用户操作，比如 click、mousedown、mousemove等，这些都是由用户直接触发的事件。 那么对于一些不是由用户直接触发的事件呢？ 比如元素从不可见到可见、元素大小的改变、元素的属性和子节点的修改等，这类事
阅读全文
摘要：转发原文地址：https://segmentfault.com/a/1190000039701868 前沿：一个流程图设计器需要什么？一个是图的绘制能力、基于svg或者canvas来绘制各种形状的节点（矩形、圆形、多边形）以及线，一个是图与图之间的交互包括拖拽，节点之间的连线等，最后是画布面板的便捷
阅读全文
摘要：一、正则的创建 - 字面量创建 let str = "666asddf667ffg88"; let reg = /\d+/; let res = str.match(reg); console.log(res); - 通过构造函数 let str = "666asddf667ffg88"; let
阅读全文
摘要：在Web应用中，实现动画效果的方法比较多，JavaScript 中可以通过定时器 setTimeout 来实现，css3 可以使用 transition 和 animation 来实现，html5 中的 canvas 也可以实现。除此之外，html5 还提供一个专门用于请求动画的 API，即 req
阅读全文
摘要：1、语法 arr.reduce(callback,[initialValue]) reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组。 callback （执行
阅读全文
摘要：我们在接触到JavaScript语言的时候就经常听到别人介绍JavaScript 是单线程、异步、非阻塞、解释型脚本语言。 确切的说，对于开发者的开发过程来说，js确实只有一个线程（由JS引擎维护），这个线程用来负责解释和执行JavaScript代码，我们可以称其为主线程。 代码在主线程上是按照从上
阅读全文
摘要：原文：https://blog.csdn.net/FE_dev/article/details/82586698 说明 canvas元素标签强大之处在于可以直接在HTML上进行图形操作，具有极大的应用价值。 canvas 可以实现对图像的像素操作，这就要说到 getImageData() 方法了。
阅读全文
摘要：首先了解下let与var的区别，主要有以下3点： 1、var在js中是支持预解析的，而let不支持预解析，也就是变量提升的区别 console.log(a) var a = 22; // 打印undefined console.log(b) let b = 22 // 报错：b is not def
阅读全文
摘要：前端页面开发的很多情况下都需要实时监听文本框输入，比如腾讯微博编写140字的微博时输入框动态显示还可以输入的字数。过去一般都使用onchange/onkeyup/onkeypress/onkeydown实现，但是这存在着一些不好的用户体验。比如onchange事件只在键盘或者鼠标操作改变对象属性，且
阅读全文
摘要：try 语句允许我们定义在执行时进行错误测试的代码块。 catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。 JavaScript 语句 try 和 catch 是成对出现的。 Throw 语句 throw 语句允许我们创建自定义错误。 正确的技术术语是：创建或抛出异常（exc
阅读全文
摘要：阻止事件冒泡： 取消事件默认行为： 阻止键盘输入 在浏览网页的时候，键盘有很多快捷操作，如按空格键滚屏 F5刷新，但是我们有时候需要禁用这些功能怎么办呢？在浏览器开始调用动作前禁止掉 实用例子：土豆 迅雷在线视频的播放页面 你在播放页面时候按空格键是不会滚屏的，但是在写评论的时候可以使用空格键（PS
阅读全文
摘要：目前，最为流行的浏览器共有五个：分别是ie,Edge浏览器（属于微软），火狐，谷歌（chrome）Safari和Opera五大浏览器。 Trident内核：IE ，360，，猎豹，百度； Gecko内核：火狐 >这个浏览器内核是开源的浏览器内核，插件非常多， >缺点：打开速度慢（加载flash插件）
阅读全文
摘要：1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。 2. 相同点：这两个方法的作用是一样的。 都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。 一般来说，this总是指向调用某个方法的对象，但是使用call()和apply()
阅读全文
摘要：1、末端的添加和移除：push()是用来在数组末端添加项，pop()在数组末端移除项； 2、前端的添加和移除：shift()在移除数组的第一个项（前端），unshift()在数组前端添加项； 3、push(),unshift()在推入多个项时，各个项之间的顺序不变 4、push(),unshift(
阅读全文
摘要：一、变量和常量 var的缺点：（1）var可以多次声明同一个变量； （2）var会造成变量提升 (function rr() { if(true) { var a = 666; } console.log(a); //输出666 })() let以及const都是块级作用域。我们常常使用let来声明
阅读全文
摘要：在js中调用一个函数的时候，我们经常会给这个函数传递一些参数，js把传入到这个函数的全部参数存储在一个叫做arguments的东西里面，那它到底是什么呢？ 一、描述 arguments 是一个对应于传递给函数的参数的类数组对象，是所有（非箭头）函数中都可用的局部变量。。 在js中万物皆对象，甚至数组
阅读全文
摘要：typeof 运算符把类型信息当作字符串返回，包括有大家常有变量类型。 typeof 运算符把类型信息当作字符串返回。typeof 返回值有六种可能： "number," "string," "boolean," "object," "function," 和 "undefined."我们可以使用t
阅读全文
摘要：正则表达式（regular expression）就是规则、模式，强大的字符串匹配工具，就是用一个“字符串”来描述一个特征，然后去验证另一个“字符串”是否符合这个特征。比如 表达式“ab+” 描述的特征是“一个 'a' 和 任意个 'b' ”，那么 'ab', 'abb', 'abbbbbbbbbb
阅读全文
浙公网安备 33010602011771号