标签: 2023

  • 继续蝉联思否 Top Writer 2023

    继续蝉联思否 Top Writer 2023

    2023 年,我仍然坚持每日回答一个问题,并时不时参加一些征文活动,到年底,成功再次蝉联思否问答组 Top Writer。目前声望 21k,粉丝 7700。这次纪念品挺丰富,有一枚金色奖章,一块牌子(我装了半天没装起来,后来才发现要把上面的塑料膜撕掉……),鼠标垫 T 恤、贴纸若干,竟然还有一双袜子,不过没试,不知道穿不穿的上。

    感谢思否对我的认可,希望过去一年我真的帮助到一些同学,也希望今年我能帮助到更多的同学。

    2024 年,刚刚过去两个月,风物长宜放眼量,一切都还有机会,大家一起加油吧,希望明年的这个时候,我们都能取得让自己满意的成长。


    权威发布 | SegmentFault 思否 2023 年度 Top Writer

  • SSR,云平台,ChatGPT——我的 2023 技术关键词

    SSR,云平台,ChatGPT——我的 2023 技术关键词

    前言

    2023 年,因为换工作,启动新项目等原因,我对我的技术栈进行了比较大的更新,主要集中在这三个方向:

    1. SSR(Server Side Rendering,服务器端渲染)。之前我开发的项目基本上都是 SPA(Single Page Application),比如 Vue,但之后我会越来越多开始用 Nuxt。由于基础设施的发展,以后 SSR 会更方便更好用。
    2. 云平台。以前我大概买了 3、4 台云服务器用来做各种尝试,在上面各种折腾。去年使用 Vercel、Supabase、CloudFlare 平台之后,我已经不打算再在服务器上浪费时间了,云平台实在太好用了。未来我会努力把所有服务都迁移到云平台上,新增产品都直接云原生。
    3. ChatGPT。相信不只是我,很多人都会把 ChatGPT 作为去年技术的首选关键词。如今我不仅在上面完成产品开发,日常也会使用它替代大部分的搜索;甚至我家孩子写作业也会使用它来帮忙。我认为,未来 ChatGPT 就像是搜索引擎一样,决定了一个人的起点和成长速度。

    接下来逐个分享。

    服务器端渲染,SSR

    起初我不是很看重 SSR,我总觉得,我当年也写过 PHP,有什么“服务器端渲染”我没见过?实际用过之后,我承认:真香……

    首先,使用 SSR 可以提升用户体验,且有利于 SEO,这点相信大家都知道。如果对其原理不太清楚的话,欢迎观看我的视频:从浏览器渲染机制理解 Web 性能——“在浏览器地址栏输入 URL,按下回车后会发生什么?”

    其次,如今的 SSR 与当年 PHP 模版套页面的实现有很大区别:

    1. 语言同构化:开发难度大大降低,没有心智负担。
    2. 数据传递与状态管理:虽然数据不能完全通用,但是框架尽量会帮我们处理好,让我们在服务器端和客户端都能自由使用。
    3. 渲染由边缘计算负责:这一点有点依赖云平台,不过考虑到浏览器的渲染机制,SSR 并不会拖慢渲染速度,用户体验只会更好。
    4. 页面切换不需要重新加载。对于旧的编程语言来说,因为前后端环境割裂,所以页面切换的时候都是重新加载完整页面;但是新框架下,则只需要加载数据即可,此处跟 SPA 的体验无二。

    第三,如今的 SSR 框架都很好的整合了服务器,包括中间件等功能,还有各种官方第三方模块支持,能大大降低我们开发服务器软件的成本。所以已经是我启动新项目的不二之选。

    云平台

    以前我长期维护好几台服务器,一方面可以部署自己做的产品 demo,另一方面也可以部署一些开源项目方便日常使用。因为各种云都有面向新用户的优惠活动,所以成本不高,我觉得值得一搞。

    自己的服务器当然比较比较自由,坏处就是免不了产生运维成本,即使使用 docker 也一样。部署新代码至少要去跑一遍拉取脚本,对吧?我的一位老板朋友甚至请我帮忙写了一套服务器脚本,用来做 CI/CD。

    初期这么搞没问题,但后来就越来越觉得功能不够,性价比也太低,开始寻求替代方案。之前我参加 Hackathon 的时候了解到 Vercel 云平台。它与 GitHub Pages 不同,支持 SSR、支持云函数,配合一些云数据库,比如 Upstash,可以快速搭建起来一套可用的服务。去年年初,我的那位老板朋友想做一套打分系统,放在他的静态网站里,于是,我就尝试用 Nuxt.js + Upstash 开发了一套,并且部署在 Vercel 上,效果非常好,免运维,多环境,推到 GitHub 自动部署,实在太好用。

    我把这个过程制作成了系列课程:Nuxt3+Vercel+Serverless 数据库全栈开发。大家感兴趣不妨看一看。

    后面一发不可收拾,过去一年我不再采购新的单体服务器,旧的服务器用完也不再续费。新产品都部署在 Vercel 等云平台上面,帮我节省了大量的时间。

    Vercel 去年年中的时候开通了存储功能,实际上就是打包了几家云数据库服务来卖,我也很快获准开通。从此,云平台使用就更加顺利了。临近年底,我尝试 CloudFlare Pages,效果也非常好。他们家的优势是自带统计分析功能,远比 Vercel 大方,一站式解决更省心。

    云数据库方面,我使用 Upstash 的 Redis,KV 数据库足以满足大部分产品需求。数据库用 Supabase 和 TiDB 比较多。前者支持 PG Vector,方便我们进行 LLM Embedding & Search;后者则提供 5GB 免费额度,比较好用。云存储有 CF 的 R2,空间和流量也相当充足。如果不是 PHP 太老没人支持,我都想把博客这台机器退掉了。

    ChatGPT,以及其它

    ChatGPT 更是值得大书特书的一个技术关键词。不过考虑到大家去年一整年应该已经被类似的内容淹没了,所以我这里就少写一些,只说说我的情况。

    我目前订阅了 ChatGPT+,方法是借用国外亲戚的手机号注册,并且用他的手机号注册 PayPal,通过 Google Play 订阅。订阅的原因是 ChatGPT 4 + DALL-E 都可以随便用,比 API 便宜得多。

    在编程领域,GPT-4 比 GPT-3.5 好太多了,知识库更新到去年 4 月份之后,除了 next.js 14 的内容外,我日常的编程问题大多可以用 GPT-4 解决,比如:

    • 写正则
    • 写 SQL
    • 查函数、查第三方库
    • 纠正函数错误

    帮我节省了大量的 Google 时间,单凭这点,每月 $19.99 的订阅费用就很值得。

    除此之外,我还在继续使用 GitHub Copilot。Copilot 也很好用,除了生成工具函数、编写测试外,我发现翻译语言和框架方面也有很大的作用。去年我就完全靠它开发了一个 flutter 应用,方法就是把 TS+Vue 写好的代码丢给它让它翻译。

    所以,无论是学习新东西,保障日常开发,还是扩展新领域,AI 对我都帮助巨大。

    总结

    总而言之,如果再有同学问,前端想学后端,应用学什么语言框架以及是否需要搭自己的服务器?我都会建议他们:不要学 Express、Koa;习惯用 Vue 就学 Nuxt,习惯用 React 就学 Next.js;不需要搭建服务器,就用云存储就能解决绝大多数问题。

    我还建议大家,尽快想办法开通 ChatGPT,再不济国产大模型也要用起来,未来是 AI 的时代,学会用 AI,效率会大幅度提升。半年的初入门新人,善用 AI 可以赶上 3 年的老程序员;而老程序员学会用 AI 之后,可以快速把自己的能力扩展到其它领域。

    以上,就是我去年关键的技术栈总结,希望对大家有所帮助。如果大家有什么意见建议,想说的想聊的,欢迎留言。

  • 山穷水尽疑无路,柳暗花明又一村——告别 2023,迎接 2024

    山穷水尽疑无路,柳暗花明又一村——告别 2023,迎接 2024

    回顾 2023

    过去几年职业发展不太顺。先是告别 O 厂,但是被金山坑;然后被 Code.fun 收留,可惜也没能坚持到最后。今年开年,面对各种唱衰的预期,说心不慌那肯定是假话。好在 2022 年年底,ChatGPT 3.5 在业内崭露头角,当时我就觉得,2023 一定会有新机会。

    事实证明果然没错。2023 年过完新年,微软 PR 部门回来上班之后,开始马不停蹄地大力宣传 ChatGPT。然后 ChatGPT 成功引爆全行业,成为 2023 年最大的亮点。而我呢,拜 ChatGPT 所赐,结识新老板 Vincent,找到新的工作机会,顺利苟到年底。

    去年算是 ChatGPT 元年,开发活动非常多,我也到处呼朋引伴参与其中。做得比较好的有年初的 思否 AIGC Hackathon,我们的作品 拜拜 获得最佳人气奖。并且在过去的一年里,虽然没有做过任何推广,也没有悉心维护,现在每天都仍有十个左右的用户在使用。后来我们用 Awesome Comment 报名参加了 TiDB Serverless Hackathon,可惜在一众没有前途的 AI 作品的包围下,没有获得成绩。

    年初没有工作的时候,我还跟一家 Web3 教育公司的创始人合作,开发了 HackQuest.io 的 Hackathon 版本。如今他们的版本迭代顺利,相信来年会取得更大进展,回头我也去学学 Web3 试试。虽然我始终认为区块链根上存在一些问题,但是学点东西总不是坏事。

    技术总结

    对我个人来说,去年有三大块技术升级,我觉得每块都值得大书特书,所以这里就不赘述了,简单列举一下,回头慢慢总结。

    1. Vue3(SPA)-> Nuxt3(SSR)
    2. ChatGPT
    3. 云服务 Serverless

    生活方面

    坚持健身一年,取得了不错的进展。年中测试三大项极限,从 2022 年底的卧推 97.5,深蹲 110,硬拉拉不起来(肚子太大……),成长到 2023 年中卧推 110,深蹲 135,硬拉 150。春节前再测一次,希望能再有 30kg 的成长。

    医院体检两次,指标都很好,多年未见的一切正常。血压日常也降到 70/110 附近。不过多半还会有脂肪肝。

    美中不足,年底有些放纵,体重未能达标,目前空腹 104 左右。

    知识分享

    去年在 B 站上做了 20 个分享视频,包含两大系列和若干单项分享:

    1. 模拟面试系列
    2. Nuxt3+Vercel+Serverless 数据库全栈开发

    去年没有爆款,成长比较稳定,目前粉丝数量 2845,播放数 12.6w。去年开始把视频搬运到 YouTube,目前订阅用户数 93。

    博客方面,产出一般吧,毕竟时间精力有限。年初写 AI 与 ChatGPT 的时候访问量不错,写的比较多;下半年开始做视频、尝试推进产品开发的时候,就不可避免的减少博客创作。最终数字大约 60 篇,勉强一周一篇。将来估计也会跟视频结合起来,毕竟长期来看,视频很重要,而且越来越重要。

    希望来年能把挖下的坑都填上,哈哈。

    购物

    我去年几乎没有买大件,只在年初的时候购入一台 Steam Deck 512 版本。这个产品我非常满意,我去年的游戏游玩几乎都全在这台 Steam Deck 上面。拿起就玩放下就停的感觉太好了。推荐给每个喜欢玩游戏的同学,尤其是如今已经不怎么玩游戏的同学。

    还愿 2023

    1. 继续锻炼,目标 100kg 失败,目前 104kg
    2. 把 side project 做起来 失败
    3. 争取做两个能挣钱的 side project 失败
    4. 努力做视频,保证周更,目标 4k 粉 凑合吧,我觉得还算满意
    5. 努力写博客,争取能提款 Adsense 终于攒到 $100
    6. 每天回答知乎/思否一个问题
    7. 除了思否、Hackathon,再至少参加 1、2 次开发者活动吧

    许愿 2024

    总结完毕,再次许愿:

    1. 我们的产品取得突破性进展
    2. 继续锻炼,这次真的要减到 100kg
    3. 学会 SEO
    4. 学会 Web3 开发
    5. 把 side project 做起来
      • 拜拜
      • (待定)
    6. 两个系列视频 + 若干单项视频,全年不低于 20 个,B 站 4k 粉,油管 500 订阅
    7. 写博客,周更,填坑
    8. 每天回答知乎/思否一个问题
    9. 参加两次开发者活动

    总结

    2023,很多收获,也很多遗憾。总之,继续加油吧!

  • 再获思否 Top Writer

    再获思否 Top Writer

    总结的时候说过,2022 年虽然生活很糟心,但是对我个人来说,却是比较有收获的一年。尤其在自媒体方面,B 站粉丝、推特粉丝、思否粉丝都涨了不少,思否基本上坚持一年,每天至少回答一个问题,最终再次拿到问答组 Top Writer 称号。

    喔耶!

    去年文章写的不算多,而且基本都发在自己的博客,没往思否搬,所以年底声望 17k+,没完成去年 25k 的目标。今年尽量多搬运一些,希望声望有所成长。而且,思否目前 5k+ 粉丝,感觉也应该运营一下。

    2023 年,寄望甚多,希望努力能换来收获,希望能帮到更多的人,希望我的自媒体能有所成长。也希望大家多多支持我,多给我点赞、帮我转发,感恩一键三连。提前感谢。


    权威发布 | SegmentFault 思否 2022 年度 Top Writer

  • 2023年直播视频计划

    2023年直播视频计划

    趁着这会儿没正经工作,盘点盘点去年挖下的坑,和一些零星的想法,做一下 2023 年的视频计划。具体执行可能会有变化,当作许愿吧。欢迎关注,欢迎点菜,欢迎提意见,敬请期待。

    日常直播安排

    • 尽量保证每周七天都播
    • 周一至周六,直播写代码、准备 Slide 等
    • 周日直播教学内容,录像剪辑并上传
    • 白天随缘直播,如果写的是自己的东西,可以多播一些

    待填大坑

    去年遗留了几个系列坑还没填,今年争取都填上、填满。

    JS 设计模式

    《设计模式》那本书诞生快 30 年了,还有人在照本宣科死搬硬套的把当年 C++ 的模式拿来简单改改当成 JS 设计模式讲。我想在这个系列里,结合 ESNext、流行框架、类库,讲解设计模式在 2023、JS/TS 领域如何使用。

    这个系列就像酒店里的那些艺术品,摆在那里,没啥人看,但是如果你没有,档次就上不去……目前前两集加起来不到 1k 的播放量,实在让人动力不足……

    Nuxt.js 简历网站开发

    去年年底,Nuxt.js 正式发布 v3;我也正巧需要一个简历工具。于是计划做一个简历分享网站,基于 Nuxt.js+TailwindCSS+DaisyUI+Serverless(leancloud)打造。

    目前缓慢开发中,估计还有一个月能做完。

    Shopify Hydrogen 电商独立建站

    前阵子朋友介绍的活儿,钱不多,但是 Hydrogen 框架很吸引我,于是接了,打算基于它做一套系列教学视频。目前网站开发中,前期的开发很简单,就是改改样式。后面发现 Hydrogen 不支持以前(现有)的插件机制,甲方对产品详情页的一些要求无法实现,所以需要手动开发。正好可以更深入一些。

    预计本月内结项,希望下月初可以周日开始直播。

    Git 规范及技巧

    我以为 2023 年了,不需要再分享 Git。结果结合最近几份工作目睹的现状,看到一些技术论坛上乱七八糟的分享文,决定还是做个系列。

    本周会开始,先做 slide,周日录视频。

    一些散坑

    node.js 开发命令行应用

    早就录完了,尽快把视频剪出来。预计本周三之前上线。

    已经上线:Node.js 开发 RAR 解压缩命令行工具

    工作中学会说不

    春节前一位同学找到我,说绩效被打了 B,心里不爽;尤其让他想不通的是,一个平日里对他仰赖甚多的同事也给他差评。我帮他分析了半天,得到一个结论:工作中要学会给自己定价,要学会说不。

    Web 性能测试

    进阶课程,初学者可能暂时用不到,但是初中晋级必备的知识。估计分成几个方面:

    1. 网页初始化性能评价与优化(视频讲过
    2. JS 函数的性能评价,比如该用 for ... of ... 还是 Array.each
    3. 页面卡顿的排查(普通 JS、Vue)
    4. 内存泄漏的机制与排查

    告别 CSS 预处理工具

    因为一些函数存在冲突、CSS 变量也日益普及,CSS 预处理工具价值越来越小,甚至有时候还要起反作用。所以我现在就在逐步从项目里移除预处理工具,我也计划分享一下这方面的经验。

    WebRTC

    去年留下来的坑,今年有希望填上。等我的 Demo 跑通了就讲这个。

    Vercel 薅羊毛

    Vercel 部署后,用自己的域名 CNAME 就可以放心使用,它又提供了 Severless function / Edge function 功能,免费额度不敌,非常适合我们薅羊毛,写点自己的小应用、放点 demo,之类的。

    总结

    稍微盘一下,发现一年的量已经够了,甚至未必做得完……如果过完年找工作顺利,那几乎一定要留下不少坑明年再来填。所以先这样吧,日后有想法再调整。

    如果你对上面这些内容感兴趣,或者有别的内容想看,也欢迎留言给我。新的一年,我们一起加油。

  • 一起努力吧,2023

    一起努力吧,2023

    2019 年年底的时候,一毛不拔大师说,未来你们会怀念 2019 年,因为这会是未来十年中最好的一年。从后往前看,我觉得他说的有道理;同时,我也希望 2022 年,会是前后十年里,最惨的一年,实在实在很难顶。

    回顾 2022

    疫情进入到第三年,大家都觉得该有些变化了;大家猜对了开头,但是没有猜对结局。

    对于我而言,2022 其实还好。从金山离职之后,经过一番努力,还是拿到几个 offer,其中最好的是快看漫画。本来一切都谈好了,结果按照他们的薪资序列,给不到那么多的工资,offer 直接打了七折。我一时难以接受,加上 Danney 积极主动的招募,我就加入了 code.fun,继续为技术、为梦想拼搏。

    code.fun 的整体工作环境不错,可以全职远程工作,也有两个办公室。几个核心都是大龄程序员,有技术追求、有技术品味,大家沟通顺畅,目标统一,日常合作很愉快。

    另一方面,趁着年初没工作,我跟 Aw 老板合作了 mywordle.org 项目,凭借各种精心优化,我们得到了 Lighthouse 近乎满分的评价,继而在搜索中占据了很高的排名,收获了相当不错的自然流量。这个项目的成功,终于让我不再辛苦打白工。可惜这样的项目很难长久,没法做到真正的躺赚,要继续摸索下一个产品。

    下半年的时候,我报名了两场 hackathon,SF 组织的 Code for better _TiDB 的 Possibility at Scalable。前者出乎意料的获得了二等奖,实在让我喜出望外;后者则再次没做出想要的产品,惨遭淘汰。不过我也收获了不少新知,比如:Vercel serverless、NoCoDB 等,收获不小。

    技术总结

    Vue2

    code.fun 的前端产品主要基于 Vue2 + vue-property-decorator + TypeScript,后端服务器主要是 express + mongoose + TypeScript。今年从这里新学到了一些 mongoDB 和 TS 的知识。

    Vue3 + Vite + TailwindCSS+ DaisyUI

    今年的 Side Project 大部分使用这套工具栈,尤其是 Vite,尝试了很多新用法,学习了一些 esbuild、rollup、ESM 的知识。

    AirTable vs NoCoDB

    去年在金山留下不多的收获,就有 airtable。今年尝试用 airtable 作为数据源开发 JAMStack 产品,没有成功,它的收费樯就竖在羊毛党程序员的面前。

    下半年参加 TiDB Hackathon 的时候了解到 NoCoDB,以及 TiDB Cloud free tier(后改为 serverless 版),应该是 LeanCloud 外最适合薅的羊毛。

    Nuxt.js / Next.js / Vercel serverless

    今年学习到 Nuxt.js 和 Next.js 都有新发展,并且都可以适配 Vercel serverless 达到服务器端渲染和静态 Host 兼备的功能,感觉明年可以继续搞点事情。

    Shopify

    Shopify 提供非常好的主题开发环境,甚至可以拿来学习 React + Next,还能赚点小钱,值得学习。

    WebRTC

    没学会 WebRTC,失去了让 mywordle.org 多苟两个月的机会,是今年比较失败的地方。今年了解到 WebRTC 的基础,在跨网联机方面还没摸索出解法,来年要继续努力。

    PWA

    今年做的几个 Side Project 都以静态为主,所以 PWA 基本都是必备功能。应该说整体还是学到不少东西,可惜用药助手的定时通知没能完成,需要再摸索一下。

    生活方面

    社区健身房倒闭之后,我的体重稳步上升,从去年年底的 111kg,到年中的时候,已经上涨到 113.9kg,饮食上已经几乎没有缩减空间,医院体检报告却显示我四肢肌肉已经萎缩到低于平均值。于是,我一咬牙一跺脚,在新开的健身房办了卡,重新开始健身。

    没想到效果出乎意料的好,到染疫之前,我已经重回 105kg,而且这次是真的靠运动、科学饮食减下来的,让我重拾了强烈的信心。关于这次减肥经历,可以参考:聊聊减肥

    广州 12 月 1 日疫情解禁,本以为幸福生活就要来了,没想到马上迎来第一波冲击。月中的时候,全家依次病倒,然后缓慢恢复至今,都没有痊愈,每天还是要咳得 7、8 次。

    明天去开新卡,新的一年,还要继续减肥。

    知识分享

    全年写了 64 篇博客,具体内容就不在统计了,应该大部分都是技术分享。跟去年数字接近,不过应该上半年写的多,下半年主要都在做视频了。

    说到做视频,2022 年我在 B 站的成长很大。其实很意外,2021 年跳槽到金山之后,因为工作状态变化,我就停了直播和视频制作。今年也是一直犯懒,直到下半年,突然想说用 SFC Playground 教大家写个扫雷游戏吧,于是发了公告,然后直播,然后剪视频。没想到一下就火了——对于我而言。

    接下来的几个视频效果也很好,TailwindCSS 视频目前播放量 3k+,Web 渲染机制 1w+,聊私活的现在已经 2.2w 了。截止到目前粉丝数 1798,估计今年应该可以收关 1800。全年涨粉 1400,真是喜出望外。

    其它平台就没啥可说了,GitChat 处于关停边缘;知乎没做起来;慕课我们双方互相养鱼;思否感觉放弃了视频课程这条线;在行零星有几单。

    购物总结

    去年没出门,心理压力比较大,于是买了一些新设备解压,希望能用上 2、3 年:

    • Steam Deck——好东西
    • Zimaboard——最大的价值是了解和学会用 Jellyfin
    • Pico4——开始吃灰
    • SSD 若干
    • 内存 32Gx2
    • 1+ Ace Pro 手机
    • Insta360 Link 摄像头——好东西
    • Nuphy Air75——好东西,割爱给群里同学了
    • 显示器支架
    • 制冰机——去年买的最值的东西

    许愿 2023

    总结差不多了,整体来说,2022 年,收入尚可,生活受影响不大,目标完成了不少,算是比较满意的一年。接下来给新年许一些愿望吧:

    1. 继续锻炼,目标 100kg
    2. 把 side project 做起来:
      • 姆伊用药助手
      • 姆伊简历
    3. 争取做两个能挣钱的 side project
    4. 努力做视频,保证周更,目标 4k 粉
    5. 努力写博客,争取能提款
    6. 每天回答知乎/思否一个问题
    7. 除了思否、Hackathon,再至少参加 1、2 次开发者活动吧

    最后,又要找工作了……

    code.fun 最开始做的是低代码小程序,我并不看好。2021 年中开始转型,做设计稿 AI 转换代码。这个方向好很多,今年我加入的时候,还有很多问题,经过我们一整年的打磨、努力,到年底的时候,已经做得很好了,可以满足七八成的基础需求,可用性相当之高。

    可惜到年底,还没等我们具备自造血能力,就先被釜底抽了薪。于是我再次失业,又要重新找工作了。

    希望看到这篇总结的同学、大佬,多惦记着点我,能收留就收留,能引荐就引荐,提前感谢大家。