前端三大件基础知识汇总【自用】

本文汇总了前端开发的三大核心技术——HTML5、CSS3和JavaScript的基础及高级知识,包括HTML5的新特性、CSS3的样式规则、JavaScript的基础语法、对象高级特性和内存管理。深入探讨了JavaScript的单线程模型、事件循环以及Web Workers多线程解决方案。通过对定时器、内存溢出、闭包和原型链的理解,帮助开发者提升前端技能。
摘要由CSDN通过智能技术生成

一、HTML5和CSS3

HTML5 + CSS3

二、Javascript基础

1、基础语法
2、Javascript 对象
3、DOM
4、Javascript 事件
5、BOM

补充
图片切换练习
1. clearInterval()可以接收任意参数,
如果参数是一个有效的定时器的标识,则停止对应的定时器
如果参数不是一个有效的标识,则什么也不做
2. setTimeout 延时调用,只会执行一次 clearTimeout
3. 定时器应用
4. 类的操作 js和css分离
每次使用一次style,就会重新渲染一次页面,所以直接使用class进行操作
首先想到使用类,若不行,再考虑使用class

  1. JSON JavaScript Object Notation JS对象表示法
    js语言只有js自己认识,其他的语言都不认识
    JSON就是一个特殊格式的字符串,能够被其他语言认识,能够被转换为任意语言的对
    象,在开发中主要用于不同语言间的交互
    JSON与js对象格式一样,但是对象属性名必须加双引号,其他和JS语法一致
    分类:对象、数组
    允许的值 字符串、数值、布尔值、null、普通对象、数组
    使用
    将JSON字符串转换为JS对象 JSON.parse()
    将JS对象转换为JSON字符串 JSON.stringify()

三、Javascript高级

1、JS高级基础

补充
1、回调函数

  • 什么函数才是回调函数?
    你定义的
    你没有调用
    但最终它执行了
  • 常见的回调函数
    dom事件回调函数:与用户交互
    定时器回调函数
    Ajax请求回调函数:与服务器交互
    生命周期回调函数

2、立即执行函数 IIFE函数(Immediately-Invoked Function Expression)
作用:
隐藏实现
不会污染外部(全局)命名空间
用它来编写js模块

3、函数中的this
如何确定t

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值