JS中ArrayAPI学习笔记

JS中ArrayAPI学习笔记 记博客,时常回顾.尤其是面试之先回顾阮一峰标准库Array对象 1 一些标准库回顾 栈,堆,栈里面存一个window/global对象的地址,指向对内存,堆内存存一个hash表.里面有标准库.标准库里有Object()函数,String()函数,Number(),Boolean().这 …



【前端工程师手册】JavaScript之this的笔记

今天总结一下this。 误解 熟悉Java或者其他语言的同学看到this会想当然的认为this指向函数本身,然而在JavaScript中并不是这样子。 function func(){ console.log(this.index) } func.index = 123 func() // undefined 结果很显然,this并不是指向函 …


我是如何一步步“改造”redux的

从Vue换到React+Redux进行开发已经有半年多的时间,总的来说体验是很好的,对于各种逻辑和业务组件的抽象实在是方便的不行,高阶组件,洋葱模型等等给我带来了很多编程思想上的提升。但是在使用Redux开发的过程中还是感觉不太顺手,本文将阐述我是如何对R …


.each()循环遍历子元素,对比已有元素,避免重复

以前写循环遍历习惯性用 for(){},但是这次突然觉着无从下手了。 场景一:左侧九宫格菜单(显示栏),需要遍历获取每个菜单的id,然后放到数组里。 下面是要遍历的HTML代码: <section id=”menuGrid” class=”menug col-sm-12 “> <di …



前端利用Blob对象创建指定文件并下载

一、Blob对象 Blob对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据。File接口基于Blob,继承了blob的功能并将其扩展使其支持用户系统上的文件。 构造函数 var aBlob = new Blob( array, options ); array 是一 …


渐进式Web应用(PWA)入门教程(下)

上篇文章我们对渐进式Web应用(PWA)做了一些基本的介绍。 渐进式Web应用(PWA)入门教程(上) 在这一节中,我们将介绍PWA的原理是什么,它是如何开始工作的。 第一步:使用HTTPS 渐进式Web应用程序需要使用HTTPS连接。虽然使用HTTPS会让您服务器的开销 …



React组件生命周期详解

React组件生命周期 constructor( ) 构造方法 constructor是ES6对类的默认方法,通过 new 命令生成对象实例时自动调用该方法。并且,该方法是类中必须有的,如果没有显示定义,则会默认添加空的constructor( )方法。当存在constructor的时候⚠️必须手动调 …