随笔分类 - javascript
摘要：ts为typescript的缩写，是JavaScript的超集。 npm源改为国内 由于 Node 的官方模块仓库网速太慢，模块仓库需要切换到阿里的源。 npm config set registry https://registry.npm.taobao.org/ 执行下面的命令，确认是否切换成功
阅读全文
posted @ 2020-12-12 14:56
酷儿q
摘要：1、concat（）把元素衔接到数组中。 例子： var str1 = "Hello "; var str2 = "world!"; var n = str1.concat(str2); Hello world! 输出结果 2 every() 方法使用指定函数检测数组中的所有元素： 如果数组中检测到
阅读全文
posted @ 2020-12-12 14:54
酷儿q
摘要：我们知道，在创建一个函数时如果要用到变量来存取信息的话，要尽量使用局部变量。 因为一方面局部变量会随着函数的执行结束被销毁；另一方面在不执行函数的时候也不会创建这个局部变量，对节省空间资源有很大的好处。 下面我们来看一个案例： var num = 1;//全局变量num function a() {
阅读全文
posted @ 2020-12-12 14:53
酷儿q
摘要：前言 最近在做一个项目，需要对webRTC录制的音频进行处理，包括音频的裁剪、多音频合并，甚至要将某个音频的某一部分替换成另一个音频。 原本笔者打算将这件工作交给服务端去完成，但考虑，其实无论是前端还是后台，所做的工作是差不多的，而且交给服务端还需要再额外走一个上传、下载音频的流程，这不仅增添了服务
阅读全文
posted @ 2020-12-12 14:51
酷儿q
摘要：尽管从第一次遇到空值引起的bug开始，我就一直要求自己注意空值，但还是经常犯这样的错误，js中的空值真的需要多加注意。这里说的空值包括undefined和null 为什么js容易出现空值bug？ 首先JS是一个动态类型语言，与之相对的是静态类型语言如Java。在Java中要定义数据模型意味着定义一个
阅读全文
posted @ 2020-12-12 14:49
酷儿q
摘要：前言 new关键字在实例化获取对象时都做了什么？是一道经常出现在前端面试时的问题。如果只是简单的了解new关键字是实例化构造函数获取对象，是万万不能够的。更深入的层级发生了什么呢？同时面试官想从这道题里面考察什么呢？ 一、new关键字 new关键字的作用：通过new关键字实例化构造函数，获取对象。说
阅读全文
posted @ 2020-12-12 14:48
酷儿q
摘要：深入了解 ES6 Modules 当下， 我们几乎所有的项目都是基于 webpack、rollup 等构建工具进行开发的，模块化已经是常态。 我们对它并不陌生，今天，我们就再系统的回顾一下ES6的模块机制， 并总结下常用的操作和最佳实践， 希望对你有所帮助。 一些简单的背景 随用随取， 是一种我们都
阅读全文
posted @ 2020-12-12 14:46
酷儿q
摘要：clientX clientY event.clientX event.clientY client直译就是客户端，客户端的窗口就是指游览器的显示页面内容的窗口大小（不包含工具栏、导航栏等等）。 event.clientX、event.clientY就是用来获取鼠标距游览器显示窗口的长度。 兼容性：
阅读全文
posted @ 2020-12-12 14:44
酷儿q
摘要：函子（Functor） 在正式学习函子之前，我会先抛出一个问题，先用普通的方式解决，然后转换为用函子解决，这能帮助我们更好的理解函子。同时，这也是我想说的，在我们学习一个新的知识点前，首先必须清楚为什么会有它，或者说它是为了解决什么问题而生的，这也是我们学习新知识后能够快速达到学以致用的最有效方法，
阅读全文
posted @ 2020-12-12 14:41
酷儿q
摘要：1. ajax的介绍 1.1 含义 ajax 的全称是Asynchronous JavaScript and XML简单理解下:ajax就是异步的js和服务端的数据 1.2 组成 异步的js:事件,对象等 其他js:数据处理和解析的js 服务器的载体:xhr对象 服务端的数据:json,xhr,ht
阅读全文
posted @ 2020-12-12 14:40
酷儿q
摘要：原型是个好东西，通常除了Object的原型不应该扩展，向原型添加新方法是很好的选择。 我们看一下如何为数组取最大值与最小值。最笨的方法估计是这样： Array.prototype.max = function() { var max = this[0]; var len = this.length;
阅读全文
posted @ 2020-12-12 14:38
酷儿q
摘要：我们在表单验证时，经常遇到字符串的包含问题，比如说邮件必须包含indexOf。我们现在说一下indexOf。这是es3.1引进的API ，与lastIndexOf是一套的。可以用于字符串与数组中。一些面试经常用问数组的indexOf是如何实现的，但鲜有问如何实现字符串的indexOf是如何实现，因为
阅读全文
posted @ 2020-12-12 14:36
酷儿q
摘要：1. onchange onchange 事件会在域的内容改变时触发。支持的标签, , ,。 注意：在元素的值改变了且失去焦点时触发（两次的值一样不会触发）。缺陷：通过js代码改变DOM的值不会触发，解决在js代码里改值了调用其change 的*function() *或者调.change()方法。
阅读全文
posted @ 2020-12-12 14:34
酷儿q
摘要：通过使用此模块，只需将鼠标悬停在浏览器中，即可快速查看DOM元素的属性。基本上它是一个即时检查器。 将鼠标悬停在 DOM 元素上会显示其属性！ 自己尝试一下 复制下面的整个代码块，并将其粘贴到浏览器 Web 控制台中。现在将鼠标悬停在你正在浏览的任何网页上。 看到了什么？ (function Spy
阅读全文
posted @ 2020-12-12 14:32
酷儿q
摘要：什么是流？ 流是为 Node.js 应用提供动力的基本概念之一。它们是数据处理方法，用于将输入的数据顺序读取或把数据写入输出。 流是一种以有效方式处理读写文件、网络通信或任何类型的端到端信息交换的方式。 流的处理方式非常独特，流不是像传统方式那样将文件一次全部读取到存储器中，而是逐段读取数据块并处理
阅读全文
posted @ 2020-12-07 15:25
酷儿q
摘要：将jQuery的ajax、axios和fetch做个简单的比较，所谓仁者见仁智者见智，最终使用哪个还是自行斟酌 1.jQuery ajax $.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: functi
阅读全文
posted @ 2020-12-07 15:23
酷儿q
摘要：前言 js是一种基于对象的语言，在js中几乎所有的东西都可以看成是一个对象，但是JS中的对象模型和大多数面向对象语言的对象模型不太一样，因此理解JS中面向对象思想十分重要，接下来本篇文章将从多态、封装、继承三个基本特征来理解JS的面向对象思想 多态 含义 同一操作作用于不同的对象上面，可以产生不同的
阅读全文
posted @ 2020-12-07 15:21
酷儿q
摘要：JavaScript 语言越来越被广泛地用于各种环境中。除了 Web 浏览器（这是 JavaScript 的最常见的宿主环境类型）之外，你还可以在服务器，智能手机甚至机器人硬件中运行 JavaScript 程序。 每个环境都有其自己的对象模型，并提供了不同的语法来访问全局对象。例如，在Web浏览器中
阅读全文
posted @ 2020-12-07 15:19
酷儿q
摘要：Promise 并行 Promise.all是所有的Promise执行完毕后（reject|resolve）返回一个Promise对象。最近在开发一个项目中，需要等接口拿到全部数据后刷新页面，取消loding效果 // 项目中请求接口 function getShowProject(resolve,
阅读全文
posted @ 2020-12-07 15:16
酷儿q
摘要：前言 在我们的日常开发工作中，文本溢出截断省略是很常见的一种需考虑的业务场景细节。看上去 “稀松平常” ，但在实现上却有不同的区分，是单行截断还是多行截断？多行的截断判断是基于行数还是基于高度？这些问题之下，都有哪些实现方案？他们之间的差异性和场景适应性又是如何？凡事就怕较真，较真必有成长。本文试图
阅读全文
posted @ 2020-12-07 15:14
酷儿q
浙公网安备 33010602011771号