Yang

Dev Explorer Weekly.003

0 views
2 mins

Nextra

#React Nextra是一个简单、强大和灵活的网站生成框架,它拥有你从Next.js中喜爱的一切。它提供了文档和开发指南,并使用PNPM Workspaces和Turborepo来安装依赖项。你可以使用pnpm dev命令在本地调试网站,并且任何对示例/文档的更改都会立即重新渲染。如果更新核心或主题包,需要重新构建,或者可以在不同的终端中使用watch模式来同时监视nextra和主题。 传送门:shuding/nextra frame_chrome_mac_dark.png

Recent.Design

#Design Recent Design

这个网站收集了很多网络、界面和交互设计的摘要,强调质量胜过数量。这个频道的创立初衷是将Twitter上发布的令人惊叹的设计作品整合到一个地方。 image.png

CSS Tip

#CSS CSS Tip: Learn CSS the easy one 这是一个名为CSS Tip的小网站,每天可以学习一个新的CSS技巧。网站上包含了各种CSS的秘密,如Flexbox、CSS Grid、Gradients、Colors、Animation、Masking、Selectors等。每个技巧只需要一分钟的时间来阅读。还可以随机获取一个CSS Tip来给自己带来惊喜。网站还提供了一些有趣的CSS效果和动画示例。 image.png


另外同系列还有一个 CSS Generatros 网站,这里有几个小工具可以快速帮助生成自定义边框、 clip-path 、[[-webkit-mask]]、以及 Shadows等 image.png

Simple-rxjs

simple-rxjs 这个仓库是关于如何使用200行代码理解RxJS的核心概念的教程。文章介绍了如何逐步实现RxJS的核心功能,包括Observable的实现、创建类操作符(如of、from、fromEvent、interval、timer)的实现、过滤类操作符(如filter、take)的实现、工具类操作符(如tap)的实现、组合类操作符(如merge)的实现,以及转换类操作符(如map、filter)的实现。文章还介绍了如何使用链式调用和pipe调用来实现转换类操作符,并对比了两种方式的优劣。最后,文章提供了完整的核心代码和相关demo的下载地址。 image.png

暴力猴

Violentmonkey image.png

暴力猴是一个一个开源的用户脚本管理器。为浏览器提供用户脚本支持。你可能没听过它,但是一定听过油泼猴,它功能强大,可以自定义网页,自动化工作,数据云同步到Dropbox、OneDrive、Google Drive或WebDAV服务。可以在不同浏览器之间同步。用户友好,简单易用,无需进行选择。可以与外部编辑器进行通信

Chrome 扩展程序下载地址:Chrome 应用商店 - 扩展程序 推荐两个脚本:

Caddy

#Server Caddy - The Ultimate Server with Automatic HTTPS

Caddy 是一個近几年迅速蹿红的 Web Server,主要是以 Go 語言开发,可以用于搭建服务器、反向代理等。相对于主流的 [[Nginx]],Caddy 原生支持 [[HTTPS]],会自己帮你去申请 Let’s Encrypt 的认证,而且配置非常简单

Caddy是一个可扩展的服务器平台,每个站点默认使用TLS。它支持HTTP/1.1,HTTP/2和HTTP/3,并具有易于配置的Caddyfile和强大的JSON配置。Caddy可以自动获取ZeroSSL和Let’s Encrypt的证书,并具有高度可扩展的模块化架构。安装Caddy可以通过下载可执行文件或从源代码构建。Caddy的文档完整且开源,可以通过社区论坛获取帮助。Caddy由Matthew Holt开发,并由ZeroSSL公司支持。 image.png

Notes:

  • [[Caddy]]
  • [[Caddy 定义本地端口为HTTPS域名]]
  • [[Choco]]
  • [[Mkcert]]

Posts

  • 14 Linting Rules To Help You Write Asynchronous Code in JavaScript - Maxim Orlov
    • 这篇文章介绍了在JavaScript和Node.js中调试异步代码的困难之处,并提供了一些ESLint规则来帮助我们编写更好的异步代码。这些规则包括禁止在Promise构造函数中传递async函数、禁止在循环中使用await、禁止在Promise构造函数中返回值等等。此外,还介绍了一些针对Node.js的ESLint规则和一些针对TypeScript的规则。最后,作者还提供了一个ESLint配置包,可以方便地添加到项目中。