升龙无涯

数据操作 一、对象 一个大空间存储多个小的内存空间，一个变量中存储多个数据的数据 定义： 基本操作： 设置对象的键值对： 如果属性名原本不存在 - 新增 如果属性名原本存在 ...

升龙无涯

基础语法 一、基础语法 1、变量 概念：内存中存储数据的一个容器。 声明方式： 变量名的规则：变量名由字母、数字、下划线、美元符号、汉字组成，不能用数字开头，不能将关键字作为...

升龙无涯

节流：一段时间内，只执行一次某个操作，过了这段时间，还有操作的话，继续执行新的操作使用场景：1）页面滚动加载：在无限滚动的页面中，滚动事件会频繁触发，使用节流可以控制数据加载...

升龙无涯

验证码效果： 封装验证码制作： 调用使用html结构： 调用代码：

升龙无涯

我们平常在项目中，通常需要给用户操作的结果进行提示，但是js默认给出的提示弹窗样式又比较丑，所以我们可以自己封装弹出层，用来给用户做不同的提示，具体效果如下：普通弹窗如下图：...

升龙无涯

我们平常看到的点名程序有两种，第一种如下图： 这种点名程序，从页面中看不到具体有多少姓名，。html结构代码如下： css样式代码如下： js代码如下： 第二种点名程序如下图...

升龙无涯

烟花效果图如下： 代码如下：工具函数 实现效果的代码：

升龙无涯

在以前的win7系统中，自带的小游戏中，有一款游戏叫扫雷，效果如下图： html中的结构代码如下： js逻辑代码中，预置两个工具函数： 首先要根据选中的雷的数量，来创建小盒子...

升龙无涯

效果如下： html结构代码： css样式代码： js代码：

升龙无涯

放大镜的效果跟平常我们在电商网站中的商品详情页将商品放大查看的效果是一样的，效果图如下： 布局结构如下： css样式如下： 效果分为3个部分，第1部分是点击小图，换中等图和大...

升龙无涯

效果如下图： html结构和样式： js操作代码：首先定义几个工具函数，例如：批量设置样式的、获取随机颜色的等等。。。 根据上面计算好的变量，来创建大盒子中的小盒子并设置样式...

升龙无涯

贪吃蛇效果： 键盘的w、s、a、d分别来控制蛇移动方向：上、下、左、右js代码：

升龙无涯

效果图如下： html结构代码： 样式代码： js逻辑代码： 其中有些重复代码，可以封装为函数重复调用：

升龙无涯

拖拽描述小盒子在大盒子中拖拽，不允许小盒子超出大盒子的范围，一开始鼠标在小盒子的什么位置，拖拽过程中，鼠标一直就在小盒子的什么位置。具体效果图如下： html结构代码： js...

升龙无涯

效果图如下： html结构代码： js逻辑代码：

升龙无涯

当鼠标右击文档的时候，创建一个列表显示在文档中，不要出现默认的菜单。点击其中的列表项，给这个列表项设置特殊的背景颜色，并弹出列表项中的内容。点击列表外的位置，就让列表消失。具...

升龙无涯

最终效果图如下： 这个特效没有结构代码，标签和逻辑都在js代码中：