React
-
介绍一下react
-
React单项数据流
-
react生命周期函数和react组件的生命周期
-
react和Vue的原理,区别,亮点,作用
-
reactJs的组件交流
-
有了解过react的虚拟DOM吗,虚拟DOM是怎么对比的呢
-
项目里用到了react,为什么要选择react,react有哪些好处
-
怎么获取真正的dom
-
选择react的原因
-
react的生命周期函数
-
setState之后的流程
-
react高阶组件知道吗?
-
React的jsx,函数式编程
-
react的组件是通过什么去判断是否刷新的
-
如何配置React-Router
-
路由的动态加载模块
-
Redux中间件是什么东西,接受几个参数
-
redux请求中间件如何处理并发
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
-
(5)JavaScript 的组成
-
- 5.1 ECMAScript
-
5.2 DOM - - - 文档对象模型
-
5.3 BOM - - - 浏览器对象模型
-
(6)JavaScript 初体验
-
- 6.1 行内式 JS
-
6.2 内嵌 JS
-
6.3 外部 JS文件
-
二、JavaScript注释
-
- (1)单行注释
-
(2)多行注释
-
三、JavaScript 输入输出语句
-
四、总结
(1)JavaScript 是什么
-
JavaScript
是世界上最流行的语言之一,是一种运行在客户端的脚本语言 (Script 是脚本的意思),这门语言可用于HTML
和WEB
,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。; -
脚本语言:不需要编译,运行过程中由 js 解释器( js 引擎)逐行来进行解释并执行;
-
现在也可以基于
Node.js
技术进行服务器端编程;
(2)JavaScript 的作用
-
表单动态校验(密码强度检测);( JS 产生最初的目的 )
-
网页特效;
-
服务端开发(Node.js);
-
桌面程序(Electron);
-
App(Cordova) ;
-
控制硬件-物联网(Ruff);
-
游戏开发(cocos2d-js);
(3)HTML/CSS/JS 的关系
(4)浏览器执行 JS 简介
浏览器分成两部分:渲染引擎 和 JS 引擎
-
渲染引擎:用来解析HTML与CSS,俗称内核,比如 chrome 浏览器的 blink ,老版本的 webkit;
-
JS 引擎:也称为 JS 解释器。 用来读取网页中的JavaScript代码,对其处理后运行,比如 chrome 浏览器的 V8;
😆温馨提醒😆:浏览器本身并不会执行JS代码,而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码 。JS 引擎执行代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所以 JavaScript 语言归为脚本语言,会逐行解释执行。
(5)JavaScript 的组成
5.1 ECMAScript
ECMAScript
是由ECMA 国际( 原欧洲计算机制造商协会)进行标准化的一门编程语言,这种语言在万维网上应用广泛,它往往被称为 JavaScript
或 JScript
,但实际上后两者是 ECMAScript 语言的实现和扩展。
ECMAScript
:ECMAScript
规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准。
5.2 DOM - - - 文档对象模型
文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过 DOM 提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)。
5.3 BOM - - - 浏览器对象模型
BOM (Browser Object Model,简称BOM) 是指浏览器对象模型,它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口,比如弹出框、控制浏览器跳转、获取分辨率等。
(6)JavaScript 初体验
JS 有3种书写位置,分别为行内、内嵌和外部。
6.1 行内式 JS
代码演示如下:
-
可以将单行或少量 JS 代码写在HTML标签的事件属性中(以 on 开头的属性),如:onclick;
-
注意单双引号的使用:在HTML中我们推荐使用双引号,JS 中我们推荐使用单引号;
-
可读性差, 在html中编写JS大量代码时,不方便阅读;
-
引号易错,引号多层嵌套匹配时,非常容易弄混,特殊情况下使用;
6.2 内嵌 JS
代码演示如下:
-
可以将多行JS代码写到
<script>
标签中; -
内嵌 JS 是学习时常用的方式;
6.3 外部 JS文件
代码演示如下:
最后
基础知识是前端一面必问的,如果你在基础知识这一块翻车了,就算你框架玩的再6,webpack、git、node学习的再好也无济于事,因为对方就不会再给你展示的机会,千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多,并不是理解就ok了,有些是真的要去记。当然了我们是牛x的前端工程师,每天像背英语单词一样去背知识点就没必要了,只要平时工作中多注意总结,面试前端刷下题目就可以了。