AiYu-艾雨博客
AiYu的头像-艾雨博客
管理员广东省佛山市管理员
一入前端深似海,从此头发是路人
JavaScript学习之类数组-艾雨博客

JavaScript学习之类数组

类数组本质上是一个对象,只是这个对象有点特殊,可以像数组一样使用。 组成部分 对象的属性名要为索引(数字) 必须要有length属性 例如下面的结构: const obj = { 0: 'apple', 1: 'banana', ...
2个月前
0250
原生JavaScript实现逐字显示效果(打字机效果)-艾雨博客

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

效果演示 横版 竖版 思路分析 可以看到文字是一段一段的并且独占一行,使用段落标签p表示一行 一段文字内,字是一个一个显示的,所以这里每一个字都用一个span标签装起来 每一个字都是从透明到...
2个月前
01040
css透明度之opacity与rgba-艾雨博客

css透明度之opacity与rgba

在前端开发中,写css的时候要设置透明度有两种方法 opacity rgba 这两个方法在一定程度上没有区别,但又有一点点区别 opacity opacity ==> 不透明度 opacity 属性指定了一个元素的不透明度。换...
3个月前
0736
标签之间的空白间距-艾雨博客

标签之间的空白间距

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

前端开发必备vscode插件

Auto Close Tag 作用:自动闭合标签 使用方法:安装好启用即可 Auto Rename Tag 作用:自动重命名标签 使用方法:安装好即可使用,修改标签会自动修改结束标签 CodeSnap 作用:代码截图插件 使...
原生js实现别踩白块小游戏-艾雨博客

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

本文采用原生js及一小部分es6新语法实现简单的别踩白块小游戏 思路分析 古人云:工欲善其事,必先利其器 写代码也是一样的,写之前要先捋清楚实现的思路: 先在页面上准备好一个要显示的区域,...
JavaScript原型链详细图解-艾雨博客

JavaScript原型链详细图解

了解内容 画原型链之前需要先了解什么叫构造函数、原型、原型对象、实例化对象之间的关系 构造函数 通过new 函数名来实例化对象的函数称之为构造函数,构造函数首字母通常大写,类似系统内置的...
3个月前
0620
深入理解JS作用域链-艾雨博客

深入理解JS作用域链

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

js之闭包

闭包是什么 学习闭包前可以先看看作用域,只要懂了js作用域,自然而然你就懂了闭包 在mdn中是这么描述闭包的: 闭包(closure)是一个函数以及其捆绑的周边环境状态(lexical environment,词法...
2个月前
0190