本文介绍了前端开发面试的关键知识点，推荐了一条系统化的复习路线，以及分享了前端面试题解析、核心学习笔记、项目实战和视频教程等学习资源。同时强调了做笔记和总结的重要性。
最后
其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。
这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）
《前端开发四大模块核心知识笔记》
最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。
}
},
limit: step,
offset: step * (current - 1),
order: [[“createdAt”, “DESC”]]
})
} else if (roomId) {
result = await GetupRecord.findAndCountAll({
where: {
roomId: roomId,
createdAt: {
}
},
limit: step,
offset: step * (current - 1),
order: [[“createdAt”, “DESC”]]
})
} else if (floorId) {
result = await GetupRecord.findAndCountAll({
where: {
createdAt: {
}
},
include: [
{
model: Room,
where: { floorId }
}
],
limit: step,
offset: step * (current - 1),
order: [[“createdAt”, “DESC”]]
})
} else if (buildingId) {
result = await GetupRecord.findAndCountAll({
where: {
createdAt: {
}
},
include: [
{
model: Room,
where: { buildingId }
}
],
limit: step,
offset: step * (current - 1),
order: [[“createdAt”, “DESC”]]
})
} else {
result = await GetupRecord.findAndCountAll({
where: {
createdAt: {
}
},
limit: step,
offset: step * (current - 1),
order: [[“createdAt”, “DESC”]]
})
}
const getStudentInfo = require(“./user_controller”).getStudentInfo
let rows = []
for (let record of result.rows) {
record = record.toJSON()
delete record.room
const userInfo = await getStudentInfo(record.userId)
record = Object.assign(userInfo, record)
record.time = moment(record.createdAt).format(“HH:mm”)
record.date = moment(record.createdAt).format(“YYYY-MM-DD”)
if (parseInt(moment(record.createdAt).format(“HH”)) < getupEarlyPoint) {
record.early = true
} else {
record.early = false
}
rows.push(record)
}
result.rows = rows
return result
},
// back 相关
async addBackRecord(userId) {
const user = await User.findOne({ where: { id: userId } })
const todyRecord = await BackRecord.findOne({
where: {
userId: user.id,
roomId: user.roomId,
createdAt: {
.startOf(“day”)
.toDate(),
.endOf(“day”)
.toDate()
}
}
})
if (todyRecord) {
throw new Error(“当天已经有记录，记录失败!”)
}
return await BackRecord.create({ userId: user.id, roomId: user.roomId })
},
async getUserBackRecords(userId, days, pure = false) {
days = parseInt(days)
const user = await User.findOne({ where: { id: userId } })
const roomId = user.roomId
const room = await Room.findOne({ where: { id: roomId } })
// 获取最近 days 天的记录
const startTime = moment()
.subtract(days - 1 /* -1 代表查询天数包括今天 */, “days”)
.startOf(“day”)
.toDate()
const allRecords = []
for (let i = 0; i < days; i++) {
const todayStart = moment(startTime)
.add(i, “days”)
.toDate()
const todayEnd = moment(todayStart)
.endOf(“day”)
.toDate()
let record = await BackRecord.findOne({
where: {
userId,
roomId,
createdAt: {
}
},
attributes: { exclude: [“updatedAt”, “deletedAt”] }
})
if (record) {
// 如果当天有记录就推入结果
record = record.toJSON()
record.time = moment(record.createdAt).format(“HH:mm”)
} else if (!record && !pure) {
// 如果获取的是全部数据且当前天无数据
// 就建立一条空记录
record = BackRecord.build({
id: “fake” + i,
roomId,
userId,
createdAt: todayStart
}).toJSON()
record.time = null
} else {
continue
}
record.date = moment(record.createdAt).format(“YYYY-MM-DD”)
record.userName = user.name
record.roomNumber = room.number
allRecords.push(record)
}
return allRecords.reverse()
},
async getRoomBackRecords(roomId, days, pure = false) {
days = parseInt(days)
const room = await Room.findOne({ where: { id: roomId } })
const users = await room.getUsers()
const records = {}
for (let user of users) {
records[user.name] = await this.getUserBackRecords(user.id, days, pure)
}
return records
},
async getBackRecordLineCharData(roomId) {
const room = await Room.findOne({ where: { id: roomId } })
const users = await room.getUsers()
const data = { columns: [“周期”], rows: [] }
const dataCount = 5 // 获取的记录条数
const dataStep = 7 // 每条记录相隔的条数
// 初始化记录值
for (let i = 0; i < dataCount; i++) {
data.rows.push({ 周期: 最近${(i + 1) * dataStep}天 })
}
// 遍历当前宿舍的用户
for (let user of users) {
data.columns.push(user.name)
for (let i = 0; i < dataCount; i++) {
const days = (i + 1) * dataStep
// 获取某学生最近 days 天的归宿记录
const records = await this.getUserBackRecords(user.id, days, true)
let earlyTimes = 0
records.forEach(record => {
// 统计这些记录中有几天是早归的
const timeHour = parseInt(moment(record.createdAt).format(“HH”))
if (timeHour < backEarlyPoint) {
earlyTimes++
}
})
// 计算早起率
const probability = (earlyTimes / days).toFixed(4)
data.rows[i][user.name] = probability
}
}
return data
},
async getBackTableData({
current,
step,
buildingId,
floorId,
roomId,
userId,
startTime,
endTime
}) {
// 初始化时间
startTime = startTime
? moment(startTime)
.startOf(“day”)
-
.toDate()
- moment(0).toDate()
endTime = endTime
? moment(endTime)
.endOf(“day”)
-
.toDate()
- moment()
.endOf(“day”)
.toDate()
// 开始分情况获取数据
let result
if (userId) {
result = await BackRecord.findAndCountAll({
where: {
userId: userId,
createdAt: {
}
},
limit: step,
offset: step * (current - 1),
order: [[“createdAt”, “DESC”]]
})
} else if (roomId) {
result = await BackRecord.findAndCountAll({
where: {
roomId: roomId,
createdAt: {
}
},
limit: step,
offset: step * (current - 1),
order: [[“createdAt”, “DESC”]]
})
} else if (floorId) {
result = await BackRecord.findAndCountAll({
where: {
createdAt: {
}
},
include: [
{
model: Room,
where: { floorId }
}
],
limit: step,
offset: step * (current - 1),
order: [[“createdAt”, “DESC”]]
})
} else if (buildingId) {
result = await BackRecord.findAndCountAll({
where: {
createdAt: {
}
},
include: [
{
model: Room,
where: { buildingId }
}
],
limit: step,
offset: step * (current - 1),
order: [[“createdAt”, “DESC”]]
})
} else {
result = await BackRecord.findAndCountAll({
where: {
createdAt: {
}
},
limit: step,
offset: step * (current - 1),
order: [[“createdAt”, “DESC”]]
})
}
const getStudentInfo = require(“./user_controller”).getStudentInfo
let rows = []
for (let record of result.rows) {
record = record.toJSON()
delete record.room
const userInfo = await getStudentInfo(record.userId)
record = Object.assign(userInfo, record)
record.time = moment(record.createdAt).format(“HH:mm”)
record.date = moment(record.createdAt).format(“YYYY-MM-DD”)
if (parseInt(moment(record.createdAt).format(“HH”)) < backEarlyPoint) {
record.early = true
} else {
record.early = false
}
rows.push(record)
}
result.rows = rows
return result
},
// clean 相关
async addCleanRecord(userId) {
const user = await User.findOne({ where: { id: userId } })
const todyRecord = await CleanRecord.findOne({
where: {
roomId: user.roomId,
createdAt: {
.startOf(“day”)
.toDate(),
.endOf(“day”)
.toDate()
}
}
})
if (todyRecord) {
throw new Error(“当天已经有清扫记录，记录失败”)
}
return await CleanRecord.create({
userId: user.id,
roomId: user.roomId
})
},
async getUserCleanRecords(userId, days) {
// 获取打扫记录不会自动补全每一天的信息
days = parseInt(days)
const user = await User.findOne({ where: { id: userId } })
const roomId = user.roomId
const room = await Room.findOne({ where: { id: roomId } })
// 获取最近 days 天的记录
const startTime = moment()
.subtract(days - 1 /* -1 代表查询天数包括今天 */, “days”)
.startOf(“day”)
.toDate()
const todayEnd = moment()
.endOf(“day”)
.toDate()
const records = await CleanRecord.findAll({
where: {
userId,
roomId,
createdAt: {
}
},
attributes: { exclude: [“updatedAt”, “deletedAt”] },
order: [[“createdAt”, “DESC”]]
})
const allRecords = []
records.forEach(record => {
record = record.toJSON()
record.time = moment(record.createdAt).format(“HH:mm”)
record.date = moment(record.createdAt).format(“YYYY-MM-DD”)
record.userName = user.name
record.roomNumber = room.number
allRecords.push(record)
})
return allRecords
},
async getRoomCleanRecords(roomId, days) {
const room = await Room.findOne({ where: { id: roomId } })
const startTime = moment()
.subtract(days - 1 /* -1 代表查询天数包括今天 */, “days”)
.startOf(“day”)
.toDate()
const todayEnd = moment()
.endOf(“day”)
.toDate()
const records = await room.getCleanRecords({
where: {
createdAt: {
}
},
attributes: { exclude: [“updatedAt”, “deletedAt”] },
order: [[“createdAt”, “DESC”]]
})
const allRecords = []
for (let record of records) {
const user = await record.getUser()
record = record.toJSON()
record.date = moment(record.createdAt).format(“YYYY-MM-DD”)
record.time = moment(record.createdAt).format(“HH:mm”)
record.userName = user.name
record.roomNumber = room.number
allRecords.push(record)
}
return allRecords
},
async getCleanTableData({
current,
step,
buildingId,
floorId,
roomId,
userId,
startTime,
endTime
}) {
// 初始化时间
startTime = startTime
? moment(startTime)
.startOf(“day”)
-
.toDate()
- moment(0).toDate()
endTime = endTime
? moment(endTime)
.endOf(“day”)
-
.toDate()
- moment()
.endOf(“day”)
.toDate()
// 开始分情况获取数据
let result
if (userId) {
result = await CleanRecord.findAndCountAll({
where: {
userId: userId,
createdAt: {
}
},
limit: step,
offset: step * (current - 1),
order: [[“createdAt”, “DESC”]]
})
} else if (roomId) {
result = await CleanRecord.findAndCountAll({
where: {
roomId: roomId,
createdAt: {
}
},
limit: step,
offset: step * (current - 1),
order: [[“createdAt”, “DESC”]]
})
} else if (floorId) {
result = await CleanRecord.findAndCountAll({
where: {
createdAt: {
}
},
include: [
{
model: Room,
where: { floorId }
}
],
limit: step,
offset: step * (current - 1),
order: [[“createdAt”, “DESC”]]
})
} else if (buildingId) {
result = await CleanRecord.findAndCountAll({
where: {
createdAt: {
}
},
include: [
{
model: Room,
where: { buildingId }
}
],
limit: step,
offset: step * (current - 1),
order: [[“createdAt”, “DESC”]]
})
} else {
result = await CleanRecord.findAndCountAll({
where: {
createdAt: {
}
},
limit: step,
offset: step * (current - 1),
order: [[“createdAt”, “DESC”]]
})
}
const getStudentInfo = require(“./user_controller”).getStudentInfo
let rows = []
for (let record of result.rows) {
record = record.toJSON()
delete record.room
const userInfo = await getStudentInfo(record.userId)
record = Object.assign(userInfo, record)
record.time = moment(record.createdAt).format(“HH:mm”)
record.date = moment(record.createdAt).format(“YYYY-MM-DD”)
record.early = null
rows.push(record)
}
result.rows = rows
return result
},
// 通用
async getUserProbability(type, userId) {
const user = await User.findById(userId)
const startTime = user.checkTime
let records = []
let allRecords = []
switch (type) {
case “getup”:
allRecords = await user.getGetupRecords({
where: {
createdAt: { Op.gt: startTime }
}
})
allRecords.forEach(record => {
let hour = parseInt(moment(record.createdAt).format(“HH”))
if (hour < getupEarlyPoint) {
records.push(record)
}
})
break
case “back”:
allRecords = await user.getBackRecords({
where: {
createdAt: { Op.gt: startTime }
}
})
allRecords.forEach(record => {
let hour = parseInt(moment(record.createdAt).format(“HH”))
if (hour < backEarlyPoint) {
records.push(record)
}
})
break
case “clean”:
records = await user.getCleanRecords({
where: {
createdAt: { Op.gt: startTime }
}
})
break
default:
throw new Error(“参数传入错误”)
}
// 计算从入住到现在有几天了
const days = Math.abs(moment(startTime).diff(moment(), “days”))
return (records.length / (days + 1)).toFixed(4)
}
}
const { User } = require(“…/model”)
const _ = require(“lodash”)
const RecordController = require(“./record_controller”)
module.exports = {
/**
-
获取学生用户的完整信息
-
@param {Number} userId
*/
async getStudentInfo(userId) {
const student = await User.findOne({
where: { id: userId },
attributes: { exclude: [“password”, “deletedAt”] }
})
const room = await student.getRoom()
const floor = await room.getFloor()
const building = await floor.getBuilding()
const getupProb = await RecordController.getUserProbability(“getup”, userId)
const backProb = await RecordController.getUserProbability(“back”, userId)
const cleanProb = await RecordController.getUserProbability(“clean”, userId)
const info = Object.assign(student.dataValues, {
roomNumber: room.number,
floorId: floor.id,
floorLayer: floor.layer,
buildingId: building.id,
buildingName: building.name,
getupProb,
backProb,
cleanProb
})
return info
},
/**
-
获取学生用户们的完整信息
-
@param {Array} users
*/
async getStudentsInfo(users) {
const cloneUsers = _.cloneDeep(users)
for (let user of cloneUsers) {
delete user.dataValues.password
总结
根据路线图上的重点去进行有针对性的学习，在学习过程中，学会写笔记，做总结。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
这里分享一些前端学习笔记：
-
html5 / css3 学习笔记
-
JavaScript 学习笔记
-
Vue 学习笔记
925
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
