本教程给大家带来 DockerUI 的部署方法，通过 DockerUI 我们可以很方便的创建高权限的 Docker 应用，或者随时将配置文件目录挂载到我们的容器中，再通过容器终端去修改配置文件，只要一直保留 DockerUI 不删除，则完全没有后顾之忧了。介绍DockerUI 是一个易于使用且轻量级的 docker 管理工具。通过 Web 界面的操作，它方便不熟悉 Docker 指令的用户更快地进入 Docker 世界。DockerUI 具有易于使用的界面。它不需记住 Docker 指令。只需下载镜像即可完成部署。根据 Docker 的功能，镜像的版本可以直接在 DockerUI 中更新。使用相同设置，可通过重新部署和替换容器，且可以使用最新版本的功能。DockerUI 覆盖了绝大多数命令功能。通过可视化操作功能在 DockerUI 接口中提供 Docker 环境和 Swarm 管理和维护功能，可以很容易地执行集群环境。DockerUI 是用于 Docker 容器映像可视化图形管理工具。Dockerui 可用于轻松构建、管理并维护 Docker 环境。它是完全开源和免费的。基于容器安装方法，可实现方便高效的部署。安装启动容器「如本地无镜像，则会自动拉取」并映射8999端口：1docker containerrun--rm--name docker.ui -v /var/run/do ...继续阅读 (47)

!日が差す小川 小川は絶え間なく流れ続け、コンピュータサイエンスにおける連続的なデータ伝送に似ています。 なぜストリーミングがコンピュータサイエンスで重要なのでしょうか？主に2つの理由があります： !ストリームの使用の違い 上の画像は2016 - ウェブストリームの年からのもので... ...继续阅读 (42)

前言继去年Docker Hub被不知名原因封锁后，导致各大NAS的镜像库或注册表都无法使用，不能直接呈现列表。不过很久大家就发现通过docker pull或者其他的镜像源依然可以下载镜像，所以虽说注册表无法访问，但也无伤大雅。而这几天，不管是通过docker pull还是通过修改镜像源，都无法访问docker镜像库了，这就导致所有存于docker hub的镜像均无法下载，极空间也不例外。而今天介绍的方法特别简单，不需要部署任何东西，只需要知道镜像名和标签便可以实现下载镜像，同时下载速度也非常不错，首先感谢粉丝@姜不吃的支持以及作者的项目。使用方法首先再次感谢大佬的项目，这里需要用到的为public-image-mirror项目。这是一个通过同步镜像将其镜像临时放置于国内，从而实现下载以及加速的过程。该项目提供直接使用，当然你也可以自行部署服务器。个人推荐直接使用作者搭建好的便足以。同步方式分为单次单镜像同步以及懒加载，第一种方式不会同步镜像的tag标签，也既是你本次同步的某tag那就只能拉取这个tag，而懒加载则会每次同步上游的tag，当然，同步速度就要满上一些了，所以作者这里也是推荐使用单次单镜像同步。使用方法也很简单，通过点击单次镜像同步说明中的蓝色字体：镜像同步模版跳转到lssue提交界面，根据作者给出的模版，我们只需要修改模版中的镜像名即可。随后就能自动收到镜像同步的回复， ...继续阅读 (43)

36氪获悉，据重庆公积金官微消息，重庆公积金调整灵活就业人员住房公积金缴存使用政策，自2024年6月7日起，将发布灵活就业人员缴存使用新产品，分别为：按月缴存2024-A产品、一次性缴存2024-A产品和自由缴存2024-A产品。按月缴存使用产品的起贷期限，由连续缴存满24个月缩短为连续缴存满12个月（含）;一次性缴存使用产品的起贷期限，由资金存储满24个月缩短为存储满12个月（含）；自由缴存使用产品的起贷期限保持不变，仍为申请贷款前连续缴存满6个月（含）。 ...继续阅读 (33)

特性列表视图类似待办事项列表、展示任务、其他属性；甘特图可规划截止日期；看板可组织任务以及确定优先级；表格视图可以查看任务详细信息，标记任务；可创建过滤器；可确定任务优先级，分配任务；可附加文件及关联不同任务；可设置截止日期及通过链接共享项目。部署：123456789101112131415161718192021222324252627282930313233343536version:'3'services:vikunja:image:vikunja/vikunjaenvironment:VIKUNJA_SERVICE_PUBLICURL:http://VIKUNJA_DATABASE_HOST:dbVIKUNJA_DATABASE_PASSWORD:changemeVIKUNJA_DATABASE_TYPE:mysqlVIKUNJA_DATABASE_USER:vikunjaVIKUNJA_DATABASE_DATABASE:vikunjaVIKUNJA_SERVICE_JWTSECRET:ports:-3456:3456volumes:- ./files:/app/vikunja/filesdepends_on:db:condition:service_healthyrestart:unless-stoppeddb:image:mariadb:10com ...继续阅读 (56)

进入Aesop在泰国的第一家独立门店，即位于曼谷通罗区的新店时，给人的第一印象是被木材和凉爽的阴影所包裹。 在曼谷，通罗 (Thonglor) 的吸引力在于其融合了现代风格和传统泰式魅力。画廊、酒吧、咖啡馆和独立商店都位于一个充满活力的当地社区内，清迈工作室Sher Maker的创始人Thongchai Chansamak 和 Patcharada Inplang 在构思概念和设计时，参考了周边街区的当地风情，甚至参考了泰国其他省份的风情。 遵循Aesop的原则，即用最少的材料实现最大的效果，单一材料的内饰由回收的柚木定义——来自建筑所有者的私人收藏或来自附近地区——背景是该地区常见的带纹理的白色石膏。 “木材是设计中不可或缺的一部分，我们以诚实的方式使用它。所有元素都以合理的系统使用，作为家具而不是装饰品，”Inplang 说。“商店中心的水槽也使用了泰国花岗岩，这是泰国人使用的廉价日常石材。我们明确表示要尽可能少进口，尽可能多地使用当地材料和当地熟练劳动力。” 与世界各地的 Aesop 门店一样，这里也体现了现代家居品质和审美，Fa-Lhai Room 就是一个典型的例子，这是一座僻静的木亭，灵感来自泰国北部的住宅类型。店内中央的四部分水槽是另一个向家居生活致敬的元素，每个花岗岩盆的设计灵感都来自kraba-din，这是一种传统的土制火坑，是当地村庄公共聚会的中心。 工 ...继续阅读 (39)

我们身处互联网行业，不少人使用AI工具协助办公已经成为日常。但在其他行业，可能知晓和使用的人并没有我们想象中的那么多。一项针对六个国家 12,000 名民众的调查发现，虽然大多数人都听说过 ChatGPT 等生成AI (GenAI) 工具，但常规使用率仍然很低。自 2022 年 11 月 OpenAI 推出 ChatGPT 以来，生成式AI一直是技术讨论的热门话题，其功能得到广泛报道。然而，尽管新 AI 技术备受关注，但最近的一项调查显示，很少有人经常使用 ChatGPT 等 AI 工具。该调查由路透社研究所和牛津大学联合开展，调查对象包括法国、丹麦和英国等六个国家的 12,000 多人，旨在衡量人们对使用 GenAI 模型的态度。研究结果显示，每天使用 ChatGPT 的人比例很小，使用 Google Gemini 和 Microsoft Copilot 等其他生成式 AI 工具的人就更少了。一、公众对AI工具的熟悉程度大多数受访者表示他们听说过一些流行的 AI 工具。ChatGPT 成为最受认可的模型，61% 的丹麦受访者和 58% 的英国受访者表示他们知道该型。然而，Google Gemini 和 Microsoft Copilot 等类似工具的知名度较低，只有大约 15% 至 25% 的人知道它们。调查还发现，Midjourney 和 Perplexity 等更专业的 AI ...继续阅读 (26)

在如今的互联网时代，网页源码的保护显得尤为重要，特别是前端代码，几乎就是明文展示，很容易造成源码泄露，黑客和恶意用户往往会利用浏览器的开发者工具来窃取网站的敏感信息。为了有效防止用户打开浏览器的Web开发者工具面板，今天推荐一个不错的npm库，可以帮助开发者更好地保护自己的网站源码，本文将介绍该库的功能和使用方法。功能介绍npm库名称：disable-devtool，github地址：github.com/theajack/disable-devtool。从f12按钮，右键单击和浏览器菜单都可以禁用Web开发工具。🚀 一行代码搞定禁用web开发者工具该库有以下特性:支持可配置是否禁用右键菜单禁用 f12 和 ctrl+shift+i 等快捷键支持识别从浏览器菜单栏打开开发者工具并关闭当前页面开发者可以绕过禁用 (url参数使用tk配合md5加密)多种监测模式，支持几乎所有浏览器（IE,360,qq浏览器,FireFox,Chrome,Edge...）高度可配置、使用极简、体积小巧支持npm引用和script标签引用(属性配置)识别真移动端与浏览器开发者工具设置插件伪造的移动端，为移动端节省性能支持识别开发者工具关闭事件支持可配置是否禁用选择、复制、剪切、粘贴功能支持识别 eruda 和 vconsole 调试工具支持挂起和恢复探测器工作支持配置ignore属性，用以自定义控制是否启 ...继续阅读 (58)

在 Vue.js 中，组件的使用可以分为声明式和指令式。以下是对这两种使用方式的解释和示例。声明式使用组件声明式使用组件是通过模板语法直接在模板中声明组件。这种方式更常见，易于理解和维护。示例：MyComponent.vue{{ message }}export default { props: ['message'] };ParentComponent.vueimport MyComponent from './MyComponent.vue'; export default { components: { MyComponent } };在上面的示例中，我们在ParentComponent.vue模板中声明了my-component，并通过属性message传递数据。这就是声明式使用组件的方法。指令式使用组件指令式使用组件则是在 JavaScript 代码中手动创建和挂载组件。这种方式适用于需要动态创建和控制组件的场景。示例：MyComponent.vue{{ message }}export default { props: ['message'] };// 指令式使用组件 import Vue from 'vue'; import MyComponent from './MyComponent.vue'; // 创建一个 Vue 实例 const ...继续阅读 (54)

这篇文章的标题看起来像个广告，但其实不是广告，amh官方也没有给过我任何“好处”，只是单纯的喜欢并且推荐。先说说他是干啥用的，自己折腾建网站的朋友应该清楚，在服务器上需要搭建适合网站运行所需要的程序，比如jsp、php、asp这些文件都是用不同的开发语言编写，每种语言都需要安装特定的软件去解释并生产页面，有经验的开发者会自己安装编译运行环境，但是经验欠缺或者偷懒的朋友就会选择使用各种面板来“傻瓜”式的安装环境，搭建网站，而AMH就是众多面板当中比较“低调”而优秀的之一。之所以这么说，因为我从2014年开始使用这个面板（之前用wdcp），已经用了10年，虽然amh面板的界面风格一直很“素”、很“平庸”，但是对于一个程序员来讲，稳定和好用才是王道，有时候太花哨了反而让人觉得喧宾夺主，不过据说由于用户的呼声高涨，今年的amh在界面上会有大的修改，并且将在下一个版本使用新的风格。推荐amh除了自己用起来比较舒服之外，还有一个原因是他的授权费很实惠（几乎白菜价），虽然免费版也能用，但是购买授权后可以使用官方的工单技术支持，对一些在使用中遇到的问题都能得到专业技术人员的耐心解答，这对于一个仅仅知道linux系统基础操作的“半吊子”程序员来说相当于多了一个“技术顾问”，需要他的时候就能派上用场。好了，就写到这吧，有没用过的朋友可以去体验一下，特别是跟我一样技术一般又很懒的程序员想建站，强烈推荐用 ...继续阅读 (33)

Potainer 是一个轻量级容器管理器，它提供了一种简单而高效的方式来管理 Docker 容器。本篇教程简单介绍 Potainer 的特点、安装过程以及使用示例，如有问题欢迎在评论区留言！工具特点简单易用。Potainer 具有直观的用户界面，使得容器管理变得更加容易，即使对于没有 Docker 经验的用户也能快速上手；快速部署。通过 Potainer 可快速部署新的容器，节省了时间和精力；资源监控。它提供了对容器资源使用情况的监控，有助于更好地管理系统资源；可视管理。Potainer 提供了可视化的界面，可以直观地查看容器的状态和日志等信息。安装过程首先，需要确保系统已经安装了 Docker。可通过以下命令来检查是否安装了 Docker。若未安装，可以参考《Docker 的安装》一文：1docker--version接下来使用以下命令安装 Potainer：1docker pull potainer/potainer安装完成后可以通过以下命令启动 Potainer：1dockerrun -d -p9000:9000--name potainer potainer/potainer启动后可以在浏览器中访问下面链接来打开 Potainer 界面：1http://localhost:9000使用示例登录 Potainer 界面后，将看到一个容器的列表，显示了当前运行的容器。要创建一个 ...继续阅读 (60)

自 OpenAI 公司于 2022 年 11 月 30 日发布 ChatGPT 开始，沉寂到了湖底的互联网，就像被掷入了一块儿巨石，水花冲天，蔓延出来的余波，影响着每一个身处其中的人。我很早就接触了 OpenAI，并在工作及学习过程中深度使用，也凑热度开发过 OpenAI 相关的开源项目。这一路走来，我想聊聊，我的使用历史。最开始的时候，国内有一篇基于接码平台注册 OpenAI 账号的教程在各处被传阅，我也是在那个时候注册了自己的第一个账号，我也把自己成功实践的经验分享给了很多朋友，那个时候，接码平台都还能真的收到验证码。就这样开启了 ChatGPT 的嗨皮之旅。在使用的过程中，慢慢发现一个比较大的问题是，每次登陆 OpenAI 进行对话显得很是繁琐，于是很快各路英豪各显身手，各种套壳应用层出不穷，我们开始了解到 OpenAI 原来早已定义好了交互方案，创建一个秘钥，配置到套壳应用中，就可以畅快地与 AI 进行对话了。（彼时有不少前端项目，支持一键部署到 Vercel，经过这层代理之后，访问 OpenAI 变得又快又方便了，不过很快，Vercel 也被限制性访问了）就在我们以为配置了秘钥就能开心使用并高枕无忧的时候，才忽然发现原来这事儿并没那么简单。我在一开始完全没有注意到，秘钥是根据每次对话的内容（Token）来计费，而且第一批账号免费赠送的 5 刀的额度，会在 23 年 4 月 ...继续阅读 (53)

前面我们在「如何使用 Cucumber Java 进行 UI 测试？」一文中，以登录 GitHub 并在页面创建 Issue 为例介绍了 Cucumber 与 Selenium 的集成，但其中的示例工程未使用依赖注入工具，所有对象的新建均是使用原生 new 关键字来实现的。接着，我们在上文「如何在 Cucumber Java 中使用 PicoContainer 进行依赖注入？」介绍了在 Cucumber 中使用 PicoContainer 进行依赖注入的方法。尽管 PicoContainer 比较轻量，也是 Cucumber 官方推荐的依赖注入工具，但在 Java 技术栈，Spring 或 Spring Boot 框架才是主流，除了提供依赖注入功能外，其还提供诸多其它实用功能（如灵活的配置、方便的数据库连接、易用的组件集成方法等），所以探索 Cucumber 与 Spring Boot 的集成很有必要。本文即接着前面的两篇文章，同样以登录 GitHub 并在页面创建 Issue 为测试场景，以示例工程的方式演示 Cucumber 与 Spring Boot 的集成，示例工程实现语言为 Java，使用的浏览器测试工具为 Selenium，工程使用 Maven 管理。 ...继续阅读 (77)

CSM在实际工作中最关注的指标有续约率、续费率、客户满意度、健康度。其中健康度是最及时的指标，可以实时反映当前客户的使用状态，并且可以直观地判断当前客户的续费意向。上一篇文章讲到了SaaS的本质是续费，客户成功和续费率是衡量SaaS企业持续发展的重要指标。CSM在实际工作中最关注的指标有续约率、续费率、客户满意度、健康度。其中健康度是最及时的指标，其他三个指标都是滞后的，健康度可以实时反映当前客户的使用状态，并且可以直观地判断当前客户的续费意向。实际上，大多数刚起步的SaaS都没有健康度指标，连客户的使用数据看板都没有，需要CSM逐个统计。但当SaaS产品逐渐成熟，并且客户有一定体量后，健康度指标的建立是很有必要的，健康度指标可以及时预警异常客户，及时推动CSM介入能够一定程度上确保客户持续使用并续费。以下将详细探讨如何搭建健康度模型。一、什么是健康度1.1 健康度指标的作用SaaS业务的回报不会如传统软件那样及时变现，SaaS的核心盈利依赖于客户的续约和增购。而客户的续费和增购具有滞后性，SaaS企业需要有一个数据来实时衡量客户后续的续费增购动作。吴昊老师在《SaaS创业路线图2.0》提出：健康度=机器输出的“活跃率”+人为打分判断“人为打分判断”包括：客户有没有经常使用产品，客户的主要业务流程有没有在产品中运行？SaaS企业的健康度评估主要基于客户行为数据，这些数据不仅用于衡量 ...继续阅读 (28)

Sticky Password是一款密码管理软件，它能管理网站上的密码，并自动填写。同时还有密码生成功能，这样就可以生成强大的密码而又不用担心过于复杂而导致忘记了。Premium 对比普通版更多了多种不同的云同步功能，跨设备使用更舒心。获取地址：https://www.bitsdujour.com/software/sticky-password-premium/saf=525496截止时间：2024年6月2日15时 来自反斗限免 ...继续阅读 (68)

据彭博，OpenAI首席技术官米拉·穆拉蒂表示，生成式AI带来的经济影响才刚刚开始显现。穆拉蒂通过视频在新加坡Asia Tech X会议上表示，OpenAI最新的GPT-4o模型可以帮助用户生成文本、演示文稿和视频等内容，使用起来更简便，这也正在推动这个模型的使用。她说，人们越来越多地使用AI工具来完成编码、写作和行政工作等任务。（界面） ...继续阅读 (16)

我们知道，Python里面，json.dumps是序列化操作，json.loads是反序列化操作。当我使用json.dumps把一个字典转换为字符串以后，也可以使用json.loads把这个字符串转换为字典。那么，有没有可能出现这样的情况：某个字典，使用json.dumps转换成了字符串s。但是当我使用json.loads(s)时，却会报错？你别不信，我们来做一个实验。执行下面这段代码，打印出一段JSON字符串：12345678910111213importjsontext ='''## 摘要这篇文章主要包含xx和yy## 详情1. abc2. def'''item = {'title':'关于abc','raw': text}output = json.dumps(item, ensure_ascii=False)print(output)运行效果如下图所示：接下来，你把下面这个字符串复制到Python里面并使用json.loads解析：1{"title":"关于abc","raw":"## 摘要\n这篇文章主要包含xx和yy\n\n## 详情\n1. abc\n2. def\n"}运行效果如下图所示：但如果你不是复制JS ...继续阅读 (56)

先问一个问题，你平时主要是怎么用 iPad 的呢？是横着用，还是竖着用？不过，不管横着还是竖着用，iPad 背后的那个苹果 Logo 依然保持着纵向的设计，14 年都如此。但苹果设计工作室的两位高管接受采访时表示，正在考虑将这个 Logo 换个方向，变成横向摆放。其实这也不是苹果第一次动 iPad 上的 Logo，iPadOS 14.5 的开机画面，那个黑暗中发光的苹果 Logo，就已经从以前的永远保持竖直，变得会和平板摆放方向保持一致。虽然 Logo 换个方向不是啥特别大的新闻（不过也上了热搜），但是如果真的发生了改动，也可以看作苹果正式将 iPad 定义为一种「主要横向使用」的产品。如果我们回到 14 年前史蒂夫·乔布斯向世人展示 iPad 那个发布会，可以发现，对于 iPad 的演示，乔布斯基本上都是在机身垂直的情况下进行的。比起现在，当时的 iPad 也更像一款「大号 iPhone」，一款介于 iPhone 和 Mac 之间的「第三设备」，形态上也向 iPhone 看齐：摄像头和接口上下纵向分布。甚至当年和 iPad 配套推出的「键盘底座」配件，也因为需要用到 30 针接口，导致需要竖直和键盘配套使用，看上去简直不像乔布斯会点头的方案。当使用 iPad 来浏览网页、看邮件时，竖直使用确实能够为用户带来更多行数和信息。但又因为搭载了一个比 iPhone 大不少的屏幕，更多用户 ...继续阅读 (45)

募集资金使用情况，正在成为监管的重中之重。记者从知情人士处了解到，有地方证监局要求上市公司上报募集资金使用情况，对每笔资金使用情况进行详细说明，对于转变募集资金用途的，需要解释原因；存在问题的，则需上报调整措施。值得注意的是，此番募集资金严查并非仅针对IPO项目，而是包括定增、可转债等各类募资。记者梳理证监会及各地证监局官网发现，开年以来，已经至少有中信建投、招商证券、华泰证券、国信证券四家券商因持续督导的上市公司募集资金违规使用、信披不当而收下罚单。其中，中信建投被罚两次。 (21世纪经济报道） ...继续阅读 (42)

方法一：使用codesign工具codesign是 macOS 自带的工具，可以用来检查应用的签名信息。以下是具体步骤：解压 IPA 文件： IPA 文件其实是一个 ZIP 压缩包，先将其解压缩。unzip MyApp.ipa找到应用包： 解压后，你会得到一个Payload文件夹，里面有一个.app文件夹。使用codesign检查签名：codesign-dvvvPayload/MyApp.app这条命令会显示详细的签名信息。方法二：使用codesign结合ldid工具ldid工具可以更详细地查看签名信息，尤其是在查看 entitlements（权限）方面。安装ldid： 首先需要安装ldid，可以使用 Homebrew 安装：brewinstallldid使用ldid检查签名：ldid-ePayload/MyApp.app/MyApp这条命令会显示应用的 entitlements 信息。方法三：使用第三方工具iOS App SigneriFunbox ...继续阅读 (62)

Office 365和Office 2021的主要区别包括购买方式、使用方式、更新方式、支持多设备共同使用、免费移动应用、提供额外的存储网盘空间等方面。购买方式：Office 2021是一次性购买的，用户支付一次费用后即可永久使用。而Office 365是订阅服务，用户需要按月或年支付费用以继续使用。使用方式：Office 2021是桌面应用软件，需要安装到本地计算机上使用。Office 365则提供了离线使用和在线使用的选项，支持本地安装。更新方式：Office 2021在推出新版本后将停止更新，而Office 365支持新版本的持续更新，包括功能和修复bug。支持多设备共同使用：Office 365家庭版最多可以支持6台不同的设备使用，而Office 2021只能支持1个用户使用。免费移动应用：Office 365可以免费安装使用移动应用，而Office 2021在小于10.1英寸的平板电脑和手机上面能够获得基本编辑功能。提供额外的存储网盘空间：Office 365每人享有1TB的OneDrive云存储空间，而Office 2021的存储空间较小。综上所述，选择哪个版本主要取决于用户的需求，如是否需要持续更新、是否需要多设备共同使用、是否需要云存储等。如果用户对云端存储和使用人数没有特别要求，使用Office 2021可能更合算。 ...继续阅读 (104)

Axure和word绝对是产品经理日常使用频率最高的两款软件，分别对应的是原型、文档的工作。所以，如果我们知道的技巧、细节足够多，我们的效率就能得到巨大的提升。之前整理了使用Axure前的一些思路，协助我们解决原型规范问题，今天我们来一些实操时可以用到的小技巧。一、Axure功能板块说明要高效使用一个工具，先了解这个工具的使用。二、样式设置的一些小技巧了解样式中的各种功能使用，可以更好的实现效果图，但是也不需要扣细节，毕竟这不是设计稿，原型只需要大致表达出页面实现效果即可。三、常见元素设置的一些小技巧1. 表格设置在设计列表、表单时，可以使用表格元素，这样可以整个表单拖动且不需要单个调整间距。当然，也可以中中继器（repeater）设置，我们进阶版操作可以细讲如何设置。目前axure里的表格仅支持文字复制，还不支持样式复制。如果强调表格的样式，可以将表格粘贴成图片。2. 对齐设置头部工具栏中有各种对齐的快捷按钮键，协助我们快速对齐元素：另外，还可以从顶部和左侧的刻度尺拉出对齐线：3. 文本框设置选中文本框元件，在右侧面板里可选择属性，再选中不同的文本框类型，选择不同的类型可以达到不同的效果。设置后，需要预览才可以查看出效果。例如：密码格式：输入的内容会被隐藏数字格式：只能输入数字文件格式：可以选择文件日期格式：可以直接选择日期四、快捷键快捷键绝对是一个提升我们效率的好东西，虽然快捷 ...继续阅读 (45)

上文「Cucumber 是什么？如何使用 Cucumber Java 进行 API 测试？」介绍了 Cucumber 中的基本概念，并以实例的方式演示了如何使用 Cucumber Java 进行 API 测试。本文基于此，以在页面创建 GitHub Issue 为例进一步探索如何使用 Cucumber Java 进行 UI（浏览器）测试。示例工程实现语言为 Java，使用的浏览器测试工具为 Selenium，工程使用 Maven 管理。 ...继续阅读 (75)

前两篇文章介绍了C++和Go中利用TCP Option中的时间戳实现计算网络时延。基于“用Rust重写一切”的哲学，今天我们来看看Rust中如何做这个事情。夜深人静，再肝一篇关于网络编程的文章。Rust中还没有和 gopacket一样功能强大的包，它的pcap用来捕获网络包没有问题，但是缺乏解析的能力，所以我们使用另外一个包pdu来实现网络包的解析。当然rust生态圈中还有其他的包捕获库如pnet、包解析库如etherparse等，但是我选择了pcap和pdu，因为针对这篇文章的场景，它们用起来很顺手。为了简单起见，我们不像前两篇文章那样的程序那么复杂，还要解析参数，针对参数做不同的处理，这次Rust实现的程序中，我们主要实现其最核心的功能：捕获 TCP 包解析TCP选项中的时间戳计算时延我是在Mac mini的进行开发和运行的，理论在Linux上也是可以运行的。你可能需要安装libpcap库。Mac上可能你需要临时设置权限，才有可能正常运行程序：1sudochmod666/dev/bpf*首先看看程序运行的效果：那么程序一开始，我们开始要使用pcap捕获包：123456789101112131415161718192021222324252627282930usestd::net::{Ipv4Addr,Ipv6Addr};usestd::ops::Sub;usestd::time ...继续阅读 (77)

本文翻译自Back to Basics: 5 HTML attributes for improved accessibility and user experience，作者：Daniela Kubesch， 略有删改。在快节奏的Web开发世界中，很容易被最新的框架，库和尖端技术所吸引。但有时最有影响力的改进来自于重新审视基本面。在本篇博文中，我将向您介绍五种 HTML 属性，它们不仅能提高可访问性，还能增强整体用户体验。无论您是经验丰富的开发人员还是刚刚起步，让我们一起探索这些元素的潜力，创造更具包容性的web体验。1. hreflanghreflang属性指定或元素上链接资源的语言。它的工作原理类似于lang属性，但专门用于链接。为什么使用 hreflang?您可以通过在内部和外部网站链接中使用hreflang来改善用户体验和SEO。在内部网站链接上使用hreflang提供了一种方法，可以告诉搜索引擎其他语言或地区的页面的不同变化。这意味着讲英语的人将收到该网站的英文版，而讲瑞典语的人将收到瑞典文版。用户端无需手动切换，体验更加流畅。如何使用 hreflang将带有所需ISO语言代码的hreflang属性添加到元素中。对于英文网站则是en。English Website您也可以使用更具体的语言代码，并使用区域变化。例如我们可以为英式英语添加en-GB。English Webs ...继续阅读 (69)

Spotify花了大约150天的时间才获得100万用户，Instagram，大约75天，ChatGPT只用了5天就获得了这些用户。很多人都听说过人工智能，并且正在使用它消费者对人工智能的认识高于预期。人们也在以各种方式使用其他形式的人工智能来解决未满足的需求，他们认识并欣赏人工智能给他们带来的“3c”:舒适，帮助实现健康、财务和其他目标来提高个人幸福感。定制，帮助找到合适的产品或服务或满足个人目标。28%的受访者求助于人工智能来为化妆品等商品提供个人推荐。方便，减少摩擦。28%的受访者使用人工智能视觉搜索来寻找与他们想购买的商品匹配或相似的产品。总体而言，75%的受访者使用过ChatGPT或其他人工智能驱动的服务。人们对人工智能既兴奋又担心消费者看到了技术可以带来的价值，特别是在改善日常生活方面，39%的消费者对人工智能在这方面的影响持积极态度。人们对人工智能在工作场所的应用也很兴奋：60%的人认为人工智能将有助于学习和教育，55%的人认为人工智能将提高工作场所的效率。与此同时，受访者对人工智能表达了一些深刻的担忧。33%的人担心人工智能的数据安全和道德使用，30%的人担心人工智能在某些工作中取代工人的可能性。各国视角下的人工智能情绪当然，每个国家都有对AI表示激动、担忧和矛盾的消费者。那些更兴奋的人通常会更多地使用人工智能，他们已经克服了最初的恐惧，并更加意识到积极的结果。给领导 ...继续阅读 (32)

本文为产品经理和设计师提供了一份详尽的原型设计规范指南。作者强调了规范在原型设计中的重要性，指出它能够提升信息传达效率并增强视觉吸引力。文章详细介绍了尺寸、颜色、文字、图标、图片、圆角、阴影、对齐、分布、间距和组件等关键要素的规范方法，旨在帮助读者创建既美观又实用的原型图。无论是求职面试还是项目评审，一个规范且吸引人的原型图都将是一个显著的加分项。前言UI设计有设计规范要遵循，同样的原型图也有自己的规范。任何通过图形示意的东西一样，规范带来的最大的好处是提高信息传达效率。人是视觉动物，好看的东西总喜欢多看两眼，混乱的东西给人最直白的感受就是逻辑混乱。这就是「卷面分」。这篇文章我们说下原型图的规范。所谓的规范就是定规则，按照这一套规则作为标准进行执行，这里边包含元素规范、布局、颜色等等。我对画原型图对规范的要求是：尽量向着规范靠近。原型图不像UI图，不用去到像素级别去抠。因为画原型我们需要考虑时间，考虑效率，我们需要将最大的精力去放到方案的产出，写需求文档上。规范只是为了让我们有个标准，如果你想画的规范时，给你一个参考。原型图规范1. 尺寸对于手机端、PC端、平板、车机等不同的产品形态，最大的区别是尺寸。在画原型图之前，我们要做的就是先把页面原型尺寸给定下来。可以参考的规范有：手机端首屏的尺寸设置为 375×667 px。注：375 × 667 是首屏高度，也就是原型图的最小高度，并 ...继续阅读 (31)

月之暗面旗下大模型应用Kimi智能助手近日推出打赏功能，用户在遇到高峰时段算力不足问题时，可以选择“给Kimi加油，高峰时期优先使用”。打赏方案涵盖5.2元/4天至399元/365天多个版本。月之暗面回应称：“我们收到很多用户反馈，他们日常会依靠Kimi辅助完成一些工作和任务，想了解有什么付费方案，可以在服务高峰期也能稳定使用产品。为了给这些用户在服务高峰期提供更多选择，我们目前在小范围灰度测试一项打赏功能，打赏后可在高峰期获得优先使用权。我们也会持续扩容和优化，给更多用户带来好的使用体验。”（财联社） ...继续阅读 (34)

大家好，我是鸟窝。在前一篇“pping：被动式ping,计算网络时延”一篇中，我给大家介绍了 pping 这个工具的原理和使用方法。这篇文章中，我将使用 Go 语言实现 pping 工具。通过这篇文章，你将了解到：如何使用gopacket来捕获和解析网络数据包如何设置捕获时长和过滤捕获的数据包如何在CGO下静态编译库，如libpcap了解TCP/IP协议栈的基本知识，如TCP Option如何进行数据的统计和定时输出和清理如何使用 pflag 来解析命令行参数代码在:github.com/smallnest/pping-go使用libpcap捕获数据包，并进行包过滤我们并不直接使用libpcap，而是使用封装好的gopacket。gopacket是一个用于处理数据包的库，它提供了一个高级的API，可以用来处理数据包的解析、分析和生成。它支持多种数据包格式，包括Ethernet、IPv4、IPv6、TCP、UDP、ICMP等。我们可以使用gopacket来捕获数据包，然后使用gopacket/layers包来解析数据包的各个部分。12345678910111213141516// 创建一个新的非活动 pcap 句柄, *liveInp是网卡的名称inactive, _ := pcap.NewInactiveHandle(*liveInp)// 使用 defer 关键字确保在函数结束时 ...继续阅读 (57)