Piirajinen 在 Hacker News 上表示，它是 React、Vue、Next.js、Vite、Svelte 和 Astro 的替代品。...Piirajinen 在 Hacker News 上的帖子中提到，过去 12 个月以来，他一直从事项目开发工作，最近还转为全职。...四种组件类型 Nue 拥有丰富的组件模型，允许开发者使用不同类型的组件构建起各类应用： 服务器组件：在服务器端渲染，可以帮助我们构建起以内容为中心的网站，无需 JavaScript 即可提升加载速度，并可接受搜索引擎的抓取...静态网站生成器：只需将其导入项目即可准备渲染，无需借助捆绑器。 单页应用程序：可配合即将推出的 Nue MVC 构建起更简单、更具可扩展性的应用程序。...这里也希望有更多的前端开发者停止人云亦云，尝试独立思考，想想过去的老前辈是怎么努力减少内存占用量的。 我每次看到如今的 Slack 等应用程序，都有种悲伤和绝望的感觉。
图片上图是我和GPT4的对话，全部是GPT4写的代码就生成了一个Hack News网页端，地址体验： https://hn.brzhang.club，下面，我把我的实现步骤写出来。...使用 Next.js 构建一个 Hacker News 首页是个不错的选择。Next.js 是一个基于 React 的框架，用于构建服务器渲染和静态生成的 Web 应用。下面是一步一步的指南：1....然后，在命令行中运行以下命令来创建一个新的 Next.js 项目： npx create-next-app hacker-news cd hacker-news2....安装依赖： 为了从 Hacker News API 获取数据，我们需要安装 `axios`。在项目根目录中运行以下命令： npm install axios3....现在，你应该有一个基本的 Hacker News 首页，显示前 30 条顶级新闻条目。你可以根据需要添加更多功能，例如分页、搜索和评论。
在 Hacker News 上介绍它时，前端开发者和Nue.js 的创作者Tero Piirainen表示，它是 React、Vue、Next.js、Vite、Svelte 和 Astro 的替代品。...他在 Nue.js的 FAQ 中进一步解释说，它是为网站和响应式用户界面设计的。该工具集已根据MIT许可进行了开源。 “Nue生态系统仍在开发中，今天我发布了一个小而强大的核心：Nue JS。”...他在Hacker News上写道。“这是一个非常小的（压缩后2.3kb）用于构建用户界面的JavaScript库。” Nue 来源于德语词汇 neue，翻译成英语是新。...UI开发； Nuemark，一个用于丰富和交互式内容的markdown风格； Nuekit，用于用更少的代码构建网站和web应用。...来自赫尔辛基的Piirainen在开源项目、技术产品和创业公司方面拥有超过25年的经验。Piirainen之前编写的项目包括 iot.js、Flowplayer和jQuery Tools。
原子化的CSS，减少主页80％的CSS 在我们的旧网站上加载主页时，加载了超过400KB的压缩CSS（2MB未压缩），但实际上只有10%的CSS被用于初始渲染。...相反，我们现在用一种熟悉的语法来编写样式，它的灵感来自于React Native风格的API。我们保证样式以稳定的顺序应用，而且不支持CSS后裔选择器。...我们将初始加载所需的JavaScript分成三层，使用一个声明式的、可静态分析的API。 第1层是显示上层内容的首刷所需的基本布局，包括初始加载状态的UI骨架。 ?...在新网站上，我们能够与我们的移动应用标准化，并确保所有的数据获取都通过GraphQL进行。...（来自网上的解释）) 在最初加载Facebook.com时，有些内容可能会被隐藏或呈现在视口之外。例如，大多数屏幕上可以容纳一到两个News Feed帖子，但我们不知道事先会容纳多少个。
来自：开源中国 原文：https://github.com/sdmg15/Best-websites-a-programmer-should-visit 在学习计算机科学（CS）时，必须知道一些有用的网站...下面是你应该访问的一些网站的不详尽的列表，一旦我得到了另一个链接，这个列表就会被更新，但是你也可以添加你知道的网站来做贡献。...，可以通过1对1的帮助等在同行开发人员的指导下学习 新闻 Hacker News: 程序员的新闻聚合，在那里礼貌为王，尝试以一篇时事通讯在你的收件箱里获取头条新闻 Hacker Newsletter:...)机械电脑: 从20世纪50年代以来，非常好的解释了机械电脑如何在没有所有现代电子产品的情况下的工作原理的视频。...React Native 电台 : 每周讨论用 JavaScript 和 React 创建移动应用的工具、技巧和技术。 IPhreaks : 开发老手的关于 iOS 开发和相关技术的每周小组讨论。
作者：HelloGitHub-小鱼干 2022 年的热点速览加入 GitHub 产品动态之后，这次的图片显示是最得我意的，因为可以提升图片查看人的看片体验。...以下内容摘录自微博@HelloGitHub 的 GitHub Trending 及 Hacker News 热帖（简称 HN 热帖），选项标准：新发布 | 实用 | 有趣，根据项目 release 时间分类...由于本文篇幅有限，还有部分项目未能在本文展示，望周知 News 快读 1. 产品·GitHub 可为暗黑模式指定图片 GitHub 暗黑模式自前年上线之后，这次它优化了图片显示。...下图为有意思的加载条和游戏启动界面，是不是很有游戏厅，回到小时候的感觉呢。...一个自动转换 mitmproxy 捕获到 OpenAPI 3.0 规范的工具，你可以通过运行应用程序并捕获流量来自动反向工程 REST API。
下面是你应该访问的一些网站的不详尽的列表，一旦我得到了另一个链接，这个列表就会被更新，但是你也可以添加你知道的网站来做贡献。...: 导师式社区，可以通过1对1的帮助等在同行开发人员的指导下学习 新闻 Hacker News : 程序员的新闻聚合，在那里礼貌为王，尝试以一篇时事通讯在你的收件箱里获取头条新闻 Hacker Newsletter.../r/cscareerquestions : 这里有关于编程面试问题的超长列表，我在为4大面试而学习时汇编的。我想你们会发现它很有用的！...(All Parts) 机械电脑: 从20世纪50年代以来，非常好的解释了机械电脑如何在没有所有现代电子产品的情况下的工作原理的视频。...React Native 电台 : 每周讨论用 JavaScript 和 React 创建移动应用的工具、技巧和技术。 IPhreaks : 开发老手的关于 iOS 开发和相关技术的每周小组讨论。
概念详解 客户端渲染（CSR） CSR工作原理： 客户端渲染主要依赖于Ajax或者Fetch API从服务器异步获取数据，并通过JavaScript库（如React、Vue、Angular等）在浏览器端构建...服务器端渲染（SSR） SSR工作原理： 服务器端渲染是在服务器上预先执行JavaScript，生成完整的HTML文档，包含所有静态和动态内容，然后将这个已经完全渲染好的页面发送给客户端。...CSR缺点：SEO友好度较低，初始白屏时间长，不利于网络环境差下的用户体验。 SSR优点：利于SEO，用户首次访问即可看到完整内容，对于加载速度要求高的场景如新闻网站尤为关键。...实例案例 CSR案例：React或Vue构建的大型SPA应用，如Facebook、Netflix等，充分利用客户端计算能力，提供极致交互体验。...SSR案例：新闻类网站如Hacker News、电商网站的商品列表页，保证搜索引擎能够抓取内容，同时提供快速首屏加载。
，EME） 本期精读的文章是：W3C发布加密媒体扩展（Encrypted Media Extensions，EME）正式推荐标准 感谢 xekri 提供 hacker news 上的热门讨论帖：https...W3C 的新闻稿称，“EME 是一个应用编程接口（API），允许无插件播放 Web 浏览器中受保护（加密的）内容，它可以无缝地作用于所有主要的平台。...我当时在写《关于 React 系前端技术的思考》，可是它让我意识到，该关注下 背后的故事了。...2011年时 Silverlight 、HTML5 及 Flash 还是最受热捧的 RIA (富互联网应用) 技术。...如下图：UI：含皮肤、自定义特性（如播放列表、分享等）和业务逻辑部分（广告、设备兼容性逻辑和认证管理等）； 多媒体引擎：处理所有播放控制相关逻辑，如描述文件解析、视频片段拉取、自适应码率规则设定和切换等
Piirajinen 在 Hacker News 上的帖子中提到，过去 12 个月以来，他一直从事项目开发工作，最近还转为全职。...此前，Piirajinen 在 Flowplayer、Muut 和 Volument 担任首席产品官（CPO）时，就有一些不太愉快的前端开发经历。虽然项目最初进展顺利，但很快就变得难以维护。...更快的页面加载速度：通过对样式解耦，开发者可以轻松从次 CSS 中提取主 CSS，并将 HTML 页面保持在关键的 14 kb 限制以内。...四种组件类型 Nue 拥有丰富的组件模型，允许开发者使用不同类型的组件构建起各类应用： 服务器组件：在服务器端渲染，可以帮助我们构建起以内容为中心的网站，无需 JavaScript 即可提升加载速度，并可接受搜索引擎的抓取...静态网站生成器：只需将其导入项目即可准备渲染，无需借助捆绑器。 单页应用程序：可配合即将推出的 Nue MVC 构建起更简单、更具可扩展性的应用程序。
昨天，一位开发人员在 Hacker News 上分享了他最近的经历：因为好奇，他查看了朋友公司的网页源码，发现了对方公司的代码中有一个非常低级的失误。事关安全，于是他马上报告给了他的主管和自己公司。...通过 Charles 检查一番后，我意识到它来自某个我没有映射过的 API…… 我使用 mock 指定了一条卡 ID……而应用随后会要求获取这条数字 ID。...几个月后，我的经理在一天下班时打电话给我，让我临时参加个会。走进会议室，我发现人力专员、公司高管还有我的经理都在。会议结果就是我被解雇了，因为对方宣称我访问了他们的某些内部 API。...安全专家评论：请收好自己的好奇心 这个匿名帖子发出后，网友们进行了激烈的探讨，短时间内在 Hacker News 上盖了几百层楼。...因此，在探索合作伙伴 / 客户的（internal）API 时，意外发现非常具有损坏性的错误和漏洞是正常的。公司和公司、公司和雇员之间，缺乏诚实的沟通、缺乏信任、缺乏合作以使事情变得更好。
我们将抓取 Hacker News 的最新故事，同时指导您完成该过程，以演示如何使用高级 SQL 向量查询增强您的 RAG 应用程序。...HackerNews API：此 API 将从 HackerNews 获取实时数据以进行处理和分析。 准备 设置环境 在开始编写代码之前，我们必须确保安装了所有必需的库和依赖项。...获取和处理故事 接下来，我们从 Hacker News 获取最新和最热门的故事，并处理它们以提取相关数据。...Hacker News 获取最新和最热门的故事。...，在必要时处理长评论，并使用所有处理后的数据创建一个最终的 DataFrame。
作者：HelloGitHub-小鱼干 2021 年在这周彻底同我们告别了，在本周的「News 快读」模块你可以看到过去一年 GitHub 的热门文章，其中有我们熟悉的可能让很多程序员“失业”的 Copilot...，还有官方的云端 IDE CodeSpace 等新产品资讯，也有 GitHub 官方技术团队的 Web 组建、数据库实践，也有新版搜索功能、新首页优化等优化…在阅读官方公布的 Top 10 博文中，小鱼干只知道...@HelloGitHub 的 GitHub Trending 及 Hacker News 热帖（简称 HN 热帖），选项标准：新发布 | 实用 | 有趣，根据项目 release 时间分类，发布时间不超过...你的 AI 结对编程工具：Copilot 开源进入火星 npm 7 发布 优化 GitHub 首页 polkit 权限升级：如何在 Linux 上捕获一个有 7 年历史的 bug GitHub 是怎么使用...API 流量查看器，可以查看微服务之间的所有 API 通信情况，方便你调试和排查故障。
有了 React，你甚至可以交换库本身的 API 兼容替代品，如 Inferno。然而，灵活性越大，责任就越大 - React 没有规则和有限的指导。每个项目都需要决定架构，而且事情可能更容易出错。...再次，我不是建议写巨石 - 我建议在日常开发中使用组件而不是微组件。 关于 Hacker news 和 Reddit 上的博客文章有趣的讨论 - 有来自 Vue 的持异议者和进一步支持者的争论。...对于复杂度不大的应用程序，就不必定义的状态流了，像原生 JS 就足够了。 它是如何工作的？组件在任何时间点描述 UI。当数据改变时，框架重新渲染整个 UI 组件 - 显示的数据始终是最新的。...客户端） Brainfock（用 React 实现的项目和团队管理解决方案） react-hn 和 react-news（仿 Hacker news） react-native-whatsapp-ui...） 以下是 Vue 版的 app： vue-hackernews-2.0 和 Loopa news（仿Hacker News） vue-soundcloud（Soundcloud 演示） 总结 现在决定使用哪个框架
“在 JSR 上发布的包作者很喜欢这种体验，”Deno 的产品营销经理 Andy Jiang 在接受 The New Stack 的电子邮件采访时表示。...月份 在 Hacker News 上 发布。...根据 Deno 开发者关系主管 Kevin Whinnery 在 3 月份 在 Hacker News 上发表的评论，未来可能会有更多功能。...“我当时尝试了很多想法，从我在设计学校期间完成的项目中汲取灵感……” 好奇 JSR 标识和网站设计是如何融合在一起的吗？️ 这里有一窥我们的设计过程。...最终结果“是一种有趣的视觉效果，它将 JSR 品牌和盒子主题联系在一起，并融入了有趣的小互动。”（它也具有很高的性能——加载不到 10 千字节，这将在页面其余部分加载后延迟加载。）
单页面应用程序（SPA）是一种网络应用程序的实现方式，它只加载一个单一的网络文档，然后当需要显示不同的内容时，通过诸如 Fetch 等 JavaScript API 来更新该单一文档的主体内容。...它允许用户在无需从服务器加载全新页面的情况下使用网站。 实现 SPA 的一种流行方式是使用 React。...其中一个主要问题是它依赖浏览器为我们加载所有的 JavaScript 和 HTML。这意味着在移动设备上以及对于网络速度较慢的用户，他们可能会在看到页面时遇到延迟。...使用Gatsby（一个具有 SSR 功能的静态站点生成框架）创建了我的应用 即使没有 JavaScript，我们仍然可以在我的应用上看到内容。那是因为用户收到了预渲染的 HTML！...然后，在 React 应用程序在用户设备上挂载后，第二次渲染会填入所有依赖于客户端状态的动态部分 总结： 预渲染和 Hydration 框架工作时的潜在错误及解决方法 第一次传递：我们看到预渲染的
在您管理许多不同项目的公共依赖项的情况下，您可以利用 NuGet 的中央包管理功能从一个位置轻松完成所有这些工作。...API以及如何在ASP.NET Core中使用它。.../ 探索最小化API的模型绑定逻辑：最小化API的幕后故事--第395部分。...关于用Blazor创建的网站的故事，增加了一个执行AI图像生成（如稳定扩散）的Discord Bot 【英文】Marplex/WpfSnowfall: 完全可定制的WPF降雪控件 https://github.com...它可以检测到从创建NuGet包时指定的基线版本对API的破坏性变化。
引言 在人工智能领域，构建一个能够理解并响应用户需求的智能助手是一项挑战性的任务。PhiData作为一个开源框架，为开发者提供了构建具有长期记忆、丰富知识和强大工具的AI助手的可能性。...本文将介绍PhiData的核心优势、应用示例以及如何使用PhiData来构建自己的AI助手。...基于这些设计理念，PhiData可以帮助用户方便的构建助手应用，这些助手不仅拥有长期记忆，能够记住与用户的每一次对话，还具备丰富的业务知识和执行各种动作的能力。...，用中文输出", assistant=writer), ], debug_mode=True, ) # 写一篇关于在 HackerNews 上拥有前两个热门故事的用户的报告 hn_workflow.print_response...richardatlarge，他的故事《OpenAI 并未复制 │ │ │ Scarlett Johansson 的声音，记录显示》获得了 102
前端是用户在使用您的网站或Web应用程序时首先体验到的东西。如果您的Web应用程序的前端受到侵害，它可能会影响整个布局，并造成糟糕的用户体验，可能难以恢复。...让我们分别来看看它们： 内容安全策略（CSP）：CSP的作用是帮助指定哪些内容来源是安全的加载。这有助于通过避免执行来自攻击者的恶意脚本来减少XSS攻击的风险。...跨站请求伪造（CSRF）： 在跨站请求伪造（CSRF）中，攻击者诱使用户在不知情的情况下在网站上执行有害操作。CSRF攻击通常通过下载表单执行。一些用户通常会在您的Web应用程序上保存其登录凭据。...在您的Web应用程序上防止点击劫持非常容易；您可以实施JavaScript框架破坏脚本或 X-Frame-Options 。...X-Frame-Options: 当您在HTTPS响应中设置 X-Frame-Options 头时，您可以指定您的网站是否应该在另一个域上的iframe中显示。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
