前端 - 实习两个星期总结

2023-10-27

今天已经是菜鸟实习的第二个星期了,怎么说呢,反正就是进的一个不大不小的厂,做着不难不易的事,菜鸟现在主要做的就是适配!现在就来总结一下,不过这之前,菜鸟不得不吐槽一波!

吐槽

1、菜鸟进的是一家国有控股的公司,应该也算是国企了,里面干的事都要保密,干活只能那边干,回家进都进不去系统,所以就可以理所当然星期三加班?而且就给我们一餐饭钱(19块),看不起谁呢?

2、一摸一样样式的界面,可以写出3、4套不一样的代码,是脑子长屁股里了?而且明明就封装了,结果还是能写成不一样的,离谱!

3、很多界面都是固定宽高+直接定位,你是没学过适配?没学过%?

4、 文件抽离了,却没用,是脑子不好使忘了?还是直接抄的别人的项目?

总结

现在步入正题,冲冲冲!!!

新人建议

菜鸟一进公司,带我的是一个项目主管(前后端都会),让我直接开始看项目的前端代码,菜鸟是抱着有人带的想法的,所以一开始就随便看看,没有仔细的去阅读代码,然后还去项目的测试平台上自己找自己感觉可以改的bug改,以为自己可以胜任,结果就是每天摸鱼,自己搞代码,但是其实根本不让我提交,项目主管也没管我,也没人带我。

注意:

其实大部分公司都没人带,要做好心理准备,而且在同一个公司也因人而已,比如:我旁边的实习生,是老师带过来的,然后带他的是个小姐姐,每次做东西啥的还是会给他讲得很清楚的!不能说不羡慕,但是运气不好只能自己解决!

直到第四天,菜鸟感觉这样实在是无聊,而且也没有什么作用,所以决定自己去把项目整个看一下,然后才开始慢慢的去整理项目的目录结构,去搞懂每一个文件是干什么的,并且做好笔记。

注意:

公司里最好每次做事都用文档记录一下,记得当时主管让我改细微bug的时候,我说我写了文档,明显感觉到他顿了一下,表示有点震惊,然后就让我把文档发群里去了!

这里菜鸟说的搞懂每一个文件不是说一行代码一行代码的去看,一个大的项目不可能一下被你看懂的,而是搞清楚整体的逻辑,大致只需要看:每个文件夹大致是干什么的,提取出来的文件是干什么的,以及看package.json去了解项目运用了什么技术。这样今后就知道什么错误应该去看什么技术,然后还能从提取的文件中看到一些新的知识。

注意:

这里有一些不要太过于关注的文件,比如:

  1. public 或者 src/assets 里面的img文件夹,毕竟只是放图片的,而且图片非常多,难不成你还要去看看每个图片长什么样子?
  2. component 和 views 文件夹,这些就是组件和页面的文件,基本上这个阶段不需要看,因为都是细节的东西,而且基本上前期修改也只是修改界面,只需要通过 路由/vuedevtools 找到对应的页面就好了,然后改的时候时不时注意一下里面的逻辑

大致完成上面的工作,其实就差不多可以进入项目了,注意不会的要么记录下来,自己改简单bug的时候注意一下,说不定就找到突破口了,要么自己问一下(有人带的话),特别注意的文件就是 store,因为里面会是很重要的全局变量!

注意:

别人都说路由很重要,但是这个项目我着实没看出来路由哪里重要了,因为这个公司自己重写了router,而且只有一些无权限直接访问的界面才会在routers中注册!

总而言之,菜鸟之前是做过这些东西,所以感觉技术没什么难点,就感觉每天没有新的知识进入脑子就很空虚,哈哈哈!

注意:

一定要使用VS Code的全局搜索,真的在改代码和看懂逻辑的时候极其有帮助!

项目学习到的

1、知道在window上面挂载上一些全局变量,通过window.xxxx,这里比较重要的就是按钮权限可以通过这个设置!

2、echarts一般将其封装到单独的js文件导出,echarts也可以单独做一层封装(一般三个参数:id,echarts名称,是否重新渲染;里面也要对屏幕变化进行判断重新渲染;折线图注意setoption的第二个参数),取消第三方依赖。适配的时候,建议命名规范echarts_XXX,以免重复命名(这次就遇见了),可以通过屏幕宽度操作js对一些容器 添加/取消 最小 高度/宽度,如果命名重复,js没有像css的scoped的作用域限制,会有影响,这里建议直接使用ref,并且可以对echarts的一些属性可以这里进行设置(一般是:提示框显示位置),会覆盖先设置好的!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

前端 - 实习两个星期总结 的相关文章

  • Java-Web项目总结

    使用jetbrain的idea创建Java Web项目 链接地址 xff1a http www omegaxyz com 2018 10 04 intellij idea java web Java MVC模式概述 链接地址 xff1a h
  • 金蝶部署SpringBoot+vue项目总结

    金蝶部署SpringBoot 43 vue项目文章目录 文章目录 金蝶部署SpringBoot 43 vue项目文章目录前言一 金蝶部署中两个重要概念1 域2 应用基础上下文 二 部署准备1 前后台打包2 部署过程3 部署成功后的注意事项
  • 《酒店管理系统》项目总结

    一 项目模块 二 业务流程图 三 业务流程功能实现 1 首先客人接待 xff1a 实时房态图 xff0c 可以直观的显示出所有客房的状态 2 客人预定 xff1a 根据客人的基本资料做预订 xff0c 在房态图上的客房添加一个预定的标识 3
  • vue项目总结,项目期间遇到的问题、难点等。【暂停更新】

    近期一直在做一个xxx中心的项目 xff0c 先来吐槽下内心的想法 xff0c 要开发的项目需求很不明确 xff0c 需求两周两周的更改 xff0c 感觉每天并没有特别多实际的产出 xff0c 总是感觉有点儿浪费时间 虽然这样 xff0c
  • 【谷粒学院】项目总结

    做谷粒学院这个项目大概花了2个多月的时间 xff0c 期间遇到了很多问题 xff0c 想要记录下来 xff0c 希望可以对别人有所帮助 首先谷粒学院项目我是不太推荐时间紧张的友友拿来做为毕设项目的 xff0c 原因是里面涉及到的技术 服务很
  • MTK项目总结

    一 sensor路径 vendor mediateck propri sensor校准 xff1a 加速度校准 adb shell 34 echo 1 gt sys bus platform drivers gsensor test cal
  • 使用正则去掉html标签

    在开发项目的时候 会有去掉html标签只提取文字内容的情况 在此做个记录 以免之后找不到 1 匹配 lt 开始 gt 结束的全局正则 var regex lt gt gt ig 2 body内部的p标签 body p 我是文本内容 p 3
  • python十个实战项目

    python项目练习一 即时标记 python项目练习二 画幅好画 python项目练习三 万能的XML python项目练习四 新闻聚合 python项目练习五 虚拟茶话会 python项目练习六 使用CGI进行远程编辑 python项目
  • 前端 - 实习两个星期总结

    文章目录 吐槽 总结 新人建议 项目学习到的 今天已经是菜鸟实习的第二个星期了 怎么说呢 反正就是进的一个不大不小的厂 做着不难不易的事 菜鸟现在主要做的就是适配 现在就来总结一下 不过这之前 菜鸟不得不吐槽一波 吐槽 1 菜鸟进的是一家国
  • CSS重构

    1 重构和架构 重构是指在不改变代码行为的前提下 重写代码 使其更加简洁 易于复用 架构是指软件项目的各个不同部件之间的组合方式 优秀的架构 可预测 可以对软件的工作方式和结构做出准确的假设 可复用 在多处使用同一代码 无需重写 可扩展 比
  • TS如何解决属性在另一个类型中不存在的问题?

    先来看一个例子 export interface Cat coatColor string 毛色 varieties string 品种 weight number 体重 meow gt void 喵喵叫 export interface
  • three.js---一个基础的demo

    在学习three js过程中 不难发现 每新开发一个3D场景都会从创建场景 scene 创建物体 创建相机这三个基础的方法开始 从而在其身上衍生出其他的一些API 为了方便日后的开发 特此记录一个简单基础的demo 在之后的开发中可直接使用
  • 电子银行业务分析系统—项目总结

    电子银行业务分析系统 项目总结 1 2 1 项目概况 XXX银行业务分析系统 是为建行XXXX分行电子银行部开发的综合性业务数据分析系统 其主要基于分行ODSB数据作为数据源 主要包括CCBS 中国建设银行新一代柜面业务系统 和ECTIP
  • 项目问题总结

    1 android studio 导入开源项目源码时要注意与自己包的冲突 比如 你有一个com xxxx的包 而需要导入的是com xx yy 你就不能把整个包复制过来 否则会报can t resolve symbil 因为它根据com会到
  • vue 设置提示 @ 路径 和 ~@ 路径

    菜鸟最近用公司的电脑开发 结果发现之前有的路径提示全没了 感觉非常难受 然后去插件一看才发现 好像是菜鸟自己不小心把这个插件给删了 有点难受 但是安装了这插件还是有点不好用 就是感觉每次使用了 vue 的 或者 开头的路径时 总是没有提示
  • 谷粒学院学习总结

    目录 项目模块说明 项目功能点 一 后台管理系统功能 1 登录注册功能 2 权限管理功能 3 讲师管理模块 4 课程分类模块 5 课程管理模块 6 统计分析模块 7 Canal数据同步 8 GateWay网关 9 首页Banner模块 待做
  • Unable to resolve host : No address associated with hostname

    一般形如 Unable to resolve host www xxxx com No address associated with hostname 碰到这个问题是在android系统中 检测如下几点 1 浏览器使用了proxy 但是你
  • 电商项目完成的BUG调查原因和解决方案

    这是我来到浙大网新恒天后 第一个完成的项目 在完成项目后 我总结了那些自己感觉重要的BUG 第一项目为电商项目 1 BUG系列一 界面销毁时 未关闭广播 dialog等 崩溃 Bug现象 Bug 85778 同一个账号 两部手机登陆 第一个
  • 项目总结之angular4.0中的@viewchild,@Input,@Output

    在项目中遇到了这样一个问题 父页面中需要操作子组件里面的方法 这个时候需要怎么做呢 项目是由ionic3 0和angular4 0构成的 代码如下 child的html页面如下 div class child div class child
  • ag-grid基本配置

    columnDefs headerName 序号 必填 显示在表头的文本 width 50 宽度 minWidth 300 最小宽度 多数情况是在自适应时 设置使用 maxWidth 300 最大宽度 多数情况是在自适应时 设置使用 cel

随机推荐

  • iOS开发-ScrollView图片缩放

    智能手机一般常用常用的操作触摸 滑动 缩放 感觉对于生活而言就是手机在手 天下我有 看网页的时候字体太小 缩放一下 看美女的看的不爽 缩放一下 地图看的不清 缩放一下 缩放是一个很常见的操作 不论是从生活还是写程序而言 都是一个绕不开的东西
  • 数字IC手撕代码-乐鑫科技笔试真题(4倍频)

    前言 本专栏旨在记录高频笔面试手撕代码题 以备数字前端秋招 本专栏所有文章提供原理分析 代码及波形 所有代码均经过本人验证 目录如下 1 数字IC手撕代码 分频器 任意偶数分频 2 数字IC手撕代码 分频器 任意奇数分频 3 数字IC手撕代
  • idea报错:fatal: –author ‘user@mail.com’ is not ‘Name ’ and matches no existing author

    需求阐述 在本地项目上传到gitlab时 到了Commit Directory这一步 控制台报错 fatal author user mail com is not Name and matches no existing author 解
  • 代码:如何在 C# 中实现将大型 Excel 文件导出为 CSV ?

    在本主题中 我们将介绍如何在 C 中将大型 Excel 文件导出为CSV的问题 下面给出的在 C 应用程序中以编程方式将 Excel 文件转换为 CSV 格式的步骤以及简单易行的代码将为您提供所需的解决方案 开发人员在处理像XLSX或XLS
  • Python request-html cv2获取网络图片【canvas base64图片】

    测试网站 http www porters vip captcha clicks html import cv2 import base64 import numpy as np import nest asyncio nest async
  • 电子设计大赛需要具备的知识

    具体的说 有 一 基础知识1 电路原理2 数字电路3 模拟电路 重点 4 元器件的简介二 软件方面 总体编程能力 1 单片机基础与编程 重点 单片机内部结构与工作原理 单片机接口电路 单片机程序设计 单片机开发系统 51系列或AVR单片机
  • 【转】Stephen Wolfram写的乔布斯的回忆录

    无意间在微博上看到Stephen Wolfram也写了回忆Jobs的博客 感觉这个人的名字是相当熟悉 后来看到Mathematica这个软件的名字时就感到非常亲切了 这款软件是以前用过的一款非常强大的数学工具软件 可以解决公式计算 解方程组
  • 产品命名规则(自用)

    产品命名规则 自用 产品id命名规则 共8 型号 3 relay类型 1 计量计类型 1 最大值 1 阶段 1 注 型号 根据产品形态定义 如smartplus 可以定义成sp1 sp是smartplus缩写 1是序号 如果有相同类型 sp
  • 在STM32上创建一个自己的操作系统

    参考文章 http www cnblogs com ansersion p 4328800 html 上面是我的微信和QQ群 欢迎新朋友的加入 之前看了蛮多帖子 不过苦于自己对着基本上是门外汉 基本上只明白个大概 幸亏找到一个分享源码的帖子
  • 阅读resyschina推荐引擎文章感受一

    1 推荐目的在于帮助用户做决策 买到更合适的东西 而促销的目的在于销售商品 2 推荐帮助用户找到感兴趣但是没有想到的东西serendipity 惊喜 3 首页上位置对系统的结果有重大影响 4 推荐系统和搜索的区别在于 推荐系统不需要用户进行
  • YOLO项目服务器配置及云硬盘挂载问题

    资源包配置 首先便是conda虚拟环境创建了 这里我们便不一一赘述了 大家可以参考博主先前的文章 然后就是pytorch的安装了 这里可以使用conda命令或者是pip命令 首先是conda命令 博主在第一个服务器时的安装方式就是这个 很正
  • 关于硬件问题造成的MCU死机,过来人简单的谈一谈

    关于MCU死机问题 近期小编在出差期间遇到多起 且原因不同 所以 今日小白借此机会讲一讲因硬件问题造成的MCU死机 MCU不良 在遇到死机问题时 已经可以判定是硬件原因造成的前提下 大多人的选择是交叉验证MCU 先判定是否是MCU单体不良造
  • 软考-嵌入式系统设计师-笔记:嵌入式系统的项目开发与维护

    文章目录 系统开发过程及其项目管理 过程模型 过程评估 软件能力成熟度模型 CMM 能力成熟度模型集成 CMMI 工具与环境 ISO ICE 25010系统和软件质量模型 系统分析知识 系统设计知识 系统设计概述 结构化设计 面向对象设计
  • 接口的静态方法

    静态接口方法 从java开始 接口当中允许使用静态方法 public static 返回值类型 方法名称 参数列表 方法体 提示 就是将abstract或者default换成static即可 带上方法体 方法样式 public interf
  • 老版本的 mybatis-generator 使用示例

    文章目录 main 入口 generatorConfig xml log4j properties main 入口 import java io File import java util ArrayList import java uti
  • c++返回数组引用的函数(4种方法)

    分享返回数组引用的4种方法 普通法 类型别名 尾置返回类型 decltype include
  • CSS层叠上下文

    在学习z index属性的时候 限制了能够使用z index属性的元素 那么为什么有的元素能够使用z index 因为他创建了一个层叠上下文 对于这个词的理解首先要理解上下文 上下文这个名词的出现有很多地方 块级格式上下文 执行上下文 在不
  • 【转载】VC常用小技巧(2)

    项目 如何干净的删除一个类 1 先删除项目中对应的 h和 cpp文件 选中后用 Delete键删除 2 保存后退出项目 到文件夹中删除实际的 h和 cpp文件 3 删除 clw文件 4 重新进入项目 进行全部重建 rebuild all 如
  • 批处理常用命令及用法

    2019独角兽企业重金招聘Python工程师标准 gt gt gt 批处理常用命令及用法大全 阅读本文需要一定的dos基础概念 象 盘符 文件 目录 文件夹 子目录 根目录 当前目录每个命令的完整说明请加 参数参考微软的帮助文档可以看到 在
  • 前端 - 实习两个星期总结

    文章目录 吐槽 总结 新人建议 项目学习到的 今天已经是菜鸟实习的第二个星期了 怎么说呢 反正就是进的一个不大不小的厂 做着不难不易的事 菜鸟现在主要做的就是适配 现在就来总结一下 不过这之前 菜鸟不得不吐槽一波 吐槽 1 菜鸟进的是一家国