前端开发项目经验_项目管理体系包括哪些

前端开发项目经验_项目管理体系包括哪些前端开发传统的web开发管理端、H5/小程序、可视化、游戏等Node.js开发服务端接入层、构建工具、云服务等终端开发reactnative、flutter、electron等项目开发过程中涉及的系统涉及、方案调研、技术选型、性能优化、效能提升这些都是想通的这是怎样的一个项目?他遇到什么问题、存在着怎样的瓶颈?又需要怎么去解决?前端面试相关知识点前端常见的框架和工具库重要的是要知道各个框架的区别、掌握框架设计和实现原理Node.js和服务.

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

  • 前端开发
    • 传统的web开发
      • 管理端、H5/小程序、可视化、游戏等
    • Node.js开发
      • 服务端接入层、构建工具、云服务等
    • 终端开发
      • react native 、 flutter 、 electron等项目

开发过程中涉及的系统涉及、方案调研、技术选型、性能优化、效能提升这些都是想通的

这是怎样的一个项目?他遇到什么问题、存在着怎样的瓶颈?又需要怎么去解决?

前端面试相关知识点

  • 前端常见的框架和工具库
    • 重要的是要知道各个框架的区别、掌握框架设计和实现原理
  • Node.js和服务端
    • 和API相关,而在使用Node.js作为服务端的项目中,面试官更倾向于考察相关的方案选型和设计
  • 前端性能优化
    • 性能优化永远是开发者们的重要任务,和用户交互最密切的前端性能更是会影响用户去留的因素
  • 开发效率提升
  • 前端监控搭建
  • 前端工程化
    • 指使用工具自动化的完成一些以前需要开发手动解决的任务,一般来说涉及各式各样的构建/打包工具、脚手架、CI/CO和流水线的搭建、代码部署及灰度房补等过程的自动化

前端框架

  • 前端框架
    • vue中的双向绑定是怎么实现的?
    • 介绍下angular中的依赖注入
    • 讲讲react的资源调度设计
    • 讲讲对react hooks的理解,它的优缺点(useEffect的使用和上下文、setTimeout)
    • 谈谈你对前端常见的框架(angular、react、vue)的理解,他们之间有哪些区别
    • 该项目使用angular、react、vue的原因是什么
    • 如果现在你重新决策,你会使用什么框架
    • 你是否有了解过这些框架都做了哪些事情,介绍一下是怎么实现的
  • 其他前端工具库
    • 应用状态管理有哪些方案,mobx、redux、vuex等工具是怎样进行状态管理的
    • 单页应用是什么?如何进行seo优化?
    • 你实际使用过哪些第三方库?
    • 这些工具库有什么特性和优缺点?
  • 小程序相关
    • 小程序和H5有什么不一样,为什么选小程序而不是H5?
    • 有考虑在小程序里嵌用H5实现吗,为什么?
    • 为什么小程序的性能要好一些
    • 小程序开发有用到哪些框架?为什么

node.js方案选型和设计(更偏向后台内容)

  • 技术选型
    • 为什么要用node.js(而不是php/java/go/c++等),node.js适用于怎样的场景?
    • 如果作为服务端的接入层,node.js对比其他多项城的协诚语言有什么优劣势?
    • restful和graphql的关系和区别?
  • 应用场景
    • 如何解决高并发问题(春节红包、零点抢购等场景)
    • 如果作为中间件服务,node.js有哪些要注意的地方?

如果想要成为真正的全栈,不妨从最基础的计算机原理、编译原理、数据库设计等开始学起

Node.js与服务端

前端:对于单线程的web、浏览器机制、动态语言的缺陷和有事

Http协议、网络请求等掌握的很熟练

深入发展方向:包括大型页面的性能优化、页面功能模块的抽象与组织、数据与渲染的拆离、前端工程化的规范化与效率提升等

后台:本身更关注计算机资源、多进程、数据库等,需要熟练掌握高并发、队列、进程通信、十五、数据库索引等

性能问题

  • 空间性能问题:为内存占用、cpu占用、本地缓存占用过多带来的问题
  • 时间性能问题:用户等待时间过长,包括页面加载,渲染,可交互等耗时

前端性能优化

  • 前端通用性能优化
    • 页面有没有做什么柔性降级处理
    • 有做过性能优化相关的项目吗?具体的优化过程是怎样的/优化效果是怎样的
    • 常见的前端页面性能优化包括哪些内容
    • 如何理解项目的性能瓶颈/什么时候我们需要对一个项目进行优化
  • 具体的性能优化方案
    • 图片加载性能有哪些可以优化的地方
    • 要怎么做好代码分割、降低代码包大小可以有哪些方式
    • 首屏页面加载很慢,要怎么优化
    • 网络请求耗时较长,怎么进行定位和优化

以某个项目为出发点,从页面启动,请求资源,到解析数据,渲染页面,分析各个过程中哪些阶段耗时较大,然后针对性的进行优化

针对性优化方案

  • 首屏性能提速
    • 按需加载/懒加载/预加载
    • 秒看
    • ssr直出
    • 客户端容器化
    • 客户端离线化等
  • 网络请求优化
    • CDN优化
    • 缓存优化
    • 使用HTTP/2
    • 资源压缩
    • 请求优化(合并请求、域名拆分、减少DNS查询时间)等

前端工程化

  • 前端模块化
    • 为什么我们开发的时候要使用脚手架?
    • 如何理解模块化,commonjs/amd/umd/es6模块之间的区别是什么?
    • 为什么要使用webpack,他和Gulp、Rollup有什么不一样?
  • webpack
    • 讲一下webpack中常用的一些配置、Loader、插件?
    • Babel的作用是什么,如何选择合适的Babel版本?
    • webpack是怎么将多个文件打包成一个,依赖问题如何解决
    • 有写过webpack插件吗,webpack编译的过程具体是怎样的
  • 代码编译和构建
    • css文件打包过程中,如何避免css全局污染
    • 本地开发和代码打包的流程分别是怎样的
    • Tree Shaking是怎样的一个过程
  • 持续集成(continuous integration 简称CI),持续部署(continuous deployment,简称CD)
    • 怎么理解持续集成CI/CD,他们能解决什么问题?
    • 你们的项目有使用CI/CD?为什么
  • 自动化流程
    • 你们的代码有些单元测试/自动化测试吗,为什么?
    • 前端代码支持自动化发布吗,如何做到的
    • 生产环境的代码如何支持灰度发布和快速回滚?
    • 在搭建自动化、流程化的过程需要投入不少人力,在业务进度统一吃力的场景下,怎么平衡人力投入问题
  • 代码规范
    • 怎么强制进行 code review
    • 有遇到代码习惯差异的问题吗,如何解决
    • 有哪些常用的代码校验工具
    • 代码有使用eslint、prettier这些工具吗,谈谈对这些工具的看法
  • 开发流程
    • 多人开发过程中,代码冲突如何解决?
    • 项目中有使用git吗。介绍一下git flow流程
    • 如果项目频繁交接,如何提升开发效率

前端监控(坚决问题点:如何及时发现问题,如何快速定位并解决问题)

涉及页面的整体访问情况、页面的性能情况、用户问题反馈、监控和告警能力等

  • 数据上报
    • 发生异常,要怎么快速定位到具体位置
    • 业界常见的埋点方案包括哪些
    • 页面数据如何进行合理的上报,而不影响核心功能
  • 实时监控
    • 日常开发过程中,怎么保证页面质量
    • 版本发布有进行灰度吗?灰度的过程是怎样的
    • 版本发布过程中,如何及时的发现问题,需要关注哪些数据
    • 如何观察线上代码的运行质量

以实战来学习java,希望每个从我这边都有收获,有需要的同学加扣扣群:646410846,一起学习,共同进步~

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/179486.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 3 InetAddress

    3 InetAddressInetAddress的使用

  • bat命令编写大全

    bat命令编写大全1echo和@ @           #关闭单行回显 echooff       #从下一行开始关闭回显 @echooff       #从本行开始关闭回显。一般批处理第一行都是这个 echoon        #从下一行开始打开回显 

  • MFC控件 — 进度条【案例】「建议收藏」

    MFC控件 — 进度条【案例】「建议收藏」打开游戏或者其他一些软件时,时常会看到刚开始时有一个进度条在加载,有点酷炫的感觉。对于MFC进度条的使用,下面用一个案例介绍一下。案例:进度条单步加载和自动连续加载步骤:1.按下图在对话框中添加一个进度条,一个编辑框,和3个按钮,并为进度条添加一个控件变量进度条变量:m_Progress2.在初始化函数中对进度条进行初始化,代码如下:BOOLCSpinDlg::OnInitDia…

  • NOIP2011计算系数详解[通俗易懂]

    NOIP2011计算系数详解[通俗易懂]原题见洛谷(https://www.luogu.org/problem/show?pid=1313)想看稍微简单点的就是NOIP2016的组合数问题,小飞机~(http://blog.csdn.net/a1351937368/article/details/76907902)先说一下这道题需要用到:组合数(杨辉三角),乘方做这道题的感受:题目中说(by+ax)^k,而输入顺序是先a后b搞

  • window查找被占用端口[通俗易懂]

    window查找被占用端口[通俗易懂]1.cmd查询使用的端口号是否被占用:netstat-aon|findstr”8082″按回车显示占用8088端口对应的程序的PID号;2.根据PID号找到对应的程序:继续输入命令:tasklist|findstr”3850″按回车后显示出占用该端口的程序;3.按快捷键“Ctrl+Shift+Esc”调出Windows任务管理器,根据PID/程序对应名称结束该程序进程即可。4.重新编译项目即可。…

  • navicat激活码最新【2021.8最新】

    (navicat激活码最新)JetBrains旗下有多款编译器工具(如:IntelliJ、WebStorm、PyCharm等)在各编程领域几乎都占据了垄断地位。建立在开源IntelliJ平台之上,过去15年以来,JetBrains一直在不断发展和完善这个平台。这个平台可以针对您的开发工作流进行微调并且能够提供…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号