Web前端最全Node(40),前端程序员春招三面蚂蚁金服

总结

  • 框架原理真的深入某一部分具体的代码和实现方式时,要多注意到细节,不要只能写出一个框架。

  • 算法方面很薄弱的,最好多刷一刷,不然影响你的工资和成功率😯

  • 在投递简历之前,最好通过各种渠道找到公司内部的人,先提前了解业务,也可以帮助后期优秀 offer 的决策。

  • 要勇于说不,对于某些 offer 待遇不满意、业务不喜欢,应该相信自己,不要因为当下没有更好的 offer 而投降,一份工作短则一年长则 N 年,为了幸福生活要慎重选择!!!

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

喜欢这篇文章文章的小伙伴们点赞+转发支持,你们的支持是我最大的动力!

初识 Node.js

在学习node.js之前必须要摆脱一个误区,node.js不是一门新语言,而是一门技术!

💥node.js官网 💥
💥node.js中文网💥

浏览器中javascript的运行环境

大家之前在学习js的时候可能只知道我们将js代码引入到html文件中,然后编译器进行编译后就可以在浏览器中打开了,然后我们就可以实现js效果了,但是我们并不明白其中的原理是什么。
在这里着重讲一下js代码实现原理是什么,在这里先引入一个概念 — 运行环境

运行环境是指代码正常运行所需要的必要环境,这样说大家可能不太清楚什么意思,我们举个例子:种子在发芽的过程中所需的必须环境有水、土壤、阳光、空气等等。对于我们代码来说,浏览器其实就是一个运行环境

众所周知,在每一个浏览器中如果想正常执行js代码必须要有解析引擎,其中在chrome(谷歌)浏览器中是通过v8解析引擎执行和解析js代码,与此同时执行js代码还离不开一些内置api,例如:DOM,BOM,AJAX等等

在这里插入图片描述
思考
javascript可以用来做后端开发?

大家都知道现在的后端开发的语言有java、python、php、go等等,但是并不代表着前端的js不能做后端开发,说到这里就引进来了我们的“新朋友”—node.js,我们的js代码运行到浏览器中可以进行前端web开发,但是我们可以把js代码运行到node.js中,这样的话我们就可以进行后端开发了,这不就实现了前端迈向全栈吗?想想就未来可期!

什么是node.js

node.js简介

Node.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine.
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时。

node.js中的js运行环境

在这里插入图片描述
大家看到这里别搞混了,这里的图解是node运行环境,而上边的图解是浏览器运行环境。

node.js可以做什么

node.js作为一个js的运行环境,仅仅提供了基础功能和api。然而基于node.js提供的这些基础后,很多强大的工具和框架如雨后春笋,层出不穷,所以当你学会了node.js,可以让前端程序员胜任更多的岗位和工作:

  • 基于 Express 框架 (opens new window),可以快速构建 Web 应用
  • 基于 Electron 框架 (opens new window),可以构建跨平台的桌面应用
  • 基于 restify 框架 (opens new window),可以快速构建 API 接口项目
  • 读写和操作数据库、创建实用的命令行工具辅助前端开发
  • 包括我们前端的一些主流框架vue、react等等
  • 我们平常使用的npm也是node.js
  • node.js可以让前端程序员拥有一定的后端开发能力,可以自己给自己设计接口

总之:node.js是大前端时代的“大宝剑”,有了node.js这个超级buff的加成,前端程序员的行业竞争力会越来越强!

node.js非常好学,只要你会js你就能学会js!

node.js的学习路径(只需三点)

javascript基础语法 + node.js内置api模块(fs、path、http等) + 第三方api模块(express、mysql等等)
注:fs是指系统文件的读写,path指用来处理路径的模块,http是指用来创建 web 服务器的模块。
只要你学会node,你就可以做你想做的任何事,只要你有想法你就去做!

安装node.js

node安装包可以从node.js官网首页直接下载,点击左边按钮,即可下载!

在这里插入图片描述

左边的版本(LTS)是长期稳定版,推荐大家安装这个!右边的版本是新特性尝新版,虽然这个版本有很多的新特性,但是它具有不稳定性,可能会出现隐藏的bug!
点击下载后,一路next就可以安装成功了!安装后打开黑窗口(window键+R键)输入cmd就可以打开了,随后在黑窗口输入node -v就可以检测node是否安装上,以及可以查看下载node的版本号!

在这里插入图片描述
我这里node是以前时候安装的,版本是老版本,现在有新版本,大家不必担心!

node.js执行js代码

我们使用vscod编译器来初步感受一下node
创建一个新文件1.js

react和vue的比较

相同
1)vitual dom
2)组件化
3)props,单一数据流

不同点
1)react是jsx和模板;(jsx可以进行更多的js逻辑和操作)
2)状态管理(react)
3)对象属性(vue)
4)vue:view——medol之间双向绑定
5)vue:组件之间的通信(props,callback,emit)

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

记+真实项目实战+最新讲解视频】](https://bbs.youkuaiyun.com/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

[外链图片转存中…(img-di9MNqq7-1715859544200)]

[外链图片转存中…(img-0TKHdNRZ-1715859544201)]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值