标签: 视频教程

  • 【视频】Nuxt3+Vercel+Serverless 全栈开发(1):技术选型介绍,项目基础搭建

    【视频】Nuxt3+Vercel+Serverless 全栈开发(1):技术选型介绍,项目基础搭建

    大家好,时隔小半年,我又来做系列视频了。这次计划结合近期的一些开发经验,分享最近我比较喜欢的全栈+高效+免费+云原生技术方案。

    这套技术方案大约是这样:

    • Nuxt3
      • 提供 Vue 开发环境
      • 提供服务器渲染 SSR 能力
      • 提供 API 环境
    • Vercel
      • 提供部署环境和各项网站能力
      • 提供 Edge Function 和各种存储
      • 提供全球化服务能力
      • 提供 SSL
      • 免费额度足够用很久
    • Upstash
      • 提供 Redis
      • 免费额度足够用很久
      • 付费也不贵
    • TiDB Cloud Serverless
      • 云数据库,MySQL 兼容 API
      • HTTP endpoint
      • 免费额度足够用很久
    • 其它
      • Nuxt- i18n
      • TailwindCSS
      • DaisyUI
      • GitHub
      • pnpm

    使用这套技术方案,可以应对绝大多数网站需求,部署在全球化网络里,使用丰富的免费资源。云原生会带来天生的高可用性、鲁棒性、伸缩性。

    这是第一次分享,详细介绍了这套技术选型,nuxt3 项目的基础搭建,和它自带的路由、服务器 API 系统。

    这次会把每次的分享压缩到 25~30 分钟,降低观看门槛。

    如果你有任何问题、建议,欢迎留言讨论。请 b 站有号的同学帮忙分享完播一键三连,谢谢大家。

    另外,我也在 YouTube 上上传了一份,大家有空的话,麻烦帮忙关注下我的油管频道,感谢感谢。肉山全栈小课堂 – YouTube

  • 【视频】使用 pnpm workspace 管理 monorepo

    【视频】使用 pnpm workspace 管理 monorepo

    有些时候,一个产品由多个不同的项目组成。它们虽然可以独立发布,但彼此之间存在很强的版本依赖关系。这个时候,使用 monorepo 可以大大简化我们的项目管理成本。所以,我们可以看到,很多开源项目都开始使用 monorepo 进行管理,比如 next.js,vite,vue3 等等。

    本视频介绍如何使用 pnpm workspace 功能管理 monorepo,为什么这么做,以及怎么做。希望面临类似需求的同学能学到需要的知识。

    肯定大家点赞分享,一键三连。

    视频大纲:

    1. 开场白
    2. 介绍 pnpm
    3. 介绍 monorepo
    4. monorepo 的优劣
    5. 何时该用 monorepo
    6. 为何推荐用 pnpm 管理 monorepo
    7. 项目实操
    8. 答疑

    有任何问题、意见、建议,欢迎留言弹幕私信与我交流。另外,我现在还在组织模拟面试,想参加的同学,也请跟我联系。目前下周还是空缺,欢迎投稿。

  • 重发老视频:使用 CSS 制作工序流程图

    整理之前录的视频,发现一个漏掉没有上传的:

    这个视频里,我演示了如何使用纯 HTML + CSS 制作工序流程图。涉及到的技术包括:

    1. display:flex Flex 布局
    2. 使用 order: N 调整显示顺序,以实现响应式
    3. 使用 position:XX 调整定位

    虽然项目不大,不过大部分布局相关的技术都有所涉及,很适合刚入门和初级同学学习。


    今年想继续在直播、视频方面发力,希望大家支持。如果有什么想听的想看的想学的,也欢迎点菜。