Web前端最新JavaScript之ES6快速入门,2024年最新前端面试简历怎么写

基础学习:

前端最基础的就是 HTML , CSS 和 JavaScript 。

网页设计:HTML和CSS基础知识的学习

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

动态交互:JavaScript基础的学习

JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

(2)解构表达式取值:获取前两个值

在这里插入图片描述

let arr = [2,5,-10,15];

let[x,y] = arr;

x

2

y

5

(3)解构表达式取值:获取后两个值

在这里插入图片描述

let [,a,b] = arr;

undefined

a

-10

b

15

(4)解构表达式取值:获取除了第一个以外的其他所有元素

在这里插入图片描述

let [,…rest] = arr;

undefined

rest

(3) [5, -10, 15]

(5)解析对象

在这里插入图片描述

let p = {name:“jack”,age:21}

undefined

let {name,age} = p;

undefined

name

“jack”

age

21

(6)解析对象:并更改其变量名称

在这里插入图片描述

let p = {name:“jack”,age:21}

undefined

let {name:n} = p;

undefined

n

“jack”

(7)解析复杂对象:

在这里插入图片描述

p = {name:“jack”,age:21,girl:{name:“rose”,age:“18”}}

{name: “jack”, age: 21, girl: {…}}

let{girl:{name}} = p;

undefined

name

“rose”

(8)对象的拷贝

在这里插入图片描述

let {…obj} = p;

undefined

obj

{name: “jack”, age: 21, girl: {…}}

在这里插入图片描述

查看obj是否等同于p

在这里插入图片描述

obj == p

false

(9)ES6的函数

定义函数

浏览器控制台调用函数

在这里插入图片描述

(10)js创建对象,定义属性和方法

在这里插入图片描述

(11)ES6创建对象,定义属性和方法

在这里插入图片描述

运行结果

在这里插入图片描述

定义有参函数

在这里插入图片描述

运行结果

在这里插入图片描述

继续优化上述方法

在这里插入图片描述

运行结果

在这里插入图片描述

继续优化

在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值