随笔分类 - javascript
摘要：对于 JavaScript 新手来说，this 是非常基础同时也难以理解的知识点。 比如下面的代码，this 指向就有三种方式。 function foo() { console.log(this.a); } var a = 1; var obj = { a: 2, foo: foo }; foo(
阅读全文
posted @ 2020-10-20 16:30
笑人
摘要：前言 Promise，用于解决回调地域带来的问题，将异步操作以同步的操作编程表达出来，避免了层层嵌套的回调函数。 什么是 Promise 所谓的 promise，简单的来说就是一个容器，里面保存着某个未来才会结束的事件(也就是我们的异步操作)的结果。从语法上面来说，Promise 是一个对象，从它可
阅读全文
posted @ 2020-10-20 16:29
笑人
摘要：提到new，肯定会和类和实例联系起来，如： function Func() { let x = 100; this.num = x + } let f = new Func(); 上面的代码，我们首先创建了一个函数，如果是用面向对象的说法就是创建了一个Function类的实例，如果直接执行这个函数，
阅读全文
posted @ 2020-10-20 16:28
笑人
摘要：在 JavaScript 中，new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。创建一个对象很简单，为什么我们还要多此一举使用 new 运算符呢？它到底有什么样的魔力？ 认识 new 运算符 通过下面的例子理解 new 运算符： function Person (name
阅读全文
posted @ 2020-10-20 16:27
笑人
摘要：网站开发的实践从设计方面开始，包括客户端编程语言。大体上说，在网页设计中使用了三种语言：html，css和JavaScript。自从网站发明以来，html和css已经成为网页设计的基础，但是JavaScript被用于添加网站的动态视图。 在提供吸引人的UI / UX中，JavaScript扮演着至关
阅读全文
posted @ 2020-10-20 16:25
笑人
摘要：webbench的标准测试可以向我们展示服务器的两项内容：每秒钟响应请求数和每秒钟传输数据量。webbench不但能具有便准静态页面的测试能力，还能对动态页面（ASP,php,JAVA,CGI）进 行测试的能力。 他支持对含有SSL的安全网站例如电子商务网站进行静态或动态的性能测试。 Webbenc
阅读全文
posted @ 2020-10-20 16:23
笑人
摘要：1. 交换变量 通常交换两个变量的方法需要一个额外的临时变量,来看看例子： let a = 1; let b = 2; let temp; temp = a; a = b; b = temp; a; // => 2 b; // => 1 temp是一个临时变量，它先保存a的值。然后把b的值赋值给a，
阅读全文
posted @ 2020-10-20 16:22
笑人
摘要：介绍 事件是用户或浏览器自身执行的某种行动（如click、mousemove等）。而处理对应事件的程序称为事件处理程序（或事件监听器）。 html事件处理程序 通过在html标签中设置与相应事件处理程序同名的属性来指定事件处理程序的方法被称之为 HTML事件处理程序。如下面这段代码： <!DOCTY
阅读全文
posted @ 2020-10-20 16:20
笑人
摘要：看一下以下几个单选题，正确的输出是什么呢？ (1) var p = new Promise((resolve, reject) => { reject(Error('The Fails!')); }); p.catch(error => console.log(error.message)); p.
阅读全文
posted @ 2020-10-20 16:17
笑人
摘要：this指针 JavaScript中this指针是动态的,主要是根据当前函数执行上下文及函数调用方式决定的. 以函数方法调用时this指针全局或严格模式中为undefined 以方法调用时this是指针当前对象实例的. 以构造函数方式时this指向当前创建的实现对象 apply、call 、lamb
阅读全文
posted @ 2020-10-20 16:15
笑人
摘要：Node.js 是什么 传统意义上的 JavaScript 运行在浏览器上，这是因为浏览器内核实际上分为两个部分:渲染引擎和 JavaScript 引擎。前者负责渲染 html + css，后者则负责运行 JavaScript。Chrome 使用的 JavaScript 引擎是 V8，它的速度非常快
阅读全文
posted @ 2020-10-20 16:12
笑人
摘要：No1.语法和类型 1.声明定义 变量类型：var，定义变量；let，定义块域(scope)本地变量；const，定义只读常量。变量格式：以字母、下划线“_”或者$符号开头，大小写敏感。变量赋值：声明但未赋值的变量在使用时值为undefined，未声明的变量直接使用会抛异常。未赋值变量作计算：结果为
阅读全文
posted @ 2020-10-20 16:11
笑人
摘要：前端开发中总免不了关于文件的上传、下载需求。下面来总结一下常用的方法，欢迎讨论和吐槽。 form 表单提交 最传统的文件上传方法是使用form表单上传文件的，只需要把enctype设置为 multipart/form-data。这种方式上传文件不需要 js ，而且没有兼容问题，所有浏览器都支持，就是
阅读全文
posted @ 2020-10-15 17:15
笑人
摘要：尾部添加(push) push() 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度。 从解释中可以看出，push方法只要将要添加的元素依次放到数组的最后即可，不会改变原有数组元素的索引。所以循环参数列表，将新元素依次放到数组的最后即可。 Array.prototype._push = f
阅读全文
摘要：摘要 近期在开发H5页面相关需求，需求中有个微信静默授权登录的功能，之前没有接触过这个功能，经过调研官方文档，开发出了初级方案；初级方案可以解决获取code，但是页面返回上一个页面时，需要连续返回两次才可以回到上一个页面。经过获取流程分析，解决了返回循环的bug。 初级方案原理 当时调研完官方文档后
阅读全文
posted @ 2020-10-15 17:13
笑人
摘要：摘要 在开发中展示点赞数时，当数量级超过10000后，需要使用更加简洁的小数式去显现数量（例如1.22万）。下面就给大家分享数量小数式后保留两位小数的实现方式。 四色五入 使用toFixed()方法处理小数的四色五入，运行示例如下： // 四色五入 var num =2.2354234234; nu
阅读全文
posted @ 2020-10-15 17:12
笑人
摘要：在传统网站开发中，我们一般使用比如asp、php、jsp等技术进行开发，开发完成后统一部署在服务器上，我们访问时，会在浏览器中发送带有'.asp','.php','.jsp'等后缀路径的url请求，服务器会根据对应的路由映射表，找到我们请求的页面并渲染成html，然后把html页面直接返回给浏览器展
阅读全文
posted @ 2020-10-15 17:10
笑人
摘要：本文概述了 TypeScript 的工作原理：典型的 TypeScript 项目的结构是什么？什么被编译以及怎样编译？我们如何使用 IDE 编写 TypeScript？ TypeScript项目的结构 以下是 TypeScript 项目的一种可能的文件结构： typescript-project/
阅读全文
posted @ 2020-10-15 17:08
笑人
摘要：JavaScript实现许愿墙效果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0
阅读全文
posted @ 2020-10-15 17:07
笑人
摘要：前言 在日常的开发中，整天赶需求的我们好像没有时间顾及自动化测试，尤其是在敏捷开发的时候。但其实自动化测试可以帮助我们提高代码和功能的健壮程度，大幅减少可能出现的bug。 尤其是在复杂系统中，自动化测试的作用不容忽视。本篇文章是我自己的学习记录，使用测试框架jest和前端框架react来简单梳理的自
阅读全文
posted @ 2020-10-15 17:06
笑人
浙公网安备 33010602011771号