随笔分类 - javascript
摘要：说起js中的with关键字，很多小伙伴们的第一印象可能就是with关键字的作用在于改变作用域，然后最关键的一点是不推荐使用with关键字。听到不推荐with关键字后，我们很多人都会忽略掉with关键字，认为不要去管它用它就可以了。但是有时候，我们在看一些代码或者面试题的时候，其中会有with关键字的
阅读全文
posted @ 2020-11-28 21:04
酷儿q
摘要：ArrayBuffer 对象与 Blob 对象大家或许不太陌生，常见于文件上传操作处理（如处理图片上传预览等问题）。那么本文将与大家深入介绍两者。 一、ArrayBuffer 对象 ArrayBuffer 对象是 ES6 才纳入正式 ECMAScript 规范，是 JavaScript 操作二进制数
阅读全文
posted @ 2020-11-28 21:02
酷儿q
摘要：作为一个前端，说不了解 Promise 对象用法的基本不存在，这里就不对功能用法进行介绍了。但本文将会讲述你可能不知道的 Promise 3 种奇妙用法。当然，每种用法都会有其适用的特殊场景。 Promise 对象是可以缓存 需求 对于一个对象而言，能够被缓存并不是一件难以理解的事情。缓存使用的意义
阅读全文
posted @ 2020-11-28 21:00
酷儿q
摘要：在本文中，我们将探讨过去围绕异步执行的JavaScript的演变以及它如何改变我们编写和读取代码的方式。我们将从Web开发的开始，一直到现代异步模式示例。JavaScript作为编程语言具有两个主要特征，这两个特征对于理解我们的代码是如何工作的都很重要。首先是它的同步特性，这意味着代码将几乎在您阅读
阅读全文
posted @ 2020-11-28 20:58
酷儿q
摘要：前言 为了支持业务中少量的es6+的高级特性，最近在研究了一下babel的垫片，现将此整理为文字，如下。 babel 和 babel ployfill 的关系 1、先来理解下 babel 到底是做什么的？ 简单来讲，babel解决语法层面的问题。用于将ES6+的高级语法转为ES5。 2、babel
阅读全文
posted @ 2020-11-28 20:57
酷儿q
摘要：动态类型语言的最大问题就是无法保证数据流总是正确的，因为我们无法“强行控制”一个参数或变量，比方说，让它不为 null。当我们面对这些情况时的标准做法是简单地做一个判断： function foo (mustExist) { if (!mustExist) throw new Error('Para
阅读全文
posted @ 2020-11-28 20:55
酷儿q
摘要：File 对象、FileList 对象与 FileReader 对象大家或许不太陌生，常见于文件上传下载操作处理（如处理图片上传预览，读取文件内容，监控文件上传进度等问题）。 那么本文将与大家深入介绍两者。 一、File 对象 1. 概念介绍 File 对象提供有关文件的信息，并允许网页中的 Jav
阅读全文
posted @ 2020-11-28 20:52
酷儿q
摘要：我们先来看一个js中常见的js对象序列化成JSON字符串的问题，请问，以下JS对象通过JSON.stringify后的字符串是怎样的？先不要急着复制粘贴到控制台，先自己打开一个代码编辑器或者纸，写写看，写完再去仔细对比你的控制台输出，如果有误记得看完全文并评论，哈哈。 var friend={ fi
阅读全文
posted @ 2020-11-21 20:20
酷儿q
摘要：问题1:JavaScript 中 undefined 和 not defined 的区别 JavaScript 未声明变量直接使用会抛出异常：var name is not defined，如果没有处理异常，代码就停止运行了。但是，使用typeof undeclared_variable并不会产生异
阅读全文
posted @ 2020-11-21 20:18
酷儿q
摘要：JavaScript 函数式编程是一个存在了很久的话题，但似乎从 2016 年开始，它变得越来越火热。这可能是因为 ES6 语法对于函数式编程更为友好，也可能是因为诸如 Rxjs (reactiveX) 等函数式框架的流行。 看过许多关于函数式编程的讲解，但是其中大部分是停留在理论层面，还有一些是仅
阅读全文
posted @ 2020-11-21 20:17
酷儿q
摘要：前两天给个人网站添加了一个小功能，就是在文章编辑上传图片的时候自动给图片加上水印。给网页图片添加水印是个常见的功能，也是互联网内容作者保护自己版权的方法之一。本文简单记录一下借助canvas在前端实现图片添加水印的实现方法。canvas元素其实就是一个画布，我们可以很方便地绘制一些文字、线条、图形等
阅读全文
posted @ 2020-11-21 20:14
酷儿q
摘要：背景 使用过 mobx + mobx-react 的同学对于 ES 的新特性装饰器肯定不陌生。我在第一次使用装饰器的时候，我就对它爱不释手，书写起来简单优雅，太适合我这种爱装 X 且懒的同学了。今天我就带着大家深入浅出这个优雅的语法特性：装饰器。 预备知识 全球统一为 ECMAScript 新特性、
阅读全文
posted @ 2020-11-21 20:13
酷儿q
摘要：随着开发过程中自动 UI 测试的兴起，无头浏览器已变得非常流行。网站爬虫和基于 html 的内容分析也有无数的用例。 在 99％ 的场合下，你实际上不需要浏览器 GUI，因为它是完全自动化的。运行 GUI 比发布基于 Linux 的服务器或在微服务集群（例如 Kubernetes）上扩展简单的Doc
阅读全文
posted @ 2020-11-21 20:11
酷儿q
摘要：Commonjs Node应用使用Commonjs模块规范，Node中每个文件就是一个模块，有自己的作用域，在模块中定义的变量、函数都是私有的。 模块中有四个重要的变量global、module、exports、require。 Node中的全局变量global，和浏览器的window对象类似，声明
阅读全文
posted @ 2020-11-21 20:07
酷儿q
摘要：基本类型 布尔值 TypeScript和JavaScript一样，这是最简单的数据类型为boolean，也就是true和false。 let isDone: boolean = false; 数字 TypeScript和JavaScript一样，TypeScript里的所有数字都是浮点数，类型为nu
阅读全文
posted @ 2020-11-21 20:05
酷儿q
摘要：Buffer 作为 nodejs 中重要的概念和功能，为开发者提供了操作二进制的能力。本文记录了几个问题，来加深对 Buffer 的理解和使用： 认识缓冲器 如何申请堆外内存 如何计算字节长度 如何计算字节长度 如何转换字符编码 理解共享内存与拷贝内存 认识 Buffer（缓冲器） Buffer 是
阅读全文
posted @ 2020-11-21 20:04
酷儿q
摘要：术语 “render prop” 是指一种在 react 组件之间使用一个值为函数的 prop 共享代码的简单技术 简而言之，只要一个组件中某个属性的值是函数，那么就可以说该组件使用了 Render Props 这种技术。听起来好像就那么回事儿，那到底 Render Props 有哪些应用场景呢，咱
阅读全文
posted @ 2020-11-21 20:03
酷儿q
摘要：在制作网页动态效果时，可能会遇到需要延时在执行的需求，这时就可以用到 js 中定时器来实现此类需求，本文将对setTimeout()做一个用法总结。 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式(以毫秒为单位) setTimeout()只执行函数一次，如果需要多次调用可以使
阅读全文
posted @ 2020-11-21 20:01
酷儿q
摘要：匿名函数是没有函数名的，不能单独使用； 立即执行函数是基于匿名函数实现的，也没有函数名，会在定义后立即执行； 闭包是有权访问另一个函数作用域中的变量的函数。匿名函数、立即执行函数只要满足 有权访问另一个函数作用域中的变量 这一个条件，就成了闭包。 匿名函数 匿名函数：没有函数名的函数 匿名函数不能单
阅读全文
posted @ 2020-11-21 19:57
酷儿q
摘要：0. 如何仅保留满足异步条件的元素 在第一篇文章中，我们介绍了 async / await 如何帮助处理异步事件，但在异步处理集合时却无济于事。在本文中，我们将研究该filter函数，它可能是支持异步函数的最直观的方法。 1. Array.filter 该filter函数仅保留通过条件的元素。它得到
阅读全文
posted @ 2020-11-21 19:56
酷儿q
浙公网安备 33010602011771号