blog
blog copied to clipboard
xuya227939
💡 技术博客
1. 主动优化的事（追求卓越，意志坚定） 当时的背景是我们要做一款 ToB SaaS 类的产品，我是这个项目的核心前端开发工程师，我拿到第一版的原型和设计的时候，觉得整个 PC 版有多个页面可以做成低代码的形式，来降低前端人员的人力成本投入，也就是降本增效，当时把我的想法跟产品经理还有老板聊了聊，他们表示支持，而且他们也老早就有这个想法了，所以当时我主动去推进了这么一件事，和后端还有产品，梳理了业务上的需求以及数据结构的定义，后面花了大概两周左右的时间完成到上线，在经过多次的迭代和优化，哪几个页面，基本上不需要前端人力资源的投入，使前端人力资源大大的解放出来了！ 2. 性能优化上的事（自我认知，产品思维） 最近的一次经历是碰到了小程序性能优化上的问题，当时的背景是客户使用我们的产品，我们的产品有 PC 端和微信小程序端，同时进行大概 30+ 人以上同时进行音视频通话，客户在使用我们的产品过程中，我们的产品在小程序上崩溃掉了，当时客户在群里反馈了这个问题，我当时作为该项目的负责人，看到群里的消息，第一时间很重视，并立马去排查，当时排查下来可能的原因： - 拉取全部人的视频流，存在界面卡顿 - 业务逻辑太过于复杂，可能也会导致性能问题 针对第一个个问题，所有人的视频流不再全部获取，而是只显示四路视频流，其他人员要显示，在成员列表进行切换显示 针对第二个问题，重点⼯作中花费精⼒最多的是模块化解耦的重构、我简单说下背景。因为之前我们代码共建的、 但是因为客户这边定制化的需求有很多，并且不是那么简单的能⽤抽象的⽅式把这些⾮通⽤功能的功能实现的、所以我们想出来的⽅案是：把⼩程序代码⾥划分重点模块，把每个模块都做成可插拔的，这样我们只 需要把差异化很多的部分抽出来完全独⽴交给⾃⼰开发即可。同时这个⽅案实现好后，如果后续我们要开发新形态的应⽤，可以通过实现模块的⽅式实现⼀套新的应⽤形态 这些优化工作总共时间大概花了两周左右的时间，完成之后，目前我们的产品能够支持到 20+ 人同时进行音视频，这块实际测试过。对我们的产品稳定性越来越好！ 3. 如何帮助他人，实现我在团队中的价值（心怀热爱，创新能力） 大概在 2019...
## 掌学 ### 一面 自我介绍 1. 讲讲项目中如何减少 Webpack 打包体积 2. JS 有哪些基本数据类型 Undefined、Null、Boolean、Number 和 String、Object - 通过什么方式可以判断出 Object 和 Array（引申到 instanceof 的源码实现） - Object.prototype.toString.call 为什么是 Object.prototype 而不是 Object.toString.call 首先你要明白 Object...
1. 薪资结构？ 月薪多少，年薪多少，年终奖多少，绩效奖（次数，各级比例，大概数额）？总包？ 2. 我的定级多少？ 3. 能否有落户条件？ 4. 职业生涯上升空间和贵司的业务成长如何？ 5. 团队氛围如何，团队成员是否年轻化？ 6. 公积金的基数和比例，社保是否全额缴纳，是否有补充公积金和商业医疗保险？ 7. 前端技术挑战性是否有难度？ 8. 上下班时间？午休时间？ 9. 晚上打车有补贴吗？房补，餐补，全勤奖？ 10. 晋升机制？普调机制？一年几次？ 11. 我的直接汇报对象是谁？ 12. 公司技术团队的架构和人员组成？ 团队里的初级和高级工程师大概是多少（有计划改变吗？） 13. 公司的 IT 部门处于什么地位？...
Bumps [@types/node](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/node) from 20.11.24 to 20.12.5. Commits See full diff in compare view [](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) Dependabot will resolve any conflicts with this PR as long as you don't alter...
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot] avatar"){kind=avatar}
Bumps [@unocss/reset](https://github.com/unocss/unocss) from 0.58.5 to 0.59.0. Release notes Sourced from @unocss/reset's releases. v0.59.0 🚨 Breaking Changes Move to ESM-only and fix package exports - by @kwaa, @userquin, @antfu, Chris and...
Bumps [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) from 5.1.4 to 5.2.8. Release notes Sourced from vite's releases. [email protected] Please refer to CHANGELOG.md for details. [email protected] Please refer to CHANGELOG.md for details. [email protected] Please refer to...
Bumps [astro](https://github.com/withastro/astro/tree/HEAD/packages/astro) from 4.5.9 to 4.5.16. Release notes Sourced from astro's releases. [email protected] Patch Changes #10679 ca6bb1f31ef041e6ccf8ef974856fa945ff5bb31 Thanks @martrapp! - Generates missing popstate events for Firefox when navigating to hash...
Bumps [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) from 5.1.4 to 5.1.7. Changelog Sourced from vite's changelog. 5.1.7 (2024-03-24) fix: fs.deny with globs with directories (#16250) (5a056dd), closes #16250 5.1.6 (2024-03-11) chore(deps): update all non-major dependencies...
Bumps [@astrojs/check](https://github.com/withastro/language-tools/tree/HEAD/packages/astro-check) from 0.3.4 to 0.5.10. Release notes Sourced from @astrojs/check's releases. @astrojs/check@0.5.10 Patch Changes 9ca368b: Update to the latest version of Volar. This release should fix some of the...
## 背景 工作电脑上装了 Ubuntu 系统，如何安装微信成了问题。目前业界主流有两种方案，[参考Ubuntu安装微信的两种方法 ](https://www.yydnas.cn/2023/08/2023.08.16-Ubuntu%E5%AE%89%E8%A3%85%E5%BE%AE%E4%BF%A1%E7%9A%84%E4%B8%A4%E7%A7%8D%E6%96%B9%E6%B3%95/index.html)，我选择的是 Wine 安装方式，但BUG太多了（比如无法正常截图，表情无法正常显示，无法放入图片等等），无奈，看看 Linux 社区有没有微信发行版 最近 WeChat 新版本现已上架统信应用商店，UOS用户可直接在统信应用商店搜索“微信（Universal）”下载体验！（支持AMD64/ARM/Loongarch三大主流架构） 本次微信（Universal）UOS版是基于原生跨平台方案开展的一次大型版本重构与更新，以提高软件功能开发与迭代速度，旨在逐步实现微信Windows/Mac/Linux版本在功能与更新节奏保持一致。 什么？ WeChat 发行了 Linux Beta 版？（第三方发布的） ## 安装 开始尝试 [beta 安装地址](https://aur.archlinux.org/packages/wechat-beta-bwrap) ``` // 安装下载的软件包 $ sudo...