MHlife on GitHub

理解Virtual DOM(1) 真实DOM和虚拟DOM的映射

什么是Virtual DOM?所谓virtual,指的是对真实DOM的一种模拟。相对于直接操作真实的DOM结构,我们构建一棵虚拟的树,将各种数据和操作直接应用在这棵虚拟的树上,然后再将对虚拟的树的修改应用到真实的DOM结构上。 这样有以下好处:可能会减少DOM操作次数,带来性能上的提升,即使我们频繁操作虚拟DOM,我们只需要一定时刻一次性同步修改到真实DOM上即可真实的HTML节点有两百多个属性和

- 阅读全文 -

Object.keys方法之详解

一、语法Object.keys(obj)参数:要返回其枚举自身属性的对象返回值:一个表示给定对象的所有可枚举属性的字符串数组二、处理对象,返回可枚举的属性数组...let person = {name:"张三",age:25,address:"深圳",getName:function(){}}Object.keys(person) // ["name", "age", "address","get

- 阅读全文 -

理解闭包,就这篇了。

闭包闭包是一个特别抽象的概念,特别是ECMAScript 规范给的定义,如果没有实战经验,很难从定义去理解它。因此,本文不会对闭包的概念进行大篇幅描述,直接上代码,让对闭包有更深入的理解。首先会做的一件事就是找它的demo 。 对于我们来说,看代码比自然语言更能理解一个事物的本质。下面,我先写一个最简单的原始的闭包。function B(){ function C(){

- 阅读全文 -

一探前端开发中的JS调试技巧

Alert需要说明一点,这里看到的效果,并非当年的IE浏览器中看到的效果,而是在高版本IE中的效果。此外,当年貌似还没有这么高级的控制台,而alert的使用也是在真实的页面JS代码中。虽然,alert的调试方式很原始,但当时确实有它不可磨灭的价值,甚至到今天,已然有其用武之地。Console随着JS在Web前端中能做的事情越来越多,责任越来越大,而地位也越来越重要。传统的alert调试方式已经渐渐

- 阅读全文 -

Web API

学习目标:掌握API和Web API的概念掌握常见浏览器提供的API的调用方式能通过Web API开发常见的页面交互功能能够利用搜索引擎解决问题typora-copy-images-to: mediaWeb APIWeb API介绍API的概念API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或

- 阅读全文 -