【前端】刚入职如何上手一个项目简介

流程:

搭配环境:

  1. 把vscode编辑器一些插件安装好,具体有:vscode前端开发必备插件
  2. 英语不是很好的同学推荐安装一个翻译软件:如有道字典什么的
  3. 截图工具推荐:Snipaste
  4. git 工具提前安装好,安装教程:git安装图文教程
  5. 问一下公司项目开发是在远程服务器上,还是本地开发,如果是在远程服务器上,则需要配置vscode,具体配置因公司而异,可以问下组长
  6. 跟对方确认一下,项目中使用的库是自己公司的镜像还是公共镜像,是否需要切换npm镜像源

熟悉项目:

  1. 先把代码仓库拉下拉,安装好依赖,一般是npm install
  2. 查看项目中的 README.md 文档,里面会有该项目的介绍和构建发布流程
  3. 查看 package.json 文档,了解该项目用了哪些插件或组件库
  4. 然后试着先把项目跑起来,这时候你就成功一半了
  5. 先熟悉一下项目中的文件夹的名字,你得先知道每个文件夹里放的是啥东西
  6. 在熟悉每个目录中的文件的名字,目的是为了知道每个文件是干啥的
  7. 打开文件(抽选几个)稍微过一下里面的代码,掌握上一个开发者的套路
  8. 运行代码后,了解项目有哪些功能模块,对应的是哪个文件夹,如果领导让你去实现修改之前的代码,你得知道你应该改哪个文件
  9. 将项目的功能模块与代码产生关联,可以试着去修改一些文案信息,看看页面中文案是否改变
  10. 根据自己的执行结果去判断,要知道怎么调试及确认自己做的是否正确

扩展文档:

  1. 遇到不懂的新知识怎么办,可以去看官方文档(优先推荐)
  2. git 命令不会的可以看这个:git 日常操作流程
  3. npm 操作不会的可以看这个:npm 常规操作手册
  4. vscode 终端命令可以看这个:Linux 常规命令手册
  • 8
    点赞
  • 53
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 6
    评论
Web前端设计是一门将用户交互、网页设计和编码技术融合在一起的学科,更多的时候是通过一个综合项目来展示我们已经掌握了这门学科的知识和技术。在Web前端设计期末考试中,我们可能会被分配一个项目,大致会包括以下内容: 1. 需求分析和UI设计:在项目开始前,我们需要先了解项目的价值和目标,了解用户需求,面对项目进行分类、规划和获得相关的业务材料。我们要细心地处理UI设计,为用户提供合适的可视化体验,包括图形、颜色、排版、字体和图标等。 2. HTML编码:我们需要用HTML5语言创建Web页面,内容包括HTML、CSS和JavaScript样式,确保页面简洁、轻量、易于使用和用户响应。 3. CSS设计:我们要掌握CSS编码,并理解“分层、继承和改变”的基本原则。我们需要准确地处理样式表,确保其正确地处理CSS,实现正确的页面显示和交互效果。 4. JavaScript编码: 我们需要利用JavaScript或其他编程语言,编写实际可行的应用程序,使得用户能够透过页面与其中的数据进行交互。 我们需要理解更高级的设计概念和基本技术,如访问数据、控制流程等。 5. 测试和维护:最后,我们需要进行端到端的测试,确保程序以最优的方式运行,我们需要及时修复系统中发现的漏洞和错误,以及持续的进行性能优化。同时通过一系列的流程获得幸福体验和得到用户喜欢的最终形态。 以上正是一份完整的Web前端设计项目,当然也有可能会涉及到一些其它的内容,像图片的压缩、跨浏览器测试还有其他的功能设计等。无论如何,我们需要保证各项技术和知识点的准确性,理解并现实了设计思想和理念,在项目中表现出色。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一颗不甘坠落的流星

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值