随笔分类 - javascript
摘要：下载图片的几种方式 通过浏览器自动下载。浏览器接收到二进制文件，自动转码下载。比如：window.open() 通过xhr下载。ajax请求得到的是二进制文件，只能手动转码下载。 第一种：浏览器自动下载型 这种需要后端配置响应参数 window.open 例子：本地起了一个node服务，端口3000
阅读全文
posted @ 2020-10-20 17:34
酷儿q
摘要：本文旨在分析理解 Iterators。 Iterators 是 js中的新方法，可以用来循环任意集合。 在ES6中登场的Iterators。因其可被广泛使用，并且已在多处场景派上用场，我们将从概念上理解迭代器是什么，以及在何处使用它们和示例。我们还将看到它在js 中的一些实现。 简介 假设有这样数组
阅读全文
posted @ 2020-10-20 17:32
酷儿q
摘要：1. 什么是 arguments arguments 是一个类数组对象。代表传给一个function的参数列表。 我们先用一个例子直观了解下 JavaScript 中的 arguments 长什么样子。 function printArgs() { console.log(arguments); }
阅读全文
posted @ 2020-10-20 17:30
酷儿q
摘要：小试身手 原型链例子(要点写在注释里,可以把代码复制到浏览器里测试,下同) function foo(){} //通过function foo(){}定义一个函数对象 foo.prototype.z = 3; //函数默认带个prototype对象属性 (typeof foo.prototype;/
阅读全文
posted @ 2020-10-20 17:28
酷儿q
摘要：一、概述 在JavaScript中，链式模式代码，太多太多，如下： if_else: if(...){ //TODO }else if(...){ //TODO }else{ //TODO } switch: switch(name){ case ...:{ //TODO break; } case
阅读全文
posted @ 2020-10-20 17:27
酷儿q
摘要：装饰器 装饰器(Decorator)是ES7的一个语法，是一种与类相关的语法，用来注释或修改类和类的方法。 装饰器是一种函数，写成 @ + 函数名。它可以放在类和类方法的定义前面 @frozen class Foo { @configurable(false) @enumerable(true) m
阅读全文
posted @ 2020-10-20 17:24
酷儿q
摘要：今天来说说es6的语法，最基础的也就是var，let，const 的用法与区别了，我们来看看他们之间的恩怨情仇。首先来说说var，这个只要是学过js的都知道，它是用来声明一个变量的，但是它在开发中也会遇到一些问题，比较难解决。先来看看下面的代码： var str="hello world"; f
阅读全文
posted @ 2020-10-20 17:23
酷儿q
摘要：介绍 事件是用户或浏览器自身执行的某种行动（如click、mousemove等）。而处理对应事件的程序称为事件处理程序（或事件监听器）。 html事件处理程序 通过在html标签中设置与相应事件处理程序同名的属性来指定事件处理程序的方法被称之为 HTML事件处理程序。如下面这段代码： <!DOCTY
阅读全文
posted @ 2020-10-15 21:52
酷儿q
摘要：看一下以下几个单选题，正确的输出是什么呢？ (1) var p = new Promise((resolve, reject) => { reject(Error('The Fails!')); }); p.catch(error => console.log(error.message)); p.
阅读全文
posted @ 2020-10-15 21:49
酷儿q
摘要：Node.js 是什么 传统意义上的 JavaScript 运行在浏览器上，这是因为浏览器内核实际上分为两个部分:渲染引擎和 JavaScript 引擎。前者负责渲染 html + css，后者则负责运行 JavaScript。Chrome 使用的 JavaScript 引擎是 V8，它的速度非常快
阅读全文
posted @ 2020-10-15 21:47
酷儿q
摘要：No1.语法和类型 1.声明定义 变量类型：var，定义变量；let，定义块域(scope)本地变量；const，定义只读常量。变量格式：以字母、下划线“_”或者$符号开头，大小写敏感。变量赋值：声明但未赋值的变量在使用时值为undefined，未声明的变量直接使用会抛异常。未赋值变量作计算：结果为
阅读全文
posted @ 2020-10-15 21:45
酷儿q
摘要：正则表达式已经成为程序员的必备工具。几乎所有流行的编程语言都支持正则表达式，原因如下：正则表达式为开发人员提供了强有力的工具，使之能快速执行需要几十行代码才能完成的任务。 本文主要研究前端开发人员经常要面对的六大文本处理和操作任务，并进一步了解正则表达式如何简化这一过程。但也只是触及了正则表达式潜力
阅读全文
posted @ 2020-10-15 21:42
酷儿q
摘要：JavaScript 构造函数的继承 继承是 OO 语言中的一个最为人津津乐道的概念。许多 OO 语言都支持两种继承方式：接口继承和实现继承。接口继承只继承方法签名，而实现继承则继承实际的方法。如前所述，由于函数没有签名，在 ECMAScript 中无法实现接口继承。ECMAScript 只支持实现
阅读全文
posted @ 2020-10-15 21:40
酷儿q
摘要：开始看本文之前，我希望读者朋友们知道我在很大程度上是一位 TypeScript 粉丝。在我的前端 react 项目和各种后端 Node 工作里，所使用的主要编程语言都是 TypeScript。我是这条船上的人，但也确实有一些疑惑，想在这篇文章中讨论一下。到目前为止，我已经使用 TypeScript
阅读全文
posted @ 2020-10-15 21:35
酷儿q
摘要：XSS的中文名称叫跨站脚本，是WEB漏洞中比较常见的一种，特点就是可以将恶意html/JavaScript代码注入到受害用户浏览的网页上，从而达到劫持用户会话的目的。XSS根据恶意脚本的传递方式可以分为3种，分别为反射型、存储型、DOM型，前面两种恶意脚本都会经过服务器端然后返回给客户端，相对DOM
阅读全文
posted @ 2020-10-15 21:34
酷儿q
摘要：简介 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。 现在，很多网站为了实现推送技术，所用的技术都是 Ajax 轮询。轮询
阅读全文
posted @ 2020-10-15 21:31
酷儿q
摘要：很多人都喜欢 TypeScript。它“解决”了 js 的许多问题，是 js 的一个“超集”，它将使代码易于阅读。有很多使用 TypeScript 的理由，但是我将给您 7 个不使用 TypeScript 的理由。 TypeScript 有风险 TypeScript 添加类型定义并在编译时检查类型，
阅读全文
posted @ 2020-10-15 21:28
酷儿q
摘要：我喜欢在js中更改函数执行上下文的指向，也称为 this 指向。 例如，咱们可以在类数组对象上使用数组方法： const reduce = Array.prototype.reduce; function sumArgs() { return reduce.call(arguments, (sum,
阅读全文
posted @ 2020-10-15 21:25
酷儿q
摘要：这次主要记录有关前端截图和拼图等处理。 缘由：接了一个活动需求，要求页面打开之后，可以长按触发保存图片，并且图片下方需要带上图和二维码的内容，以方便图片分享到朋友圈后可以长按识别二维码打开页面。（有时候纯分享页面链接到朋友圈，好友未必会点进去，图片的分享方式比点链接高一些吧~） 接到需求后 技术预研
阅读全文
posted @ 2020-10-15 21:18
酷儿q
摘要：请教大家一个问题：什么特性让该编程语言更加优秀? 个人见解：当该特性可以组合多个其他语言特性时。 JavaScript 中的for...of语句就是这种情况，可从ES2015开始使用。 for...of可以迭代数组，类似数组的对象以及通常所有可迭代的对象（map，set，DOM集合）。 接下我们通过
阅读全文
posted @ 2020-10-15 21:16
酷儿q
浙公网安备 33010602011771号