前端JS笔记

发布时间:2026/10/31 1:19:17
前端JS笔记 事件补充form的submit、input的change事件dom操作补充classList.contains()看看有没有包含某个类如果有则返回true没有则返回false事件委托不是所有的事件都能用事件委托要看这个盒子干不干净比如一个li里面只包含两个a就适合事件委托。如果一个li里面包含两个a每个a里面再包含img就不适合事件委托因为你可能点的是a里的img。input设置required属性html5新属性表示不能为空form表单autocompleteoff关闭 历史记录数组常见实例方法forEach只遍历数组不返回新数组常用于查找遍历数组元素常用于遍历数组对象map迭代数组 返回新数组返回处理之后的数组元素filter筛选数组返回新数组返回筛选满足条件的数组元素reduce累计器返回累计处理的结果经常用于求和等。字符串常见方法 具体见MDN网站Number常见方法JS基础第一天1.JavaScript介绍1.1JavaScript是什么1.2JavaScript书写位置1.3Javascript的注释1.4JavaScript 结束符1.5 JavaScript 输入输出语法1.6 字面量2变量2.1 变量是什么2.2 变量的基本使用2.3 变量的本质2.4 变量命名规则与规范二. 变量拓展-let和var的区别二. 变量拓展-数组1.1 数组的基本使用1.1 数组的基本使用3、常量3.1 常量的基本使用4.数据类型4.1 数据类型 – 数字类型Number4.1 数据类型 – 字符串类型string模板字符串4.1 数据类型 – 布尔类型boolean4.1 数据类型 – 未定义类型undefined4.1 数据类型 – null空类型4.2 控制台输出语句和检测数据类型5.类型转换5.1 为什么需要类型转换5.2 隐式转换5.2 显式转换六. 常见错误JS基础第二天事件监听一、DOM事件基础L0事件监听只有冒泡阶段没有捕获事件类型事件对象环境对象回调函数综合案例2、DOM事件进阶事件流冒泡是一定会发生的只是经常父级元素没有添加同名事件所以看不到效果

关于本文作者

来自尧图内容编辑团队

尧图内容编辑团队 内容团队

尧图内容编辑团队

本文由尧图网络内容编辑团队执笔。团队由资深项目经理、前端工程师与设计师组成,所有内容均来自亲手交付的真实项目,先讲清问题、再给出可落地的解法。尧图深耕北京网站建设十年,服务过京华建材集团、智造科技等各行业客户,把一线经验沉淀为可复用的行业观察。

  • 十年建站经验,覆盖建材、制造、服务、文创等
  • 项目经理把关选题与事实准确性
  • 工程师与设计师联合撰写专业细节
  • 统一编辑规范,保证文风与排版一致
  • 每月复盘转化数据,迭代选题方向

延伸阅读

相关资讯与近期热门内容

深度阅读推荐

建站决策前值得细读的三篇

网站改版的5个关键决策
2024-08-12

网站改版的5个关键决策

什么时候该改版、改到什么程度、如何避免流量掉光,京华建材集团改版复盘给出答案。

获取专属建站方案

看完文章,把您的行业与预算告诉我们,免费获取一份量身定制的官网建设方案与报价。

立即免费咨询