Behance 是著名设计社区，创意设计人士可以展示自己的作品，发现别人分享的创意作品。 网站有二级导航，主要用到的交互组件有弹出面板，通过弹出面板来隐藏展现搜索框。...以上设计的所有页面可以在这里下载分享。 所有页面的图片集(5张)， 在这里下载。 Enjoy it！
在本文中，将探讨如何从一个web应用程序中直接生成一个PDF。这不是一个生成 PDF 库列表，这里主要的目的是展示不同生成 PDF 的方法。如果你有自己喜欢的工具或任何经验可以在评论中分享给我们。...之前的文章《用CSS设计打印格式》中概述了这个规范，许多图书出版商在他们所有的打印输出中都使用了CSS。因此，CSS本身就有打印材料的规格，我们当然应该能够使用它？...与常规打印样式表一样，我在站点上使用的CSS并不都适合PDF版本。 为这些工具创建样式表与创建常规打印样式表非常相似，可能使用不同的字体大小或颜色来决定显示或隐藏什么。...就从web应用程序使用这些工具而言，需要在服务器上安装它们。这些工具的主要问题是它们很昂贵。也就是说，考虑到你可以轻松地使用它们生成打印文档，它们可能会在节省的开发人员时间中得到很好的回报。...希望这是一个有用的工具总结，可用帮你的web应用程序创建pdf。
搭建系统长什么样 我们的搭建系统一共分为 3 个主要功能模块，1 个数据模块，1 个权限模块: 站点管理：站点这个东西，为了方便理解，你可以认为是一种业务分类，每类业务对应一个站点（分类） 页面管理：这是搭建的核心功能...数据看板：如何体现一个系统是否带来了价值，是否被有效的利用，数据才是最直观的表达方式。...如何配数据 JSON Schema 说到数据，大家肯定会想到什么？...可视化 最后你可以根据你的可视化需要，写一个符合你自己页面设计的 format 函数，对这一份 JSON Schema 数据进行转化，最终渲染成为一个表单、表格或者其他样子。...上面说到的这一切的一切，不管是一个小点还是一个大的方向，只要你抓住了业务的痛点，为其设计一套通用的可行性方案，并落地成为一套系统反哺于业务，那都是一种质突破，也是走向产品化、智能化的一大步。
例如在Chrome中支持PWA技术的站点，可以直接在地址栏中点击安装，或者浏览器选项中点击install安装。...Service Worker充当代理服务器的位置，位于 Web 应用程序、浏览器和网络（如果可用）之间。...各种常用的工具软件会变成必备的一环，从而被集成到Web应用中。比如在线Excel，在线报表设计，在线word等。 这一切，都逐渐和"在线""web前端"连在一起。...而这一切都可以在我们的Web应用中出现，不再需要本地应用。 介绍了PWA的相关知识点，下面我们就一起来通过实例看看PWA如何让一个站点变成APP吧。.../manifest.json"> 实现Service Worker 新建sw.js, 通过Service Worker缓存设计器所需要的spreadjs资源 var cacheName = 'v14.2.2
如何在流行而强大的 Apache Web 服务器上托管两个或多个站点。 在我的上一篇文章中，我解释了如何为单个站点配置 Apache Web 服务器，事实证明这很容易。...在这篇文章中，我将向你展示如何使用单个 Apache 实例来服务多个站点。 注意：我写这篇文章的环境是 Fedora 27 虚拟机，配置了 Apache 2.4.29。...现代 Web 服务器，包括 Apache，使用指定 URL 的 hostname 部分来确定哪个虚拟 Web 主机响应页面请求。这仅仅需要比一个站点更多的配置。...页面的差异表明这是第��个站点。要同时显示两个站点，请打开另一个终端会话并使用 Lynx Web 浏览器查看另一个站点。...其他考虑 这个简单的例子展示了如何使用 Apache HTTPD 服务器的单个实例来服务于两个站点。当考虑其他因素时，配置虚拟主机会变得有点复杂。
现代 Web 服务器，包括 Apache，使用指定 URL 的 hostname 部分来确定哪个虚拟 Web 主机响应页面请求。这仅仅需要比一个站点更多的配置。...它应该看起来像这样（带有一些额外的文本来识别这是站点 1）： Hello WorldWeb site 1. 重新启动 HTTPD 服务器，已启用对 httpd 配置的更改。...在 httpd.conf 中为第二个站点创建一个新的配置节，并将其放在上一个虚拟主机配置节下面（这两个应该看起来非常相似）。此节告诉 Web 服务器在哪里可以找到第二个站点的 HTML 文件。...页面的差异表明这是第二个站点。要同时显示两个站点，请打开另一个终端会话并使用 Lynx Web 浏览器查看另一个站点。...其他考虑 这个简单的例子展示了如何使用 Apache HTTPD 服务器的单个实例来服务于两个站点。当考虑其他因素时，配置虚拟主机会变得有点复杂。
一、浏览器生态：了解你的网站用户 在设计和开发站点之前，了解目标用户所使用的浏览器是非常重要的。...在实际的站点开发中，你可能发现某些旧版浏览器依然有一部分用户在使用，比如IE11（在某些企业环境中仍然很常见），或者老版本的Safari。...二、CSS特性支持的现状 在设计CSS时，首先要检查你希望使用的特性在目标浏览器中的支持情况。最常用的工具之一是 Can I Use 网站，它提供了详细的特性支持信息和浏览器版本数据。...七、如何测试旧浏览器 在开发过程中，我们可以借助一些工具和方法测试站点在旧版浏览器中的表现。 BrowserStack：提供基于云的浏览器测试，支持多个旧版浏览器。...支持旧版浏览器的过程有时可能繁琐，但通过合理的规划和策略，可以在不牺牲现代功能的前提下，确保站点在老旧环境中的可用性。
JavaScript 服务工作者的引入为Web提供了新的功能，可以执行后台同步，脱机缓存和发送推送通知等功能。 推送通知允许用户选择接收移动和Web应用程序的更新。...因为我们希望服务工作者的范围是整个域，所以我们需要将其安装在应用程序的根目录中。您可以在本文中详细了解如何注册服务工作者的过程。...步骤10 - 创建安全隧道以测试应用程序 服务工作者需要安全连接才能在任何站点上运行除了localhost因为他们可以允许连接被劫持并且响应被过滤和制作。...您还完成了获取从应用程序服务器发送推送通知所需的VAPID密钥的步骤。 结论 在本教程中，您学习了如何使用通知API订阅用户以推送通知，安装服务工作者和显示推送通知。...您可以进一步配置通知，以便在单击时打开应用程序的特定区域。可以在此处找到本教程的源代码。 更多Linux教程请前往腾讯云+社区学习更多知识。
如何进行合理的表设计。 安全框架。...而这两者的取舍则是有设计人员决定的。 ?...一句话总结权限的含义：what（若干元素）进行how（若干操作） 2.权限的划分原则 我们了解了权限的具体含义之后，接下来就是用的问题，我们该如何去使用权限，如何将系统中的操作元素进行一个组合，这个我借鉴网上的一篇文章来解释...引入角色的概念后，实际上这已经是一个比较完整的RBAC的权限设计的模型了。 ? 4.数据表的设计思路 根据3的结论，实质上已经有了一个基础的表设计的雏形。在这里就有一些值得注意的点。...服务端接口调用的时候则要么拦截掉所有指定的接口（页面和api接口没绑定的话，则页面的接口调用都不能成功），服务端接口完全不拦截接口，也会不安全，但是api接口和页面功能在表结构层面的绑定会产生运维的大量工作成本，如何更好的设计
介绍 人们对函数式编程的兴趣不断增加，更具体地说，是在Clojure中对Web进行编程。许多关于如何构建基本应用程序的教程经常忽略部署细节。...本文将向您展示如何将Clojure Web应用程序部署到Ubuntu 14.04 CVM。...cp ~/do-clojure-web/db/do-clojure-web.h2.db /var/www/do-clojure-web/app/db/ 应用程序将作为系统上的用户www-data运行，...您应该看到示例Clojure应用程序站点加载。...下一步是部署自定义应用程序，但不是本教程中使用的示例应用程序。 想要了解更多关于Linux开源信息教程，请前往腾讯云+社区学习更多知识。
三、RESTful API的设计原则 资源标识：每个资源都有一个唯一的标识符（URI），通过URI可以访问和操作资源。...设计合适的资源标识：为每个资源设计唯一的URI，以便于资源的标识和访问。 使用合适的消息格式：根据实际需求选择合适的数据传输格式，如JSON格式简单易懂，适用于大多数场景。...使用RESTful API构建Web应用程序需要遵循以下几个步骤： 设计API接口： 资源：在RESTful架构中，每个对象（例如用户、文章、评论等）都是一个资源，每个资源都有一个唯一的标识符，...对API接口进行测试，确保其正常工作并符合设计预期。可以使用Postman等工具进行测试。...总的来说，使用RESTful API构建Web应用程序可以帮助开发者实现前后端分离，提高系统的可扩展性和可维护性，同时也可以方便地与其他应用程序进行集成。
您使用的每一个热门应用程序的背后，都有一个由架构、测试、监控和安全措施组成的软件系统。今天让我们看一下满足生产环境应用程序的高级架构由哪些体系组成。...负载均衡服务器 一旦我们的应用程序投入生产，它就必须处理大量的用户请求。这是由我们的负载均衡器和反向代理（例如 Nginx）管理的。...开发人员使用工具来查看正在运行的应用程序并开始调试。 修补程序：一旦修复了错误，就会推出“修补程序”。这是一个快速的临时修复，旨在让程序重新运行后，避免再次出现同一个问题。
本篇带来 DApp 设计架构浅析~ ---- 先来回顾下 Web2.0 应用程序架构，一图胜千言： 图示是对大多数 Web 2.0 应用程序如何工作的一个很好的抽象总结。...---- 视角来到 Web3.0 ，消除了中心化，没有集中式的数据库，没有存放后端代码的集中式 Web 服务器。采用了区块链技术，在互联网上的匿名节点维护的分布式 状态机 上构建应用程序。...“状态机”是指一台机器，它维护一些给定的程序状态、以及该机器上允许的未来状态，它具有非常严格的规则（即共识）来定义状态如何转换。...---- 到目前为止，我们已经讨论了如何写入，那如何读取数据呢？ 答案是借助 The Graph，The Graph 是一种链下索引解决方案，可以更轻松地查询以太坊区块链上的数据。...附：以上框架的开发工具是 Hardhat，有兴趣自行了解 ---- 本篇就是完整的“浅析 Web3.0 DApp（去中心化应用程序）设计架构”。 以上！作为入门级架构浅析，说的真的很通透了！三连了！
本文将介绍如何对使用React和EMF parsley设计的Web UI应用程序进行测试自动化，以及使用HtmlUnitDriver和java代码实现的示例。...使用React和EMF parsley设计的Web UI应用程序具有以下特点：组件化：Web UI应用程序由多个组件组成，每个组件都有自己的状态和逻辑，可以独立地渲染和更新。...亮点对使用React和EMF parsley设计的Web UI应用程序进行测试自动化有以下优势：覆盖率高：测试自动化可以覆盖Web UI应用程序的所有功能、性能和用户体验方面，检测潜在的缺陷和错误。...案例为了对使用React和EMF parsley设计的Web UI应用程序进行测试自动化，我们需要使用合适的工具和框架。...本文介绍了如何对使用React和EMF parsley设计的Web UI应用程序进行测试自动化，以及使用HtmlUnitDriver和java代码实现的示例。
在数字化时代，Web API成为了连接现代网络应用和服务的关键枢纽。随着网络安全威胁的日益增加，设计一个安全的Web API对于保护敏感数据和确保只有授权用户和系统才能访问您的服务至关重要。...本文将详细介绍如何设计一个安全的Web API。 使用HTTPS 数据传输加密 HTTPS: 使用HTTPS而不是HTTP来加密客户端和服务器之间的数据传输。这可以防止中间人攻击和窃听。...结论 设计安全的Web API涉及多层安全措施，从传输层加密到应用层的输入验证、认证和访问控制。定期更新安全实践至关重要，以跟上不断发展的威胁。...通过实施这些最佳实践，您可以显著提高Web API的安全性。
在上述场景里，你可能是WEB API的使用者，也可能是设计者，但你知道如何评判WEB API的优劣吗？ 2....为了设计出优美的WEB API，我们需要了解与之相关的设计规范和事实标准，并且在设计开发过程中尽量遵循它们。 3. 设计规范 3.1 URI 便于输入的URI，简短不冗余。...除了标注版本信息之外，我们在对外发布WEB API时还需要设计好版本变更的策略，例如：老版本提供多久的过渡期、同时兼容多少个版本、特定版本的终止日期等等。 4. 总结 何为优美？...WEB API设计领域的标准规范就是URI、HTTP等，我们要最大程度地利用这些协议规范，让每个WEB API都是用户友好（易于使用）、技术友好（支持缓存、易于更改）的。...除此之外，我们还需要考虑WEB API的健壮性，下一次我们再来谈一谈如何设计健壮的WEB API，欢迎大家找我讨论交流相关话题。
在本文中，我将帮助您选择最有效的 Web 开发技术栈。 我将解释哪些技术可供选择，它们的优点和缺点，并告知您哪些技术适合不同的项目。我还将就如何选择正确的技术堆栈提供有价值的建议。 什么是技术堆栈？...服务端的开发涉及到以下技术的使用： 数据库， 后端编程语言， 构架， Web 服务器（也可以选择无服务器架构）， 云基础设施和服务。 那么，如何从所有可用选项中明智地选择呢？...确保您选择的技术得到在软件开发领域拥有惊人职业生涯的大型开发人员社区的支持是一件好事。这样，如果遇到困难，您将很快找到专家来帮助您解决问题。 总的来说，您应该信任您的开发人员。...选择前端技术栈 现在让我们看一下如何在框架和编程语言方面为前端优化选择技术堆栈。 框架 Web 开发最常见的前端框架是 React.js、Angular.js 和 Vue.js。...它由 Facebook 创建，在不到十年的时间里聚集了一个庞大的社区。它用于开发简单的 Web 应用程序。在开发复杂的前端逻辑时它会派上用场。 这个 UI 库允许快速和低成本的开发。
RESTful API是一种通过HTTP协议进行通信的应用程序编程接口（API）设计风格。它是一种简单、可扩展、可维护的架构风格，用于构建基于网络的应用。...使用RESTful API构建Web应用程序的一般步骤如下： 设计数据模型：确定应用程序的数据模型和资源。 设计URL结构：为每个资源设计唯一的URL地址。...实现API端点：使用Web框架（如Express、Django）实现API端点，处理HTTP请求和响应。 鉴权和权限控制：根据应用程序需要，实现用户鉴权和权限控制。...使用RESTful API构建Web应用程序可以提供灵活性和可扩展性。通过明确的URL地址和HTTP方法，客户端和服务器之间的通信更加清晰和规范。...同时，RESTful API的设计原则也使得不同的应用程序可以方便地集成和交互。
要构建基于RESTful API的web应用程序，可以按照以下步骤进行： 设计资源：确定应用程序中的资源及其属性，例如用户、文章、评论等。...设计URL结构：为每个资源定义URL，使用合适的命名约定和层次结构，以表示资源之间的关系。例如，对于用户资源，可以使用/users作为根URL，/users/{userId}表示具体的用户。...使用RESTful API构建web应用程序的好处包括： 可伸缩性：RESTful API使用HTTP协议，可以灵活地扩展应用程序，提供高性能和可伸缩的解决方案。...可移植性：RESTful API可以在不同的平台和设备上使用，例如Web浏览器、移动应用程序等。...总之，RESTful API提供了一种简单、灵活和可扩展的方式来构建web应用程序，使其具有良好的可读性和互操作性。
了不起最近在逛 Github 的时候发现了一个很不错的开源产品 ChatGPT-Next-Web，目前 Star 和 Fork 的数量都非常高，可见这款产品是很受人喜欢的。...通过官方使用文档，我们可以看到这个产品有如下特点 在 1 分钟内使用 Vercel 免费一键部署 完整的 Markdown 支持：LaTex 公式、Mermaid 流程图、代码高亮等等 精心设计的 UI...，响应式设计，支持深色模式，支持 PWA 极快的首屏加载速度（~100kb），支持流式响应 隐私安全，所有数据保存在用户浏览器本地 预制角色功能（面具），方便地创建、分享和调试你的个性化对话 海量的内置...项目地址：https://github.com/Yidadaa/ChatGPT-Next-Web
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
