前端日记

CSS教程和技巧收藏 只要一行代码，实现五种 CSS 经典布局 Flex 布局教程：语法篇 Flex 布局教程：实例篇 CSS Grid 网格布局教程 CSS 定位详解 CSS 的空格处理 CSS 变量教程 CSS in JS 简介 CSS Modules 用法教程 CSS动画简介 CSS使用技巧 CSS3常用功能的写法 CSS选择器笔记 CSS中背景图片定位方法

阮一峰ES6入门学习笔记let和const let只会在命令所在代码块内生效 在for循环中使用let，会在设置循环变量的地方建立一个父作用域（即for代码块内依旧可以声明同名变量 相比较var，let不能在声明之前使用 只要块级作用域中存在let，那么外部的同名变量就被屏蔽，这时候如果在声明前使用，会进入『暂时性死区』，将该变量看做不存在 如果存在暂时性死区，那么无论是调用该变量还是使用typeof都会抛出ReferenceError let不允许同一变量的重复声明 外层块级作用域的变量可以在内层块级作用域被访问 块级作用域可以替代匿名立即执行函数表达式（匿名IIFE）实现不污染外部变量的效果 1234567891011// IIFE 写法(function () { var tmp = ...; ...}());// 块级作用域写法{ let tmp = ...; ...} 函数可以在块级作用域内声明，但只能在作用域内被调用（ES6），ES5之前的版本会污染外部同名函数 块级作用域必须包含括号 1234567// 第 ...

说明：本章内容为博主在原教程基础上添加自己的学习笔记，来源https://wangdoc.com/javascript/，教程版权归原作者所有。 基础篇一、JS的一些名词概念什么是作用域？变量存在的范围。 可分为全局作用域和函数作用域，ES6新增块级作用域。 什么是闭包？闭包就是能够读取其他函数内部变量的函数。 闭包的形式：函数内部定义函数 本质上闭包就是将函数内部和外部连接起来的一座桥梁 闭包的作用： 可以读取函数内部变量 让这些变量始终保持在内存中，即闭包可以使得它诞生的环境一直存在。 封装对象的私有属性和私有方法 什么是构造函数？用于构造(生成)实例的一个函数，使实例拥有构造函数内定于的属性和方法。 什么是实例对象？实例对象就是通过new 构造函数生成的，拥有构造函数内定于的属性和方法的一个对象。 什么是this？就是属性或方法当前所在的对象，指向当前运行环境（对象） 什么是原型？每个函数都有一个prototype属性，指向一个对象，该对象称为原型对象。 什么是原型链？所有对象都有自己的原型对象，由于原型对象也是对象，因此它也有自己的原型，这就会形成一个原型链。 最顶 ...

面向对象编程一、实例对象与new命令1、对象是什么面向对象编程（Object Oriented Programming，缩写为 OOP）是目前主流的编程范式。它将真实世界各种复杂的关系，抽象为一个个对象，然后由对象之间的分工与合作，完成对真实世界的模拟。 每一个对象都是功能中心，具有明确分工，可以完成接受信息、处理数据、发出信息等任务。对象可以复用，通过继承机制还可以定制。因此，面向对象编程具有灵活、代码可复用、高度模块化等特点，容易维护和开发，比起由一系列函数或指令组成的传统的过程式编程（procedural programming），更适合多人合作的大型软件项目。 那么，“对象”（object）到底是什么？我们从两个层次来理解。 （1）对象是单个实物的抽象。 一本书、一辆汽车、一个人都可以是对象，一个数据库、一张网页、一个与远程服务器的连接也可以是对象。当实物被抽象成对象，实物之间的关系就变成了对象之间的关系，从而就可以模拟现实情况，针对对象进行编程。 （2）对象是一个容器，封装了属性（property）和方法（method）。 属性是对象的状态，方法是对象的行为（完成某种任务）。 ...

内置对象篇一、Object对象1、概述JavaScript 原生提供Object对象（注意起首的O是大写），本章介绍该对象原生的各种方法。 JavaScript 的所有其他对象都继承自Object对象，即那些对象都是Object的实例。 Object对象的原生方法分成两类：Object本身的方法与Object的实例方法。 （1）Object对象本身的方法 所谓“本身的方法”就是直接定义在Object对象的方法。 1Object.print = function (o) { console.log(o) }; 上面代码中，print方法就是直接定义在Object对象上。 （2）Object的实例方法 所谓实例方法就是定义在Object原型对象Object.prototype上的方法。它可以被Object实例直接使用。 123456Object.prototype.print = function () { console.log(this);};var obj = new Object();obj.print() // Object 上面代码 ...