240 发简信
IP属地:北京
  • 数据操作

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

  • 基础语法

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

  • tab切换案例

    最终效果如下: html布局如下: js实现代码: 具体切换的js代码写法有多种方法一:提前给所有li添加属性(显示在标签上的属性),值为下标 方法二:提前给所有li添加属性...

  • 240
    深浅克隆(拷贝)

    在前端项目开发中,很多情况下都是在操作数据,如果碰到复杂的数据,操作起来就比较困难了。 例如:vue中数据是双向绑定的,页面显示依赖vue实例中的数据驱动,当页面中输入新的数...

  • 节流和防抖

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

  • 使用canvas做验证码

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

  • 原生js封装弹出层

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

  • 点名程序

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

  • 放烟花效果

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