第七次网页前端培训笔记(javascript)

这篇博客详细介绍了前端开发的基础,包括HTML、CSS、JavaScript和jQuery的学习资源和实践应用。讲解了JavaScript内置对象如String、Math、Date的使用,以及对象的创建、操作和序列化。此外,还阐述了JavaScript事件处理,如事件流、事件模型和事件处理程序的基本概念。
摘要由CSDN通过智能技术生成

一,学习网址

【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibili

二,安装Hbuilder编辑器

HBuilderX-高效极客技巧

三,学习javascript

  1. javascropt内置对象
  2. String
  3. Math
  4. Date

     

    1. 注: getMonth():得到的值:0~11(1月--12月)
    2.         setMonth():设置值时: 0~11
    3.          toLocaleString():可根据本地时间把Date对象转换成字符串,并返回结果
  5. JavaScript对象

    1. 对象的创建:三种方式,字面量形式创建对象,通过newObject对象创建,通过Object对象的create方法创建对象。

       

      1. 字面量形式创建
      2. new Object对象
      3. create方法创建
    2. 对象的操作
      1. 获取对象的属性(如果对对象属性不存在,则获取undefined):对象名。属性名;
      2. 设置对象的属性(如果属性存在,则修改属性值;如果属性不存在,则添加新的属性值):对象名.属性值 = 值
    3. 对象的序列化和反序列化 
      1. 序列化:将JS对象(JSON对象)转换成JSON字符串

         

        1. var 变量名 = JSON。stringgify(对象)
      2. 反序列化:将JSON字符串转换成JS对象(json对象)
        1. var 对象名 = JSON字符串
    4. this:一个关键字
      1. 谁调用函数,this指代谁
      2. 直接调用函数,this代表的全局的window对象
      3. 调用对象中的函数,this代表的是对象本身
    5. js事件

      1. 事件
      2. 作用
      3. 事件中的几个名词
        1. 事件源:给什么元素/标签绑定时间
        2. 事件名:绑定什么事件
        3. 事件监听:浏览器窗口
        4. 执行函数:事件触发后需要执行什么代码
      4. 事件类型:鼠标事件,键盘事件,HTML事件几个常用的事件
      5. 事件流和事件模型
        1. 事件冒泡:事件开始时有最具体的元素接受,然后逐级向上传播到较为不具体的节点(文档)
        2. 事件捕获:事件开始时有文档节点接受,然后逐级向下传播到具体的元素节点
        3. DOM事件刘:事件流包括三个阶段,事件捕获阶段,处于目标阶段和时间冒泡阶段买寿险发生的是时间捕获阶段,为截获时间提供了机会,然后实际的目标接受时间,最后一个阶段是冒泡阶段,可以在这个阶段对时间做出响应 
      6. 事件处理程序
        1. HTML事件处理程序
        2. DOMO事件处理程序
          1. 通过id属性值获取节点对象
            1. document.getElementByID("id属性值");
          2. 事件源:获取事件源
          3. 事件类型:给事件源绑定指定的事件
          4. 执行函数:事件触发后要执行的代码
        3.  DOM2级事件
          1. 事件源。addEventListener("事件类型,执行函数,true")

       

       

       

 

 

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值