2024年最新搭建项目后端环境(1)，前端面试笔试题目

学习笔记

主要内容包括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，数组，数组方法，二维数组，字符串

• common：公共模块父节点

• model：实体类模块

• service：api接口服务父节点

3.1、 搭建common

---

搭建common父模块：公共模块父节点。其有以下两个子模块

• common-util：工具类模块，所有模块都可以依赖于它

• service-util：service服务的工具包，包含service服务的公共配置类，所有 service模块依赖于它

1、点击yygh-parent，选择New–>Module,操作如下

完成，删除src目录，结构如下

2、修改配置pom.xml

<?xml version="1.0" encoding="UTF-8"?>

<project xmlns=“http://maven.apache.org/POM/4.0.0”

xmlns:xsi=“http://www.w3.org/2001/XMLSchema-instance”

xsi:schemaLocation=“http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd”>

yygh_parent

com.study

0.0.1-SNAPSHOT

4.0.0

common

pom

common_util

service_util

org.springframework.boot

spring-boot-starter-web

provided

com.baomidou

mybatis-plus-boot-starter

3.3.1

org.projectlombok

lombok

io.springfox

springfox-swagger-ui

2.9.2

io.springfox

springfox-swagger2

2.9.2

compile

3.1.1、搭建common模块下的common_util

1、创建模块方式同上

2、修改配置pom.xml

<?xml version="1.0" encoding="UTF-8"?>

<project xmlns=“http://maven.apache.org/POM/4.0.0”

xmlns:xsi=“http://www.w3.org/2001/XMLSchema-instance”

xsi:schemaLocation=“http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd”>

common

com.study

0.0.1-SNAPSHOT

4.0.0

common_util

pom

com.baomidou

mybatis-plus-boot-starter

3.3.1

org.apache.httpcomponents

httpclient

com.alibaba

fastjson

1.2.29

io.jsonwebtoken

jjwt

0.7.0

com.alibaba

easyexcel

2.2.0-beta2

joda-time

joda-time

3.1.2、搭建common模块下的common_service

1、创建模块方式同上

2、修改配置pom.xml

<?xml version="1.0" encoding="UTF-8"?>

<project xmlns=“http://maven.apache.org/POM/4.0.0”

xmlns:xsi=“http://www.w3.org/2001/XMLSchema-instance”

xsi:schemaLocation=“http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd”>

yygh_parent

com.study

0.0.1-SNAPSHOT

4.0.0

common

pom

common_util

service_util

org.springframework.boot

spring-boot-starter-web

provided

com.baomidou

mybatis-plus-boot-starter

3.3.1

org.projectlombok

lombok

io.springfox

springfox-swagger-ui

2.9.2

io.springfox

springfox-swagger2

2.9.2

compile

3.2、创建yygh_parent下的model模块

---

1、创建模块方式同3.1

2、修改配置pom.xml

<?xml version="1.0" encoding="UTF-8"?>

<project xmlns=“http://maven.apache.org/POM/4.0.0”

xmlns:xsi=“http://www.w3.org/2001/XMLSchema-instance”

xsi:schemaLocation=“http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd”>

yygh_parent

com.study

0.0.1-SNAPSHOT

4.0.0

model

pom

org.projectlombok

lombok

com.baomidou

mybatis-plus-boot-starter

3.3.1

io.springfox

springfox-swagger2

2.9.2

com.alibaba

easyexcel

2.2.0-beta2

org.springframework.boot

spring-boot-starter-data-mongodb

provided

com.alibaba

fastjson

1.2.29

io.swagger

swagger-annotations

1.6.2

compile

com.baomidou

mybatis-plus-annotation

3.4.2

compile

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

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

com.baomidou

mybatis-plus-annotation

3.4.2

compile

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

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

[外链图片转存中…(img-dkCTnEWS-1715753199970)]