首页
学习
活动
专区
工具
TVP
发布

Cellinlab's Blog

专栏作者
214
文章
148595
阅读量
29
订阅数
Mermaid 时序图常用语法
Cellinlab
2023-10-09
4010
Refactoring UI
Cellinlab
2023-09-17
3450
【读书笔记】《容忍与自由》
Cellinlab
2023-09-01
1850
【读书笔记】《思考的框架》
Cellinlab
2023-08-02
3470
最流行六种的 API 架构风格(附 Node.js DEMO)
本篇将介绍六种最流行的 API 架构风格,分别是 SOAP、RESTful、GraphQL、gRPC、WebSocket 和 Webhook。对于每种 API 架构风格,我们将深入探讨其优点、缺点以及适用场景,并提供相应的 DEMO 以帮助读者更好地理解每种 API 架构的实现方法和运作原理。
Cellinlab
2023-06-01
1.7K0
ChatGPT Prompt Engineering for Developers
Load the API key and relevant Python libaries.
Cellinlab
2023-05-17
1.1K0
Setting Up a Dev Environment with React, Vite, TypeScript, Material-UI and TailwindCSS
# Step by Step Guide Create Project Folder pnpm create vite@latest cellinlab-home -- --template react-ts cd cellinlab-home Install Tailwind CSS and Other Dependencies pnpm install -D tailwindcss postcss autoprefixer Generate Tailwind CSS Config File pnpx
Cellinlab
2023-05-17
2690
使用 Node.js、Canvas 和 FFmpeg 实现实时视频流生成与推送
在许多实时视频应用场景中,我们需要动态生成实时视频流并将其推送到 RTMP 服务器。例如,我们可能需要生成一个实时显示当前时间的视频流,或者在游戏直播时显示实时弹幕等。本文将介绍如何使用 Node.js、Canvas 和 FFmpeg 实现这一需求。
Cellinlab
2023-05-17
1.7K0
React 设计模式 0x8:测试
测试在每个 Web 应用程序中都非常重要,即使在 React 中也是如此,特别是在其组件方面。
Cellinlab
2023-05-17
1.8K0
React 设计模式 0x7:构建可伸缩的应用程序
在构建 React 应用程序时,总会有一些情况,您不希望重新渲染组件,除非某些 prop 或值发生了更改,或者达到了某些条件;这称为条件渲染。
Cellinlab
2023-05-17
1.2K0
React 设计模式 0x6:数据获取
在大多数 React 应用程序中,应用程序需要来自 API 或服务器的数据才能正常运行。也会将数据从应用程序提交到服务器以接收某种响应。有几种方法可以将此数据发送/获取到 API 或服务器,可以使用内置的 API 或外部 npm 包来实现。
Cellinlab
2023-05-17
1.2K0
React 设计模式 0x5:服务端渲染 SSR
SSR(Server-Side Rendering,服务器端渲染)是指将 React、Vue、Angular 等客户端渲染的应用在服务器端执行一次,然后将渲染结果返回给浏览器进行展示的过程。相对于客户端渲染(CSR,Client-Side Rendering),SSR 可以提高页面的首屏加载速度和搜索引擎优化(SEO),因为它可以在服务器端直接生成 HTML,并将静态资源(如 CSS、JavaScript 等)和页面数据一起返回给客户端,从而减少客户端的渲染工作量。
Cellinlab
2023-05-17
3.9K0
React 设计模式 0x4:样式
在每个 Web 应用程序中,样式化非常重要,因为样式使其对用户非常有吸引力,并为用户提供良好的体验。在 React 中有不同的方法来实现这一点。
Cellinlab
2023-05-17
1.3K0
React 设计模式 0x3:Ract Hooks
React Hooks 是在函数式组件中使用的生命周期方法,React Hooks 在 React 16.8 中被引入。在类组件中的生命周期方法已被合并成 React Hooks,React Hooks 无法在类组件中使用。
Cellinlab
2023-05-17
1.5K0
React 设计模式 0x1:组件
驼峰式命名法(Camel Case),也叫小驼峰式命名法(Lower Camel Case)
Cellinlab
2023-05-17
8330
React 设计模式 0x2:整洁和可维护的代码
大多数代码都会被推送到在线仓库(GitHub 等),使我们能够拥有持续集成(CI)和持续交付(CD)
Cellinlab
2023-05-17
3440
React 设计模式 0x0:典型反例和最佳实践
React 使用可重用组件作为应用程序的基本单元。然而,我们有时会编写过于冗长和难以阅读的组件,包括从逻辑到显示呈现的所有内容。这会导致调试和修复困难。
Cellinlab
2023-05-17
9950
React 应用架构实战 0x8:配置 CI/CD 进行测试和部署
在本节中,我们将学习什么是 CI/CD 。然后,我们将学习 GitHub Actions 是什么以及 GitHub Actions 流水线的主要部分是什么。然后,我们将学习如何创建一个 CI/CD 流水线,将自动验证并将应用程序部署到 Vercel。
Cellinlab
2023-05-17
5770
React 应用架构实战 0x7:测试
在这一节中,我们将学习如何使用不同的测试方法来测试我们的应用程序。这将使我们有信心对应用程序进行重构、构建新功能和修改现有功能,而不用担心破坏当前的应用程序行为。
Cellinlab
2023-05-17
1.6K0
Setup React and Tailwind CSS Project with Vite
# Step by Step Guide Create Project Folder pnpx create vite@latest my-vite-app -- --template react cd my-vite-app Install Tailwind CSS and Other Dependencies pnpm install -D tailwindcss postcss autoprefixer Generate Tailwind CSS Config File pnpx tailw
Cellinlab
2023-05-17
2960
点击加载更多
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档