学习笔记
主要内容包括html,css,html5,css3,JavaScript,正则表达式,函数,BOM,DOM,jQuery,AJAX,vue等等
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
HTML/CSS
**HTML:**HTML基本结构,标签属性,事件属性,文本标签,多媒体标签,列表 / 表格 / 表单标签,其他语义化标签,网页结构,模块划分
**CSS:**CSS代码语法,CSS 放置位置,CSS的继承,选择器的种类/优先级,背景样式,字体样式,文本属性,基本样式,样式重置,盒模型样式,浮动float,定位position,浏览器默认样式
HTML5 /CSS3
**HTML5:**HTML5 的优势,HTML5 废弃元素,HTML5 新增元素,HTML5 表单相关元素和属性
**CSS3:**CSS3 新增选择器,CSS3 新增属性,新增变形动画属性,3D变形属性,CSS3 的过渡属性,CSS3 的动画属性,CSS3 新增多列属性,CSS3新增单位,弹性盒模型
JavaScript
**JavaScript:**JavaScript基础,JavaScript数据类型,算术运算,强制转换,赋值运算,关系运算,逻辑运算,三元运算,分支循环,switch,while,do-while,for,break,continue,数组,数组方法,二维数组,字符串
JavaScript是一种现代的编程语言,广泛用于网页开发和应用程序开发。在学习JavaScript时,掌握基本语法是非常重要的。本文将介绍JavaScript的基本语法,包括变量、数据类型(字符串、数字、布尔值、对象等)、操作符、条件语句和循环等。
一、变量
在JavaScript中,我们可以使用关键字var来声明一个变量。变量可以存储各种类型的数据,并且可以在程序中使用和修改。例如:
var name = "John";
var age = 25;
var isStudent = true;
在上述代码中,我们声明了三个变量,分别是name、age和isStudent。name变量存储了一个字符串,age变量存储了一个数字,isStudent变量存储了一个布尔值。
二、数据类型
JavaScript中有多种数据类型,包括字符串、数字、布尔值、对象等。
- 字符串:
字符串是一系列字符的集合。在JavaScript中,我们可以使用单引号或双引号来创建字符串。例如:
var message = "Hello, World!";
- 数字:
数字是JavaScript中表示数值的数据类型。它可以是整数或小数。例如:
var count = 10;
var pi = 3.14;
- 布尔值:
布尔值表示真或假的值。它只有两个可能的值:true和false。例如:
var isStudent = true;
var hasPassedExam = false;
- 对象:
对象是一种复杂的数据类型,它可以存储多个键值对。每个键值对由一个属性名和对应的值组成。例如:
var person = {
name: "John",
age: 25,
isStudent: true
};
三、操作符
操作符用于在JavaScript中执行各种操作,例如算术运算、赋值、比较等。
- 算术运算符:
JavaScript中的算术运算符包括加法(+)、减法(-)、乘法(*)、除法(/)和取模(%)等。例如:
var x = 10;
var y = 5;
var sum = x + y; // 15
var difference = x - y; // 5
var product = x \* y; // 50
var quotient = x / y; // 2
var remainder = x % y; // 0
- 赋值运算符:
赋值运算符用于将值赋给变量。例如:
var x = 10;
var y = x; // y的值为10
- 比较运算符:
比较运算符用于比较两个值,并返回一个布尔值。例如:
var x = 10;
var y = 5;
var isEqual = x == y; // false
var isNotEqual = x != y; // true
var isGreater = x > y; // true
var isLess = x < y; // false
四、条件语句
条件语句用于根据某个条件执行不同的代码块。常用的条件语句包括if语句、else语句和switch语句。
- if语句:
if语句用于执行一个代码块,当指定的条件为真时。例如:
### 最后
面试题千万不要死记,一定要自己理解,用自己的方式表达出来,在这里预祝各位成功拿下自己心仪的offer。
**[开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.youkuaiyun.com/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**




链图片转存中...(img-0AT6qJId-1715782468856)]
[外链图片转存中...(img-sVQJEOen-1715782468856)]
[外链图片转存中...(img-QTyV4nm1-1715782468857)]
[外链图片转存中...(img-qjO8A3Pe-1715782468857)]