git-tips想要添加您的建议吗？请查看contribute.md文件。

English |中文| Русский |俄罗斯한국어 | Tiếng Việt |日本语| नेपाली |波兰|阿尔斯

• git-tip - 一个方便的命令行工具，可充分利用这些技巧。（此处运行于 Docker 容器中）

PS：所有这些命令都已在 .上测试过git version 2.7.4 (Apple Git-66)。

• 每天使用 Git 大约需要二十条命令
• 显示 Git 自带的实用指南
• 按内容搜索变化
• 显示特定文件随时间的变化
• 推送后，从历史记录中删除敏感数据
• 与远程同步，覆盖本地更改
• 提交之前的所有文件列表
• Git 重置第一次提交
• 重置：保留未提交的本地更改
• 列出所有冲突文件
• 提交中所有已更改文件的列表
• 自上次提交以来的未暂存更改
• 已暂存待提交的更改
• 同时展示分阶段和未分阶段的变化
• 列出所有分支……

此命令行界面允许您将 Node.js 项目打包成可执行文件，即使在未安装 Node.js 的设备上也可以运行。

• 制作一个不包含源代码的商业版应用程序。
• 制作一个不包含源代码的应用演示/评估/试用版本
• 立即生成适用于其他平台的可执行文件（交叉编译）
• 制作某种自解压存档或安装程序
• 无需安装 Node.js 和 npm 即可运行打包后的应用程序。
• 无需下载数百个文件来npm install部署应用程序。只需将其部署为单个文件即可。
• 投资你的资产……

TypeScript 中的 React 和 Redux - 完整指南

“本指南是一部不断更新的汇编，记录了使用TypeScript以函数式风格使用React（及其生态系统）的最重要模式和方法。它将帮助你编写完全类型安全的代码，同时专注于从实现中推断类型，从而减少因过多类型注解而产生的噪音，并使编写和维护正确的类型变得更加容易。”

觉得有用吗？想了解更多更新内容？

点赞⭐以示支持

---

什么是新的？

🎉现已更新，支持TypeScript v4.6 🎉 🚀 _已更新至typesafe-actions@5.x🚀

---

• 完全的类型安全（带--strict标志），不会在应用程序的所有层级中丢失类型信息（例如，不使用类型断言或any类型修改）。
• 利用 TypeScript 语言的高级特性（例如类型推断等），消除类型中的冗余，使类型注解更加简洁。

欢迎来到React Kawaii！本仓库包含网站和 React 包。

React Kawaii 是一个开源的可爱 SVG 插图库。如果您想为您的 React 应用增添一些可爱元素，它就是完美之选。

React Kawaii 的网站位于该apps/website目录中。它用作文档中心，也可能包含演示、教程以及与该项目相关的其他资源。

在本地启动网站：

1. 导航至该apps/website目录。
2. 使用以下命令安装依赖项pnpm install：
3. 使用以下命令运行开发服务器pnpm start。

名为 的 React 包react-kawaii位于该packages/react-kawaii目录中。它包含了 React 组件的源代码。

react-kawaii要在您的项目中使用该软件包：

1. 从 npm 或 yarn 安装：

   npm install --save react-kawaii
   

   或者

   yarn add react-kawaii
   

2. 在你的 React 应用中导入所需的组件：

   import

   …

可直接替换 textarea 组件，并能根据内容变化自动调整 textarea 的大小。它是广受欢迎的jQuery Autosize的原生 React 版本！压缩后大小约为1.3KB。

本模块支持IE9及以上版本。

import TextareaAutosize from 'react-textarea-autosize';

// If you use CommonJS syntax:
// var TextareaAutosize = require('react-textarea-autosize').default;

React.renderComponent(
  <div>
    <TextareaAutosize />
  </div>,
  document.getElementById('element'),
);

npm install react-textarea-autosize

https://andarist.github.io/react-textarea-autosize/

内容感知图像调整器

• ▶️ 演示
• ✏️工作原理
• 📄 Shai Avidan和Ariel Shamir设计的缝纫雕刻纸

背景图片由伊恩·杜利提供

当需要改变图像比例（例如，在保持高度不变的情况下缩小宽度）且不希望丢失图像的某些部分时，可以应用内容感知图像缩放。在这种情况下，直接进行图像缩放会导致图像中的对象变形。为了在改变图像比例的同时保持对象的比例，我们可以使用接缝雕刻算法。

在下面的示例中，您可以看到原始图像宽度分别通过内容感知调整大小（左图）和直接缩放（右图）缩小了 50%。在本例中，由于气球的比例得以保留，左图看起来更加自然。

接缝雕刻算法的思想是找到……

Deno 是一个简单、现代且安全的 JavaScript 和 TypeScript 运行时环境，它使用 V8 引擎，并用 Rust 语言编写。

这份列表收集了最好的 Deno 模块和资源。

• 文档
  • 官方文件
  • 外部文档
  • 在线游乐场
• 模块
  • 自动化
  • CLI 工具
  • 云 API
  • 数据库
  • 编辑器框架
  • 前端开发
  • 前端框架
  • 游戏引擎
  • 法学硕士
  • 日志记录
  • 机器学习
  • 邮件
  • Markdown
  • 数学
  • 静态网站生成器
  • 字符串工具
  • 社交平台API
  • 模板引擎
  • 测试
  • 工具
  • Web框架
  • WebSocket
  • Web 工具
  • 网页视图
  • XML
• 登记处
• 展示柜
• 工具
• 集成
• 文章
• 博客/新闻简报
• 演示文稿
• 资源
  • 图书
• 其他语言资源
  • 中国人
  • 希伯来语
  • 印度尼西亚
  • 意大利语
  • 日本人
  • 韩国人
  • 俄语
  • 西班牙语
  • 达里贾语（摩洛哥阿拉伯语）
  • 库尔德语（中部）

• 官方网站
• Deno手册
• Deno API 参考
• Deno标准模块

• Deno 的 V8 文档

• Codesandbox 中的 Deno Starter
• myCompiler.io
• Repl.it

• 自动驾驶- 自动驾驶 - 使用 Deno 实现跨平台 Web 自动化。
• 瑞士军刀- SwissKnife…

howler.js是一个面向现代 Web 的音频库。它默认使用Web Audio API，并在必要时回退到HTML5 Audio。这使得在所有平台上使用 JavaScript 处理音频变得轻松可靠。

更多信息、实时演示和用户展示可在howlerjs.com上找到。

关注 Twitter 上的@GoldFireStudios，了解 howler.js 和开发相关的讨论。

• 单一 API 满足所有音频需求
• 默认使用 Web Audio API，如果不支持则回退到 HTML5 Audio。
• 处理各种环境下的极端情况和错误
• 支持所有编解码器，实现完全跨浏览器兼容性
• 自动缓存以提高性能
• 单独、分组或全局控制声音
• 同时播放多个声音
• 简单的声音精灵定义和播放
• 可完全控制淡入淡出、速率、搜索、音量等。
• 轻松添加 3D 空间音效或立体声声像定位
• 模块化设计——按需使用，易于扩展。
• 没有外部依赖，只有纯 JavaScript
• 轻如鸿毛……

安装•使用•贡献

该库使用 TypeScript 编写，并编译成 UMD 模块，以便集成到不同的环境中。

您可以从jsdelivr获取最新版本。

<script src="https://cdn.jsdelivr.net/npm/party-js@latest/bundle/party.min.js"></script>

库实例被加载到全局party对象中。

如果您使用的是包管理环境，也可以通过npm安装最新版本。

npm install party-js
# or
yarn add party-js

使用方法很简单，只需输入require或import输入即可。

import party from "party-js";
// or
const party = require("party-js");

该库本质上提供了一个完全可定制的粒子系统，并将其集成到 HTML 文档中。用户可以使用该库创建并微调各种特效，以满足个人喜好。该库还提供了一些开箱即用的简单特效，因此您无需浪费时间重新创建这些简单的特效……

CHOC是Chakra Higher Order Components（脉轮高阶组件）的缩写。Choc UI 是一系列组件的集合，其灵感来源于许多常用的 Web 组件，并基于 Chakra UI 库进行了重构。

请访问Choc-UI 网站查看实际效果。

• 元素
  • 标题
  • 牌
  • 警报
  • 分页
  • 徽章
  • 渐变图标
  • 旋转木马
  • 空 - Antd、https: //readyui.co、razorui.com
  • 结果 - Antd
  • 额外组件
• 页面部分
  • 英雄
  • 特色章节
  • CTA 部分
  • 定价部分
  • 客户专区 - WickedBlocks
  • 内容章节
  • 常见问题解答
  • 新闻简报栏目
  • 统计数据 - Kutty、TailwindUI
  • 用户评价
  • 博客版块 -
  • 联系部门
  • 页脚 - Meraki UI
  • 标志云
• 导航 - Tailwind UI、Meraki UI
  • 导航栏
  • 垂直导航（菜单）
  • 侧边栏导航
• 标题 - TailwindUI
  • 卡片标题
  • 章节标题
  • 页面标题
• 示例页面 - Meraki UI，Kutty
  • 着陆页
  • 联系页面
  • 错误页面
  • 主屏幕
  • 详情页面
  • 设置屏幕
• 形成顺风
  • 表单布局 - Tailwind
  • 登录和注册 - WickedBlocks
• …