基础学习:
前端最基础的就是 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创建对象,定义属性和方法
运行结果
定义有参函数
运行结果
继续优化上述方法
运行结果
继续优化