倾城之链 | 优质网站周刊

优质网站同好者周刊(第 071 期)

倾城之链作为一个开放平台,旨在云集全球优秀网站,探索互联网中更广阔的世界。此周刊,将汇聚过去一周倾城所收录的内容,以飨同好;欢迎推荐或自荐(仅限有独立域名的网站,可以是二级域名)。您如果要了解收录要求,请参见关于倾城

备注:本周刊每周五生成,首发于个人微信公众号晚晴幽草轩、博客晚晴幽草轩,以及悠然宜想亭社区;此一键生成脚本基于 Deno 编写,并在 Github 开源:nicejade/nicelinks-weekly

现代 JavaScript 教程

标签JavaScript · 教程 · Web开发

现代 JavaScript 教程:有关示例和任务的简单但详细的解释包括:闭包、文档和事件,以及面向对象编程等。

倾城之链 - 现代 JavaScript 教程

推荐语现代 JavaScript 教程,以最新的 JavaScript 标准为基准。通过简单但足够详细的内容,为你讲解从基础到高阶的 JavaScript 相关知识。该课程的核心内容,包含 2 部分,涵盖了 JavaScript 编程语言相关知识,以及浏览器行为。此外还有一系列的专题文章。其内容广泛,诸如:JavaScript 基础知识、代码质量、数据类型、函数进阶内容、原型,继承、错误处理、Promise,async/await、网络请求、动画、浏览器中存储数据、Web components、正则表达式等等,读了几篇,如 柯里化(Currying),讲解深入浅出,通俗易懂,令人受益良多。无论您是前端入门初学者,还是资深开发,相信这份教程,都会产生积极作用。

── 出自倾城之链 - 现代 JavaScript 教程

树莓派实验室 | Raspberry Pi 中文资讯站,提供丰富的树莓派使用教程和 DIY 资讯

标签树莓派 · 资讯 · 学习

关键字:树莓派, raspberry pi, ARM, 单板机, 树莓派论坛

树莓派(Raspberry Pi)中文资讯站,提供丰富的树莓派教程和 DIY 资讯。

倾城之链 - 树莓派实验室 | Raspberry Pi 中文资讯站,提供丰富的树莓派使用教程和DIY资讯

推荐语树莓派实验室,树莓派(Raspberry Pi)中文资讯站,旨在提供丰富的树莓派教程和 DIY 资讯。您可以在这里看到关于树莓派相关的分享(如相关导航、教程、资源下载等);当然,您也可以在此分享内容,给予相当数量的树莓派玩家(该站每月有数万的树莓派爱好者访问),对于优质内容,他们会在微信公众号和姊妹站(趣小组 等)同步推送。

── 出自倾城之链 - 树莓派实验室 | Raspberry Pi 中文资讯站,提供丰富的树莓派使用教程和 DIY 资讯

RedwoodJS: The App Framework for Startups

标签Web开发 · 框架 · GraphQL

Grow from side project to startup with RedwoodJS. Combines React, GraphQL, and Prisma for a full-stack app framework.

倾城之链 - RedwoodJS: The App Framework for Startups

推荐语RedwoodJS ,是一个开源的全栈 Web 框架,旨在帮助您从业余项目成长为初创公司。其使命是:帮助更多的初创公司,更快地探索更多的领域。RedwoodJS 制作一个更集成的框架,Redwood 具有端到端的开发工作流程, 将 ReactGraphQL 、Prisma、 TypeScript 、Jest 和 Storybook 的最佳部分结合在一起。有关完整的灵感和愿景,请参阅 Redwood 的 README.md 文件

React

选择了世界上最受欢迎的渲染引擎,来支持 Redwood 的 Web 前端。使用 React,您可以选择学习材料、设计系统和训练有素的员工。

GraphQL

随着项目的增长,需要与后端通信的客户端应用程序的数量也会增加。以 GraphQL API 为基础,您可以轻松地生活在多客户端世界中。

TypeScript

可选的 TypeScript 支持为您提供最好的 JavaScript 和最好的类型系统。即使你用 JS 构建你的应用程序,你仍然会得到杀手级的自动完成,因为 Redwood 本身是用 TypeScript 编写的。

Prisma

与您的数据库交互从未如此简单。Prisma 极受欢迎的 ORM 允许您更多地关注您的业务逻辑,而不是 SQL 的复杂性。

Jest

知道您的关键代码路径已经过良好测试,晚上睡得很好。Redwood 通过“场景”增强了 Jest,使您可以轻松地为给定场景设置数据库,加上 GraphQL 模拟以轻松测试数据流。

Storybook

如果您使用 Storybook 单独设计您的组件,您不仅不必与您的框架争吵以查看它处于特定状态,而且您还可以免费构建一个全面的设计参考!

Redwood 应用程序,是一个 React 前端,与一个定制的 GraphQL API 对话。该 API 使用 Prisma 来操作数据库。开箱即可获得与 Jest 紧密集成的测试,与 Pino 的日志,以及与 Storybook 的 UI 组件目录。设置认证(如 Auth0)或 CSS 框架(如 Tailwind CSS)只需在一个命令行中调用。最重要的是,Redwood 的架构允许你部署到无服务器供应商(如 Netlify、Vercel),或传统的服务器和容器供应商(如 AWS、Render),两者之间几乎不需要改变代码。如果您在构建 Web 应用领域,没有足够的经验,Redwood 是非常值得运用起来的框架,它能免去您在各种技术中选择的苦恼。

另外值得一提的是, RedwoodJS 是由 Tom Preston-Werner 发起的最新开源项目,他是 GitHub 的联合创始人, Jekyll (最早也是最受欢迎的静态站点生成器之一)的创建者,Gravatar(最受欢迎的 avatar service),语义版本控制规范的作者(为 Node 打包生态系统提供支持),以及 TOML(许多项目使用的一种明显的、最小的配置语言)的发明者。

── 出自倾城之链 - RedwoodJS: The App Framework for Startups

Ramda Documentation

标签JavaScript · 编程

A practical functional library for JavaScript programmers. 一款实用的 JavaScript 函数式编程库。

倾城之链 - Ramda Documentation

推荐语Ramda,一款实用的 JavaScript 函数式编程库。它具备以下特性:

  • Ramda 强调更加纯粹的函数式风格。数据不变性和函数无副作用是其核心设计理念。这可以帮助你使用简洁、优雅的代码来完成工作。
  • Ramda 函数本身都是自动柯里化的。这可以让你在只提供部分参数的情况下,轻松地在已有函数的基础上创建新函数。
  • Ramda 函数参数的排列顺序更便于柯里化。要操作的数据通常在最后面。

最后两点一起,使得将多个函数构建为简单的函数序列变得非常容易,每个函数对数据进行变换,并将结果传递给下一个函数。Ramda 的设计能很好地支持这种风格的编程。

Ramda 理念

使用 Ramda 时,应该感觉像使用原生 JavaScript 一样,它是实用且函数式的 JavaScript。Ramda 没有在字符串中引入 lambda 表达式,也没有借用 consed 列表,更不是要移植所有的 Clojure 函数。Ramda 基本的数据结构都是原生 JavaScript 对象,常用的集合是 JavaScript 的数组。

Ramda 还保留了许多其他原生 JavaScript 特性,例如,函数是具有属性的对象。函数式编程,优势主要体现在:数据不变性函数无副作用两方面。虽然 Ramda 没有对此特别加强,但它在这两方面支持的非常好。最后但同样重要的是,Ramda 追求性能。可靠且快速的实现胜过任何功能纯度的概念。

目前已经存在许多优秀的函数式的库。通常它们作为通用工具包,可以用于多种编程范式。Ramda 的目标更为专注:专门为函数式编程风格而设计,更容易创建函数式 pipeline、且从不改变用户已有数据。

就个人多年编程开发而言,没有更好和更坏的范式。有经验的开发人员,可以看到每种范式的优点,并为给定的问题选择相对更合适的。过程式编程,并不是说你不能使用函数;函数式编程也不会阻止你使用“类”。这些范式,只是以一种随代码增长而有益的方式,来帮助解决问题。关于函数式编程,有参考各种资料,梳理出博文:浅谈关于「函数式编程」的理解;感兴趣的朋友可以了解下,相信当您恰当运行函数式编程思想,可以让您的代码更为优雅,易于阅读、扩展、维护。

── 出自倾城之链 - Ramda Documentation

fresh - The next-gen web framework.

标签Deno · 框架 · Web开发

Just in time edge rendering, island based interactivity, and no configuration TypeScript support using Deno.

倾城之链 - fresh - The next-gen web framework.

推荐语Fresh ,是下一代 Web 框架,基于 Deno ,专为速度、可靠性和简单性而构建(在 Github 开源)。它具备一些突出的特点:

  • 边缘实时渲染。
  • 基于岛屿的客户水合作用可实现最大的互动性。
  • 零运行时开销:默认情况下不向客户端发送 JS。
  • 没有构建步骤
  • 无需配置
  • 开箱即用的TypeScript 支持

Fresh 采用了久经考验的服务器端渲染设计和客户端的渐进增强。它是一个面向 JavaScript 和 TypeScript 开发人员的全栈现代 Web 框架,旨在让创建高质量、高性能和个性化的 Web 应用程序变得轻而易举。您可以使用它来创建您的主页、博客、大型 Web 应用程序(如 GitHub 或 Twitter)或您能想到的任何其他内容。

Fresh 的核心是路由框架和模板引擎的组合,可在服务器上按需呈现页面。除了在服务器上的这种即时 (JIT) 渲染之外,Fresh 还提供了一个接口,用于在客户端无缝渲染一些组件,以实现最大的交互性。该框架使用 Preact 和 JSX 在服务器和客户端上进行渲染和模板化。

Fresh 也没有构建步骤。你写的代码也直接是在服务器上运行的代码,在客户端上执行的代码。将 TypeScript 或 JSX 转换为纯 JavaScript 的任何必要转换都是在需要时即时完成的。这允许非常快速的迭代循环和非常非常快速的部署。

── 出自倾城之链 - fresh - The next-gen web framework.

妙言 - 轻灵的 Markdown 笔记本

标签编辑器 · Markdown · 软件

关键字:Markdown, Tw93, MiaoYan, MacApp

轻灵的 Markdown 笔记本伴你写出妙言~

倾城之链 - 妙言 - 轻灵的 Markdown 笔记本

推荐语妙言,⛷ 轻灵的 Markdown 笔记本伴你写出妙言;根据其主页文档介绍,妙言具有以下功能特征:

  • 纯本地使用,无需联网即可使用,源文件保存;
  • 安全,完全开源 Github,不会上传用户信息;
  • 支持语法高亮、黑暗模式、国际化、演示模式、文档自动排版;

  • 极简的设计风格,没有多余的东西;
  • 文件夹 + 文件列表 + 编辑器三栏设计,可收起;
  • 中文默认使用霞鹜文楷字体,让文字也很美;

  • 使用 Swift5 开发,原生极致性能;
  • 对多文件做了特别的性能优化,确保不卡顿;
  • 相比当前市面上套壳 Web 的方式轻巧很多;

  • 操作过程很轻巧,不耽误你的时间;
  • 编辑体验媲美原生代码编辑器;
  • 内置众多快捷键助你快人一步;

安装使用

您可从  GitHub Releases  中下载最新的 MiaoYan.dmg 安装包,双击安装即可。具体使用方式如下:

  1. 可以在 iCloud 或根目录下创建一个  MiaoYan  的文件夹,打开妙言的设置,将默认存储地址修改成这个。
  2. 点击妙言左上角新增文件夹的图标,创建好自己的文档分类文件夹,就可以开始使用了。
  3. 同样假如你不习惯默认的字体,可以在设置中修改成其他的正常字体。

为什么要做妙言?作者在 Github MiaoYan 写道:之前有尝试过众多的笔记应用,大学时期为知笔记、印象笔记,工作时候用过 Ulysses(无预览)、Quiver(多年不更新)、MWeb(功能复杂)、Bear(Markdown 图片等富格式不支持),种种原因,没有找到一个好用的 Markdown 应用,才有了做妙言的想法。(作者)本职工作为前端开发,会一点 iOS 开发,喜欢折腾,借妙言来玩一下 Swift 以及 OSX 开发,当做一个很愉快的事情。

── 出自倾城之链 - 妙言 - 轻灵的 Markdown 笔记本

对倾城之链感兴趣的朋友,可通过 Web,小程序,快应用等渠道进行访问(后续将支持更多,如 VsCode 插件,Chrome 扩展等)。您有任何问题,欢迎随时向我们反馈(您可以通过官网反馈渠道,或添加如下倾情打赏),🤲 。

倾城之链 - 倾情打赏

本期文末寄语

我现在学会更长远的眼光看待别人;换句话说,当我看到一些事情没有做好时,我的第一反应并不是赶紧去纠正,而是说我们要打造的团队,下个时代要能做成伟大的事业,而不仅仅是下一年;所以我需要做的是帮助别人在失败中汲取教训、学习成长,而不是我直接去解决问题;有时候这会很痛苦,而且我还是直觉第一反应想去立刻亲自解决问题,但是我们需要用更长远的眼光去看待别人。── 史蒂夫 · 乔布斯

倾城之链作为一个开放平台,旨在云集全球优秀网站,探索互联网中更广阔的世界;在这里,你可以轻松发现、学习、分享更多有用或有趣的事物。

微信公众号 - 晚晴幽草轩

您可能感兴趣的文章