vue入门002~vue项目的两种创建方式，2024年最新腾讯前端面经

用户33914928060
29 阅读5分钟

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请求中间件如何处理并发

开源分享：docs.qq.com/doc/DSmRnRG…

一，使用命令行的方式创建vue项目

===============================================================================

  • 1，桌面创建一个空文件夹，如vue0117

    image.png

进入这个文件夹，然后在顶部地址栏，输入cmd，然后回车键即可快速的打开dos命令行，并且定位到当前目录。

image.png

  • 2，然后执行下面命令行，安装vue-cli。

npm install -g vue-cli

等待安装

image.png

安装完成如下，这里显示vue-cli的版本号，即代表安装完成

image.png

  • 3，使用webpack模板创建一个vue项目

vue init webpack my-project

如项目名为vue001

image.png

在出现下面几个询问项时，直接按照箭头所示的操作即可

image.png

下载项目所需类库

image.png

项目创建完成后，如下

image.png

  • 4，cd vue001进入项目目录

    image.png

  • 5，执行 npm install 下载所需类库 下载中

    image.png

下载完成

image.png

  • 6，使用webstorm打开项目，点击file，然后点击open

    image.png

导入刚才创建的vue项目

image.png

  • 7，运行项目

    image.png

image.png

项目运行成功后，在浏览器里打开下面链接

image.png

image.png

到这里就代表项目成功的创建并运行了。

二，使用webstorm一键创建vue项目

===================================================================================

  • 1，点击file，然后new，然后点击project

    image.png

  • 2，构建项目

    image.png

image.png

TCP协议

  • TCP 和 UDP 的区别？
  • TCP 三次握手的过程？
  • 为什么是三次而不是两次、四次？
  • 三次握手过程中可以携带数据么？
  • 说说 TCP 四次挥手的过程
  • 为什么是四次挥手而不是三次？
  • 半连接队列和 SYN Flood 攻击的关系
  • 如何应对 SYN Flood 攻击？
  • 介绍一下 TCP 报文头部的字段
  • TCP 快速打开的原理(TFO)
  • 说说TCP报文中时间戳的作用？
  • TCP 的超时重传时间是如何计算的？
  • TCP 的流量控制
  • TCP 的拥塞控制
  • 说说 Nagle 算法和延迟确认？
  • 如何理解 TCP 的 keep-alive？

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

浏览器篇

  • 浏览器缓存?
  • 说一说浏览器的本地存储？各自优劣如何？
  • 说一说从输入URL到页面呈现发生了什么？
  • 谈谈你对重绘和回流的理解
  • XSS攻击
  • CSRF攻击
  • HTTPS为什么让数据传输更安全？
  • 实现事件的防抖和节流？
  • 实现图片懒加载？

avatar
文章
阅读
粉丝