小聂的JavaScript学习日记,职场中的中年危机

57 阅读10分钟

总结

面试前要精心做好准备,简历上写的知识点和原理都需要准备好,项目上多想想难点和亮点,这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学,以及对于未来持续进阶的规划,企业招人更偏爱稳定的人。

万事开头难,但是程序员这一条路坚持几年后发展空间还是非常大的,一切重在坚持。

前端面试题汇总

JavaScript

前端资料汇总

开源分享:docs.qq.com/doc/DSmRnRG… alert(msg):浏览器弹出警示框

console.log(msg):浏览器控制台打印输出信息,后台人员看

prompt(info):浏览器弹出输入框,用户可以输入

三.变量


变量案例之弹出对话框:

四.数据类型


 

课后作业:

依次询问并获取用户的姓名,年龄和性别并打印用户信息出来。

五.运算符


短路运算(逻辑中断):

短路运算的原理:当多个表达式(值)时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值。 

逻辑与

语法:表达式1 && 表达式2

如果第一个表达式的值为真,则返回表达式2

如果第一个表达式的值为假,则返回表达式1

逻辑或

语法:表达式1 || 表达式2

如果第一个表达式的值为真,则返回表达式1

如果第一个表达式的值为假,则返回表达式2

逻辑中断很重要,会影响我们程序运行结果。

六.流程控制


顺序结构:

顺序结构是程序中最简单,最基本的流程控制,它没有特定的语法结构,程序会按照代码的先后顺序,依次执行,程序中大多数的代码都是这样执行的。

分支结构:

分支结构是由上到下执行代码的过程中,根据不同的条件,执行不同的路径代码(执行代码多选一的过程),从而得到不同的结果。 

JS语言提供了两种分支结构语句

1.if语句

2.switch语句

if语句: 

Switch语句:

注意:

1.switch语句中表达式的值和case后面的值必须数据的值和数据的类型全部相匹配,就是表达式值全等case后面的值;

2.要注意使用break的地方。

Switch语句和 if else if 语句的区别:

**1.**一般情况下,他们两个语句可以相互替换;

2.switch..case语句通常出来case为比较确定值的情况,而if..else..if语句更加灵活,常用于范围判断(大于,小于或者等于某个范围);

3.switch语句进行条件判断后直接执行到程序的条件语句,效率更高。而if..else..if语句有几种条件,就得判断多少次;

4.当分支比较少时,if..else语句的执行效率比switch语句高;

5.当分支比较多时,switch语句的执行效率比较高,而且结构更清晰。

循环结构

**循环的目的:**重复执行某些代码。

在JS中,主要有三种类型的循环语句:

1. for循环

2.while循环

3.do...while循环

在程序中,一组被重复执行的语句被称之为循环体,能否继续重复执行,取决于循环的终止条件。由循环体以及循环的终止条件组成的语句,被称之为循环语句。 

断点调试:

for循环案例:根据输入的人数和成绩求总成绩

七.数组

6.数组新增元素

1.新增数组元素,修改数组长度;

2.新增数组元素,修改索引号,追加数组元素。

注意:

1.如果追加的索引号没有,将会新创建一个索引号;

2.如果追加的索引号存在,就会替换原来的数组元素;

3.如果直接给一个数组赋值,那么此数组里面的内容将全部给替换。

7.数组排序(冒泡排序)

八.函数

 九.作用域

 十.JS预解析

 十一.JS对象

Vue 编码基础

2.1.1. 组件规范

2.1.2. 模板中使用简单的表达式

2.1.3 指令都使用缩写形式

2.1.4 标签顺序保持一致

2.1.5 必须为 v-for 设置键值 key

2.1.6 v-show 与 v-if 选择

2.1.7 script 标签内部结构顺序

2.1.8 Vue Router 规范

Vue 项目目录规范

2.2.1 基础

2.2.2 使用 Vue-cli 脚手架

2.2.3 目录说明

2.2.4注释说明

2.2.5 其他

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