Skip to content

23 年 3 月份学习动态

作者:Choi Yang
发表于:2023-03-25
更新于:6 个月前
字数统计:3.5k 字
阅读时长:11 分钟
阅读量:

第一周

这是三月份的第一周打卡,因为也是我们星球周打卡活动的开端,作为发起人我就优先在周五先发一下,之后的每次打卡会和大家一样,会在周末打卡。同时也是提供一下参考的模版,当然,大家学习的内容各不相同,按自己想法来就好,如下:

学习内容

本周学完了一本小册《TypeScript 类型体操通关秘籍》,同时写了阅读之后的体验,晚点会更新在星球专栏内。

文章分享

关于春季实习招聘
https://t.zsxq.com/0bf8fNomJ
关于日常实习如何准备写了一篇回答
https://t.zsxq.com/0by8JSkOb

工作内容

本周工作没啥新鲜的,就不谈了。

其它

剩余时间就是在整理这周末会出的星球内部共享小册,关于过去的一些前端面试总结的整理。其次,就是在思考怎样让之后的带项目更有新意一点,方式倒是确定了,但需要一段时间先准备文档,这样大家都能参与进来,预计的话应该是 4 月份开始项目实战,3 月份找工作比较重要,正好有时间先让我准备一下。

写于 2023 年 3 月 3 日晚。

第二周

这是三月份的第二周打卡,本周我们开始了 Next.js 实战环节,可查看如下推文的介绍:

Next.js 实战内容
https://t.zsxq.com/0clrMC9vv

如果你也要学习 Next.js 或者说学一下 React,随时可以加入都行,每一步都会有文档同步(会放在星球专栏里),往期的内容看一下就好了。目前我们还是采用闭源开发,仅邀请星球内小伙伴参与,至少也能熟悉一下 github 以及协作开发是吧。

接下来说一下这几天在做的事,自己折腾设计了一下 logo,勉勉强强吧,看得过去就行。然后这两天也在做 next.js 启动模版以及添加了一个 og 工具,如图一二三所示。

og 工具主要是为项目 seo 做优化,而启动模版是为了让零基础的同学也能直接上手 Next.js,如果前期不会玩 github,那么可以先拉一份启动模版,给自己创立一个私有仓库,看着我们的 commit 自己动手实现一遍,其实自己动手了,看几遍提供的文档(马上会总结在星球专栏里),流程自然也就会了,那么就可以直接来到仓库一起参与开发了。

至于命名 ChoNext,也是希望这个组织是个 Next.js 项目集合,多往里面折腾点有意思的项目。

学习内容

阅读了关于 Next.js 的文章,这位博主我很喜欢,当初搭建 Next.js 与 Tailwind CSS starter 就是用的他的开源项目,我的开源博客项目也是基于他的魔改的,可以从他的博客找到 github 地址,如下:

Next.js Redirect Without Flashing Content
https://theodorusclarence.com/blog/nextjs-redirect-no-flashing
Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR
https://theodorusclarence.com/blog/nextjs-fetch-method
How to choose between Next.js CSR, SSR, SSG, and ISR
https://theodorusclarence.com/blog/nextjs-fetch-usecase

对于前端主流的渲染方式,如 CSR、SSR、SSG、ISR 虽然面试的话对于后两者考察比较少,但目前这两种在社区内比较活跃,比如 vitepress 就是 SSG,而 Next.js 这四种渲染方式都支持,并且可以根据不同的页面呈现不同的渲染方式,但后续看了 Nuxt3 也有,这两个框架感觉就是也会越来越像,那么我们掌握其中一个,对于另一个差不多就是依葫芦画瓢了。

后续继续读了下面这篇文章,ISR 与 SWR 结合,ISR 有个不足点就是只对下一个用户访问时显示新页面,当前用户不会,因此结合 SWR 能够让当前用户也能立即显示修改之后的新页面。

Updating Static Next.js Pages Instantly
https://joebell.co.uk/blog/updating-static-next-js-pages-instantly

在掘金刷到了如下裁员分析,总结一下就是人口红利不再,需要探索新玩法,移动互联网确实到了它该有的境界了,趋于平衡。

互联网大裁员原因分析
https://juejin.cn/post/7201047960825774139

对于 React 初学者以及工作中还不熟练地同学还是挺有帮助的,或许你不知道其中一些 Ref 用法,推荐读一读。

使用 React18 + Vite + TypeScript 完成公司项目经验总结,学到了很多
https://juejin.cn/post/7205842390842458149

以及观看了

【Anthony Fu】Nuxt,进一步的开发者体验 | 直播录像
https://www.bilibili.com/video/BV1vx4y1V7VD/

对于 Nuxt3 以及相关的工具非常期待!但同时我也希望这个工具出台也能卷一卷社区,哈哈,压力来到了 Next.js 这边。devtools 也开源了,如果有机会感觉也可以去试试做个 Next.js 版本的。

英语

最近一直在看英语兔的语法合集:

英语语法精讲合集 (全面, 通俗, 有趣 | 从零打造系统语法体系
https://www.bilibili.com/video/BV1XY411J7aG/

目前进度(9/29)

励志

张颂文:时间的力量
https://www.youtube.com/watch?v=plCCoy4rTIc

最近在 youtube 看到了这个,因为也是最近刷完了《狂飙》,对于张颂文这个演员也挺喜欢的,之前也看了他和朱朝阳演的剧,那会就很期待他接下来的剧,没想到狂飙里封神!

b 站视频更新

前文说了做了一个启动模版,配置的过程中也录制了视频,如果你想要知道一步一步怎么配置来的,可以看看,内容接近 30 分钟,可选择性看。

折腾一下 Next.js + Tailwind CSS 启动模版
https://www.bilibili.com/video/BV1m24y1g7iW/

ChoDocs 更新

新增设计模式文章:

中介/中间件模式

折腾了一下 ChoDocs,目前文档网站可支持图片点击放大功能,并且调整了右上角菜单选项,并且提供了备用站点(最近 b 站很多人提打不开,挺纳闷的,我用流量也能访问来着...)

https://chodocs.netlify.app/

其次,对网站也做了相关 seo 优化。

其它

见本周的推文更新。

以上就是本周的学习内容打卡了,其实也没多少,最后也说一下「日更」标签会渐渐取消掉,而是参与每周末的打卡内容中,思考了一下,每日的内容应该形成一个体系比较好,不必记流水账,显得内容不是很干货。

而应该把内容专注于输出更优质的地方,比如写好接下来的 Next.js 系列实战,另外也提及一下,Vue3 实战其实之前算是完结了,我们会在接下来的日子快速同步文档,目前已经开始在星球发布了,这个是会作为付费专栏更新在 csdn 的,所以其实对于我们星球用户算是福利了,无需再购买而直接阅读。由 主导,如果之前没有参与的同学可以跟随文档再结合仓库代码学习一下,这样上手应该挺快的,继续加油吧!

如果你也想分享自己每周的学习动态,在星球 app 上方有每周打卡挑战,报名参与后发布每周的学习内容即可,欢迎各位积极参加,至于为什么不做每天打卡,后续会和大家说一下原因。一年大概只有 52 周,每周做一次总结大概只要十来分钟,这也只会需要 52 次,想想并不会占据多少时间,那么年底的时候我们可以一起来总结一下一年我们做了多少,那时候一定会感谢自己平常的积累,成就满满!

第三周

阅读

何谓“工程师的经济价值”?
https://mp.weixin.qq.com/s/3d41-tf0ymZ08H2J6OcPaw

经验学习,也许每个阶段读会有不同的感受,值得今后再读>

鹅厂七年半,写在晋升失败的不眠之夜
https://juejin.cn/post/7208907027840630840

经验学习,拥抱变化

生产上的问题你不会用 sourcemap 定位吗?
https://juejin.cn/post/7209648356530962489

可快速了解 sourcemap

英语

最近一直在看英语兔的语法合集:

英语语法精讲合集 (全面, 通俗, 有趣 | 从零打造系统语法体系
https://www.bilibili.com/video/BV1XY411J7aG/

目前进度(18/29)

chodocs

稍微折腾了点样式,目前在研究 pwa,社区里有

Zero-config PWA Plugin for VitePress
https://github.com/vite-pwa/vitepress

集成了但还没生效

(2023.03.25 补充:目前已生效)

chonext-gpt

做了移动端适配了,把之前做博客的时候使用的梅花效果搬过来了,之后打算再做个 header

生活

看了《中国乒乓》电影,6 元不亏,不过感觉后面的剧情结束的很快

发现

https://www.phind.com/

这个网站也集成了 gpt,感觉反应挺快的,会同步在 chodocs 资源导航上

下周计划

继续写设计模式专栏,找点编程类视频与文章继续学习,感觉这周并没有学多少技术类文章

第四周

本周的学习动态:

阅读

面向个人开发者应该打造的 CI/CD 部署系统
https://juejin.cn/post/7137143919418015751
从零搭建属于你自己的前端规范+自动化部署
https://juejin.cn/post/7207617774633107512

对于自动化部署这块了解了一下,目前还没玩过 docker,现在在往这块内容学习。

英语

英语语法精讲合集 (全面, 通俗, 有趣 | 从零打造系统语法体系
https://www.bilibili.com/video/BV1XY411J7aG/

这周把英语兔的内容学完了(29/29),温故而知新,还会继续二刷的。

视频

掌握 NextJS 13:在短短 5 小时内构建和部署现代全栈应用程序!
https://www.bilibili.com/video/BV1GL411y7oK/

5 小时关于 Next.js 全栈的视频,是我这周一直抽空看的,最近会打算折腾一下 Prisma,感觉可以用来做点全栈类的东西,视频里做的项目就是基于 openAi 来判断两个文本的相似度,其中也涉及到一些登录 jwt 验证,直接利用谷歌的 api 实现谷歌账号的登录来获取 token,在请求头中如果没有携带 token 就不能调用,然后还涉及到利用 redis 的 api 来进行接口限流访问,虽然看完之后整体来看项目不是很复杂,但短小精悍,该有的都有。

还是感觉挺酷的,能做一个完整的项目出来!

其它

本周和一位球友聊了聊,很高兴他拿到了实习 offer,后续也会邀请他来和各位分享在找实习过程中的心路历程。

这位球友很热情,提了 PR 上来,现将面试内容公开在这——「isolcat 三月面试合集」,这仅仅只是一部分,心路历程将会发布在「学习圈子」里。

接着,提一下写的这个回答:

up 你好,我想问问学习路线的问题。我在一所普通一本,大三下。竞赛方面,大二的时候接触 ACM,学的拿的奖很少,蓝桥杯只拿了省二,后面参加一些其他比赛,robocom 编程赛拿了国三(学科竞赛排行榜上的),传智杯拿了省二...

解答提问
https://t.zsxq.com/0clFuTN5k

不过是匿名的提问,也不知道提问者是否看到了(因为对于匿名者的提问,回复也会是匿名)

这周末该实战点东西了,做完了再和各位分享吧~

月末补充

本周的学习动态:

文章

2023 前端趋势 | 渲染模式的发展
https://t.zsxq.com/0cliv9mVf
最近很严重的内耗
https://t.zsxq.com/0cNk7ylww

阅读

这几天看完了掘金这篇文章:

追忆四年前:一段关于我被外企 CTO 用登录注册吊打的不堪往事
https://juejin.cn/post/7204715616283836473

读完之后感觉又见识到了一位博客大佬,文章的内容都很不错,读完还有点意犹未尽,拉到结尾的时候看到说会出小册,说是 4 月份,今天下班后打开居然还真这么快就出了,果断买下了。

近段时间自己也在面向全栈学习,先把 Java 那套熟悉一下,把过去遗忘的知识捡起来,提升自己,前后端兼顾学习,等到学差不多了再系统性总结吧,先加油学!

10 Web Development Trends in 2023
https://www.robinwieruch.de/web-development-trends/

项目

chovue 组织建立,之前 HearLing 项目开源啦,文档目前已经更新完了(星球专栏内可免费阅读全文),近段时间我也会参与提交点 commit,把项目优化一下,文档之后也会做点加餐内容的补充。

对于这个管理系统项目,希望的是短小精悍,不需要花费太多时间去折腾,能够让你快速入门相关技术栈。

并且提供一定的思路,遇到其他需求也就是依葫芦画瓢了。

4 月份继续努力!

地址:

vue3+typescript+pinia 管理系统
https://github.com/chovue/vue3-management-system

Contributors

Choi Yang