一些系统性的知识笔记看这里:记录点新知识

# 2024-05-27

入职第一天,心情算是比较好 —— 人生第一次真正的见到大场面,哪能不激动呢?

上午进入公司,进行了比较简短的欢迎会,领了一台 MacBook Pro,进行一系列公司账号、邮箱等等东西的设置。

然后一整天就几乎都是在折腾我的这台 Mac。这是我人生第一次用 Mac,要不是为了工作,我真的很想一口气把这台电脑给掰成两半。创建一个 .md 文件,居然得用终端 touch xxx.md 来新建文件。

不过最终,还是在下班之前将一系列的环境给配置完毕,而且搭建好了外网环境,用 google 同步了一下设置,最后还算好。

然后就是一直在读文档,不得不说大厂的文档是真的完善又齐全 —— 蔚来的前端团队是真的很强大。这家公司所有的数据统计以及一些集散平台,全都是由前端团队统一进行开发。并且他们还开发了一个用于一键部署、发布、测试项目的一个平台,令我叹为观止。

稍微拍了几张:

IMG_20240528_124703

IMG_20240528_123819

IMG_20240528_085603

IMG_20240527_164437

嗯,既然来到了这里,那就不得不好好努力了呀!!

# 2024-05-28

今天还是照样看文档 + 摸鱼,写了一篇之前一直想写但是没空写的文章。

然后就是利用他们的开发平台创建了几个前端项目,看了一下他们前端开发一般的代码风格以及目录结构。

# Fx 平台相关

简单记录一下利用 fx 平台进行开发的一般流程:

  1. 首先创建新项目,在 “应用管理” 页面点击右上角的 “新建应用”;
  2. 填写新建应用的表单,选择相应的配置好的前端应用模板以及 git 地址配置后填写基本信息,之后便可点击创建;
  3. 创建之后,便可以在 “应用管理” 页面中找到你创建的应用,点击进入之后可以查看这个项目的详细信息,包括仓库地址、环境信息、迭代管理等;
  4. 当你要正式的对这个项目进行上手开发的时候,需要新建一个迭代。 在应用概览界面中,点击右上角的 “新建迭代” 按钮。点击之后,要填写这个迭代相关的信息表单,确定后会自动的在这个项目的 gitlab 仓库中新建一个对应的分支。之后你如果要开发新功能,就要在这个新创建好的分支上进行开发,对应到本地就是得先把这个分支拉到本地再进行开发,之后 commit
  5. 开发完成后,你需要进行提交,提交了之后就可以在 fx 平台上的迭代详情观察流水线的动向。你不用手动的去操作任何一个 pr ,全都交给这个 fx 平台,用户所要做的只是开发、提交代码、鼠标点点点。
  6. 迭代进行到最后一步,就意味着你的这个迭代开发完成,正式上线了。不过这之后怎么处理这个迭代没跟我说(笑)。

还有就是一些新的知识: ZrenderKonva

Zrender 和 Konva 都是用于处理图形和图像绘制的 JavaScript 库,它们主要用于创建和操作矢量图形和其他图像元素。

# Zrender

Zrender 是一个轻量级的 HTML5 Canvas 库,主要用于构建 2D 绘图应用。它是 ECharts(一个流行的数据可视化库)的基础渲染库。Zrender 支持 Canvas 和 SVG 渲染方式,具有高性能和跨平台的特点。

主要特点:

  1. 高性能: 针对大数据量渲染进行了优化。
  2. 丰富的图形支持: 包括基本的几何形状、贝塞尔曲线、渐变填充等。
  3. 事件系统: 支持鼠标和触摸事件,便于开发交互性强的应用。
  4. 跨平台: 支持 Canvas 和 SVG 渲染,可以在不同环境下使用。

适用场景:

  • 大数据量的图表渲染
  • 需要高度自定义的图形绘制
  • 高性能的 2D 游戏开发

# Konva

Konva 是一个用于 2D Canvas 绘图的 JavaScript 库,专注于提供高性能和便捷的 API。它非常适合用于创建复杂的动画和交互效果。Konva 也支持将绘制的内容导出为图片或者 SVG。

主要特点:

  1. 易用的 API: 提供了简洁直观的 API,便于快速上手和开发。
  2. 高性能: 对性能进行了优化,适合复杂的动画和交互。
  3. 支持多种形状和图像处理: 提供了丰富的图形处理能力,包括滤镜、变换等。
  4. 事件处理: 支持事件绑定和处理,便于开发交互应用。

适用场景:

  • 复杂的动画和交互效果
  • 可视化编辑器
  • 需要导出图形内容为图片或 SVG 的应用

# 总结

  • Zrender 适合需要高性能渲染和大数据量处理的场景,尤其是在数据可视化领域。
  • Konva 更加专注于复杂动画和交互的实现,适合用于创建富交互性的 2D 应用。

# 其他

看了一些公司的其他文档,短短两天之内吸收了太多的信息还没来得及消化。等待明天给我派点活做做吧。

不过有一点想稍微吐槽一下,我知道这边公司比较大,emmm,但也不至于对实习生全面采取放养政策吧...?感觉这两天全都是我一个人在摸索,也没有一个人带我,给我稍微的讲解一下流程??可能日常实习生就是这样的待遇吧(哭)

明天继续加油!!

# 2024-05-29

今天算是接到了第一个活 —— 给公司的一款前端平台做监控埋点的操作。

emmm,这个活虽然一开始听起来感觉比较麻烦,毕竟是牵扯到埋点和监控的技术栈,结果看过文档后发现蔚来内部已经自己封装好了一套埋点的方案,你只需要看文档,在合适的地方调用这个函数,传几个关键的参数即可完成记录。还算是比较轻松的。

于是,这个活到最后就变成了非常单纯的体力活 —— 总共要埋差不多 60 个点。

emmm,而且其中我发现了项目中的一些不合理的地方,也提出了一些建议,感觉我 view 代码的速度还是挺快的。

要不是这沟槽的 mac,我估计今天就已经可以把活干完了。

明天继续记点东西吧,今天得先休息了,刚把房间给重新布置好。稍微展示一下吧:

稍微展示一下

下面的布线还是有点乱,等我之后收拾一下~~

嗯,那就先这样。