学习笔记共13篇
原生JavaScript实现逐字显示效果(打字机效果)-艾雨博客

原生JavaScript实现逐字显示效果(打字机效果)

效果演示 横版 竖版 思路分析 可以看到文字是一段一段的并且独占一行,使用段落标签p表示一行 一段文字内,字是一个一个显示的,所以这里每一个字都用一个span标签装起来 每一个字都是从透明到...
AiYu的头像-艾雨博客AiYu8个月前
01650
JavaScript学习之类数组-艾雨博客

JavaScript学习之类数组

类数组本质上是一个对象,只是这个对象有点特殊,可以像数组一样使用。 组成部分 对象的属性名要为索引(数字) 必须要有length属性 例如下面的结构: const obj = { 0: 'apple', 1: 'banana', ...
AiYu的头像-艾雨博客AiYu8个月前
0281
JavaScript中的包装类-艾雨博客

JavaScript中的包装类

JavaScript中有两种数据类型:基本数据类型(原始类型)和引用数据类型 JavaScript有7种基本数据类型,分别是: String、Number、Boolean、Undefined、Null、Object以及ES6中新增的Symbol(本文...
AiYu的头像-艾雨博客AiYu8个月前
0131
js之闭包-艾雨博客

js之闭包

闭包是什么 学习闭包前可以先看看作用域,只要懂了js作用域,自然而然你就懂了闭包 在mdn中是这么描述闭包的: 闭包(closure)是一个函数以及其捆绑的周边环境状态(lexical environment,词法...
AiYu的头像-艾雨博客AiYu8个月前
0190
深入理解JS作用域链-艾雨博客

深入理解JS作用域链

说作用域链之前,我们需要先了解一些基础的概念 前言 在MDN中是这么定义作用域的: 作用域是当前的执行上下文,值和表达式在其中“可见”或可被访问。如果一个变量或表达式不在当前的作用域中,...
AiYu的头像-艾雨博客AiYu9个月前
0251
JavaScript原型链详细图解-艾雨博客

JavaScript原型链详细图解

了解内容 画原型链之前需要先了解什么叫构造函数、原型、原型对象、实例化对象之间的关系 构造函数 通过new 函数名来实例化对象的函数称之为构造函数,构造函数首字母通常大写,类似系统内置的...
AiYu的头像-艾雨博客AiYu9个月前
0620
原生js实现别踩白块小游戏-艾雨博客

原生js实现别踩白块小游戏

本文采用原生js及一小部分es6新语法实现简单的别踩白块小游戏 思路分析 古人云:工欲善其事,必先利其器 写代码也是一样的,写之前要先捋清楚实现的思路: 先在页面上准备好一个要显示的区域,...
AiYu的头像-艾雨博客AiYu9个月前
09412
前端开发必备vscode插件-艾雨博客

前端开发必备vscode插件

Auto Close Tag 作用:自动闭合标签 使用方法:安装好启用即可 Auto Rename Tag 作用:自动重命名标签 使用方法:安装好即可使用,修改标签会自动修改结束标签 CodeSnap 作用:代码截图插件 使...
AiYu的头像-艾雨博客AiYu9个月前
07214
标签之间的空白间距-艾雨博客

标签之间的空白间距

问题描述 前端写页面时往往会遇到一个问题 布局一些元素时,周围会有一个4px左右的空白间隙,这个间隙往往会对页面产生许多影响 问题产生原因 当元素是行内或行内块元素时,元素之间的空格,回...
AiYu的头像-艾雨博客AiYu9个月前
06813