Flex 布局小坑 / 接了个小单

2022-09-02

这个周五平平常常,上午在公司主要就开了个技术调研会,没写一行代码。下午产品经理说给到的设计稿还需要修改,只有一个布局设计是可以落地的。但是这个布局还是挺多难点的,首先需要根据会议中的人数给予不一样的宫格行列展示,其次竖屏横屏的展示模式也需要一定的适配。

这个问题可能还不算太大,最关键的是按照产品经理的意思,还得保证每个参会人的块必须是 16:9 的比例显示,多余的直接上下左右侧留空居中,而不能是 Flex 的自动伸缩效果。这倒是把我给难到了,从始至今从来没实现过这么奇怪的布局,搞了许久只弄了一个自认为不是很好的 Demo 实现,希望有高人指导!

中午十二点,我回复了那位此前在 GitHub 上问我主题 使用有异常 的外国网友,他表示想拜我为师,问我能不能接受。我这边抽空没啥问题,能练习下个人英语水平顺便带一个人入坑,何乐而不为呢。

我问他现在是不是还是学生,他表示自己在学 BBA 管理专业,来自孟加拉国。但对编程方面非常有兴趣。我和他说,我现在的工作是前端开发,但对于开发网站来说后端也很重要。因为我是主修前端,所以后端并不算太好。前端就是写界面为主,后端就是造数据的为主,问他对哪个更感兴趣。

晚上七点多,用户群里来了一个叫做 @小石网络 的新群友,一开始只是在询问为什么 Single 主题的图标显示成了方块而已。这个又是 JSDelivr 的调整导致的炸锅,目前从 GitHub 改成 NPM 的形式就正常了,@提莫 提交了 PR,并由我进行了合并。

之后那位群友找我私聊,问我接不接个小单,帮他做一个在线试听音乐的一个网站。参考我奇趣框架文档的布局,再使用我的奇趣播放器就行。一番简单交流后感觉他提供的需求觉得应该不会太难,我起价 30 接了,但和他提出了一个要求,就是我会在 B 站上面同时直播从零到一的过程,期间有什么问题也可以直接提出来。

睡前我打开了小飞机,那位外国网友其实回复了我,但我没收到通知,得知的情况就是他目前只会简单配置和使用 WordPress 安装和配置主题插件,并没有太多的编程基础,和初中时的我有些许相似。也许并不清楚什么是前后分离,和他说前后端还有点早。(以下内容为翻译,原文是我用英文向他表述的)之后我就准备休息,没继续和他对话了。

WordPress, Typecho 都是快速搭建小网站的好帮手,但这并不是最终的解决方案。如果你想要制作一个在线会议这种应用型,或是类似推特那样的社交型网站,WordPress 明显并不适合。

我在使用 React 编写我个人主页的后台,我想增加什么功能就能有什么功能,随心所欲,没有任何限制。但是这并不简单,你还需要同时编写后端代码。

如果你想了解更多详情,可以看看 MDN,这个网站帮助了我不少,对于初入学习前端基础挺有用的。

配乐 多云 一般
概览页 时间轴
奇趣音乐盒 技术源于 Kico Player
Emmm,这里是歌词君