大家好，我是小富～有个兄弟私下跟我说，他在面试狗东时，有一道面试题没回答上来：Redis 的Bitmap和布隆过滤器啥区别与关系？其实就是考小老弟对这两种工具的底层数据结构是否了解，不算太难的题。不过，bitmap和布隆过滤器在大数据量和高并发业务的使用频率不低，知识点应该掌握下，既然问了那咱们简单的梳理下它们的底层原理、应用场景以及它们之间的关联。BitmapRedis中的Bitmap（位图）是一种较为特殊数据类型，它以最小单位bit来存储数据，我们知道一个字节由 8个 bit 组成，和传统数据结构用字节存储相比，这使得它在处理大量二值状态（true、false 或 0、1等只有两种状态）数据时具有极高的空间效率。不过，它不是一种全新的数据类型，其底层实现仍是基于String类型。便于理解，你可以将 Bitmap 的底层结构看成是由一系列 bit 位组成的数组，在此数组中，每个位都对应一个偏移量（类似数组的下标）。通过将特定偏移量上的位值设置为 0 或 1，来表示不同的状态。比如我们要设计一个答题游戏系统。其规则为：若用户答对全部 7 道题，则可获得大奖。每个答题用户都有自己的 key，即answer:user:X。使用 bitmap 记录用户的答题情况，将题号设置为对应偏移量，当用户答对 ✅ 题目时 ，偏移量位值设为 1；当用户答错 ❌ 题目时，位值设为 0。假如用户user: ...继续阅读 (1)

本文为一些react使用小技巧（上）、一些react使用小技巧（中）、一些react使用小技巧（下）的合集。一. 组件相关1. 使用自闭合组件// 不好的写法// 推荐写法2. 推荐使用Fragment组件而不是 DOM 元素来分组元素在 React 中，每个组件必须返回单个元素。不要将多个元素包装在或中，而是使用来保持 DOM 整洁。不好的写法：使用 div 会使 DOM 变得杂乱，并且可能需要更多 CSS 代码。import Header from "./header"; import Content from "./content"; import Footer from "./footer"; const Test = () => { return (); };推荐写法:包装元素而不影响 DOM 结构。import Header from "./header"; import Content from "./content"; import Footer from "./footer"; const Test = () => { return ( // 如果元素不需要添加属性，则可以使用简写形式< />); };3. 使用 React fragment 简写< />（除非你需要设置一个 key 属性）不好写法：下面的代码有点冗余。const Test = ...继续阅读 (21)

在评估系统性能的时候，我们经常会听到 QPS、TPS、RT、吞吐量等等一些概念，包括在一些面试场景下可能也会遇到这些概念，我们来稍微梳理一下。做一个简单的概念扫盲。一 QPSQPS（Queries Per Second） 是每秒的查询率，它表示一台服务每秒响应的查询的次数。具体来说，QPS 反映了系统在高并发环境下处理请求的能力。一个高 QPS 的系统能够在单位时间内处理更多的请求，从而提供更好的用户体验和更高的吞吐量。相反，QPS 较低的系统可能在面对大量请求时会出现响应延迟或请求失败的情况。举个栗子：假设服务器 1 秒响应 500 次请求，那么此时 QPS 就是 500。二 TPSTPS（Transactions Per Second） 表示每秒事务处理的数量，一个事务表示客户端向服务器发送请求，然后响应的过程。举个栗子比如用户在 jd 上下单的时候，每当用户下单请求被服务器接受到之后，服务需要保存订单、扣减商品库存、确认支付等等这一些列的操作，所有过程都完成后，将结果响应给客户端。这个完整的过程就是一次事务，TPS 则表示每秒内可以完成多少次这样的请求。整体上来说，一个 TPS 包括了三个部分：用户请求服务器服务器自己的内部处理服务器返回给用户这样一个完整的过程就是一个 TPS。有的小伙伴分不清 TPS 和 QPS，简单来说是这样：如果是对一个查询接口压测，且这个接口内部不会 ...继续阅读 (8)

背景在开发一个需求时，需要对原来的 form 表单组件代码复用并进行拓展。场景A 使用原来的 form 表单组件。场景B 在原来的表单组件基础上，新增一些表单项，新增表单项位置动态插入在原来的表单组件中，位置随意。需求复用表单组件，同时支持新增表单项。解决方案在 React 中，组件扩展和定制的能力，可以通过props.children和render props来实现。以上两种方式的缺点是：如果插入位置比较分散，需要定义children对象或多个 props，代码繁琐，不易维护。调研下来，目前貌似没其他好的方法...欢迎补充props.childrenprops.children 直接将内容作为一个HTML内嵌结构编写，将组件参数与内嵌结构分开写。children 可以是一个字符串， 数组，对象等类型。可以使用React.Children的方法来判断props.children 类型并处理。function Father() { return (我是父组件Father我是子组件Form1的children{{ title: (我是子组件Form2的title), content: (我是子组件Form2的content) }}) } function Form1 ...继续阅读 (10)

八. 测试 react 代码54. 使用 React 测试库有效地测试你的 React 组件想要测试你的 React 应用吗？请务必使用@testing-library/react。你可以在此处找到一个最基本的示例。55. React 测试库：使用测试演练场轻松创建测试用例难以决定在测试中使用哪些测试用例？考虑使用测试演练场从组件的 HTML 快速生成测试用例。以下是两种使用方法：方法 1：在测试中使用screen.logTestingPlaygroundURL()。此函数生成一个 URL，打开测试环境工具，其中已加载组件的 HTML。方法 2：安装Testing Playground Chrome 扩展程序。此扩展程序允许你直接在浏览器中将鼠标悬停在应用中的元素上，以找到测试它们的最佳查询。56. 使用 Cypress 或 Playwright 进行端到端测试需要进行端到端测试吗？请务必查看Cypress或Playwright。57. 使用 MSW 在测试中模拟网络请求有时，你的测试需要发出网络请求。与其实现自己的模拟（或者，但愿不会发出实际的网络请求），不如考虑使用MSW（Mock Service Worker）来处理你的 API 响应。MSW 允许你直接在测试中拦截和操纵网络交互，为模拟服务器响应提供了一种强大而直接的解决方案，而不会影响实时服务器。这种方法有助于维护受控且可 ...继续阅读 (9)

年初接到一个任务将 semi-ui 替换到 antd，但是能人力预算不太够，所以基于工作量和效率选择了基于 AST 的替换方案。项目技术栈是 React + tsx为什么要使用 AST？AST（Abstract Syntax Tree，抽象语法树）是一种在计算机科学中表示源代码语法结构的树状数据结构。通过 AST，可以理解代码的结构和含义，实现代码分析、转换和操作。基于 AST 的替换方案可以快速而准确的对大量代码进行修改，提高开发效率和代码质量。还有什么方案？固定字符串替换。对于 import 和 tsx 都有严重的误伤。正则替换，编写复杂，嵌套难以识别。手动替换，重复性工作容易失误，耗费工时太多，适合小工作量的情况。方案比对方案工作量误伤import组件替换组件属性替换固定字符串替换✅😭😭😒😒正则😒😭😒😒😒手动😭✅✅✅✅AST✅✅✅✅✅Babel 简介Babel 是前端领域的必备工具，是一种源码到源码的转译器。在项目中可以让我们使用一些新的语法(展开运算符) 和 api（@babel/core），会在编译的过程中将 code 转为目标环境所支持的语法并引入 polyfillBabel 实际应用场景将()=>{}转为function(){}为Array.isArray添加 polyfill除了上面提到的编译转译代码之外，babel 也可以用来做静态分析，分析代码提取信息，然后生成 ...继续阅读 (14)

文章概要:为什么我们需要在 React 中访问 DOM?refs 如何帮助我们实现访问 DOM?什么是 useRef、forwardRef 和 useImperativeHandle 钩子?如何正确使用它们?React 的众多优点之一是它抽象了处理真实 DOM 的复杂性。现在，我们无需手动查询元素、绞尽脑汁思考如何为这些元素添加类又或者是添加样式等，也无需为浏览器兼容性而苦恼，只需编写组件并专注于用户体验即可。然而，仍然有一些情况（虽然很少！）我们需要访问实际的 DOM。而当涉及到实际的 DOM 时，最重要的是要理解并学习如何正确使用 ref 以及 ref 周围的一切。让我们来看看为什么我们首先想要访问 DOM，ref 如何帮助我们做到这一点，什么是 useRef、forwardRef 和 useImperativeHandle，以及如何正确使用它们。此外，让我们研究如何避免使用 forwardRef 和 useImperativeHandle，同时仍然保留它们给我们提供的功能。如果你曾经尝试弄清楚它们是如何工作的，你就会明白我们为什么想要这样做,另外，我们将学习如何在 React 中实现命令式 API！使用 useRef 在 React 中访问 DOM假如我想实现一个注册表单，这个注册表单包含用户名和邮箱号，用户名和邮箱号应该是必填项，当用户没有填写这些信息时，我不想只是简单的给 ...继续阅读 (14)

CaLM 是什么？CaLM（Causal Evaluation of Language Models，以下简称“CaLM”）是上海人工智能实验室联合同济大学、上海交通大学、北京大学及商汤科技发布首个大模型因果推理开放评测体系及开放平台。首次从因果推理角度提出评估框架，为 AI 研究者打造可靠评测工具，从而为推进大模型认知能力向人类水平看齐提供指标参考。因果推理是人类认知能力最重要的特征之一，提升因果推理能力被视为由机器智能迈向人类智能水平的关键步骤。为对大模型进行科学有效的因果推理能力评估，上海人工智能实验室联合团队在 CaLM 中提出包含因果评估目标（Causal Target）、评估方式（Adaptation）、评估标准（Metric）及错误分析（Error）的评估框架，同时构建了超过12万道题目的中英文数据集。基于 CaLM，联合团队首次对 28 个当前主流大模型进行了因果推理能力评测，共产生了 50 项实证性发现，本文摘录其中 6 个结论。相关论文共 315 页，可查看文末链接，或登录网页查阅下载。CaLM 评估框架CaLM 采用了一套灵活、易扩展的评估框架，并按照预设实施顺序进行评测：因果评估目标（Causal Target）→评估方式（Adaptation）→评估标准（Metric）→错误分析（Error）。CaLM 的评估框架设计与实施流程，还可应用于数学推理、专业知 ...继续阅读 (43)

9月27-28日，CCF CED 2024中国计算机学会工程师文化日与你相约杭州。随着AIGC技术的飞速发展，我们正迈向一个由技术创新驱动的新发展阶段。CCF CED 2024中国计算机学会工程师文化日，一场汇聚智慧与创新的盛会，即将于9月27日至28日在杭州召开。本次会议以“AIGC时代的工程师文化转型与技术创新”为核心主题，旨在探索AIGC技术的最新动态和深远影响。活动邀请到40余位业界专家、行业领袖，他们将带来对工程师文化和IT产业实践的深刻见解。在为期两天的会议交流中，与会者将有机会深入了解大模型产品如何在工程领域得到应用，以及工程师文化如何适应这一变革，甚至引领技术发展的新潮流。这不仅是一次技术的展示，更是一次文化的交流。CCF CED 2024期待与你共同见证工程师文化的转型，探索技术创新的无限可能，携手开启智能时代的新篇章。举办时间：2024.09.27 ~ 09.28会议地点：浙江省杭州市余杭区阿里巴巴数字生态创新园7号楼❤️思否社区赠票码👉 输入：CEDsifou 兑换（先到先得，25号之前提交基本没问题），提交表单后思否小姐姐会嘱咐 CCF 的小伙伴后台激活。提交链接：https://docs.qq.com/form/page/DU2NxY3ZzQ2hNU3pP会议完整日程如下。参会信息签到及流程签到时间：9月27日 8:00－9:30签到地点：浙江省杭州市余杭 ...继续阅读 (77)

9月20日，在华为全联接大会（HUAWEI CONNECT 2024）上，深圳复临科技有限公司（以下简称“ONES”）与华为云计算技术有限公司（以下简称“华为云”）正式签署合作协议，双方将在企业智能研发管理平台解决方案、AI 研发助手、新产品及新业务的联合创新等领域积极展开合作，共同推动企业软件研发管理的高效、智能化演进。在 ONES 创始人兼 CEO 王颖奇、华为云全球生态部总裁康宁、华为云中国区研发工具总经理寇明锐、华为云中国区生态发展部部长李欣等领导的集体见证下，ONES 生态 VP 张驰与华为云深圳生态发展与运营部总经理肖伟光签署合作协议。作为国内领先的企业级研发管理平台，ONES 始终致力于以「产品+服务」的解决方案，帮助企业提升研发效能、保障交付质量、促进无缝协作。此次签约，标志着 ONES 与华为云的合作进入全新阶段，双方将聚焦解决企业面临的软件产业生态和应用环境问题，共同促进我国软件开发工具链的发展。根据合作协议，双方将共同推出一款革新性的研发项目管理解决方案——ONES + CodeArts + AI 企业智能研发管理平台，平台基于 ONES 在研发项目管理领域的丰富经验和成熟能力与华为 CodeArts 深厚的技术底蕴和卓越性能，涵盖项目管理、需求管理、代码开发、编译构建、测试、发布部署、开源治理、漏洞管理等项目全生命周期，促进产品研发全过程透明协作、研发资产沉 ...继续阅读 (75)

以下是个人收集总结的一些使用 react 的小技巧第二篇。五. 高效的状态管理27. 永远不要为可以从其他 state 或 props 派生的值创建新的 statestate 越多 = 麻烦越多。每个 state 都可能触发重新渲染，并使重置 state 变得麻烦。因此，如果可以从 state 或 props 中派生出值，则跳过添加新的 state。不好的做法：filteredUsers 不需要处于 state 中。const FilterUserComponent = ({ users }) => { const [filters, setFilters] = useState([]); // 创建了新的state const [filteredUsers, setFilteredUsers] = useState([]); const filterUsersMethod = (filters, users) => { // 过滤逻辑方法 }; useEffect(() => { setFilteredUsers(filterUsersMethod(filters, users)); }, [users, filters]); return ({filteredUsers.length > 0 &&}); };推荐做法: fi ...继续阅读 (38)

...继续阅读 (28)

加密这个事情其实之前和小伙伴们聊过很多次，不过最近松哥又想到一些细节问题，再和小伙伴们补充聊一聊。一 对称加密对称加密和非对称加密是两种不同的加密方法，它们在数据安全和信息传输中扮演着重要的角色。下面我将分别介绍这两种加密技术：1.1 对称加密（Symmetric Encryption）对称加密是指加密和解密都使用相同的密钥。这意味着发送方和接收方都必须拥有这个密钥才能进行加密和解密操作。常见的对称加密算法：AES（高级加密标准）DES（数据加密标准）3DES（三重数据加密算法）1.2 对称加密特点一般来说，对称加密具有如下特点：速度较快：由于加密和解密使用相同的密钥，对称加密通常比非对称加密要快。密钥管理：对称加密的主要挑战在于密钥的分发和管理。如果密钥泄露，加密的安全性就会受到威胁。适用于大量数据：由于速度快，对称加密适合加密大量数据。从这里可以看到，对称加密主要有两大优势：第一就是运算速度快；第二就是适用于大量数据。但是，对称加密有一个致命的问题，就是密钥管理。如何从服务端将密钥安全的传输到客户端是个问题！另外就是当一对多通信的时候，如何管理好密钥不被泄露也是一个考验。这是对称加密的不足之处。1.3 代码案例接下来松哥给大家演示下 Java 代码如何做对称加解密。在 Java 中实现对称加密，通常使用 Java 加密架构（Java Cryptography Architect ...继续阅读 (51)

使用OpenVPN有一段时间了，它友好快捷的搭建了异常局域网的问题，在使用的过程中对配置的理解还是很重要的，在此以tun模式为例，说明其在实际使用过程的作用与意义。常规配置首先我们讲下都会讲到的常规配置，由于基本上所有的文章都会讲到，所以在此对部分常用的进行简单阐述：port说明服务运行的端口号，该端口号不能被其它的应用占用，同时需要在防火墙（如有）中做好允许访问的策略。示例：port 1194udp协议，可选为tcp和udp，由于udp的速度更快，一般默认使用该选项：proto udpdevdev猜想应该是device设备的简称，这里指把OpenVPN做为一个什么类型的网络设备，分别可以设置成服务于3层的TUN（Tunnel）设备，以及服务于2层的TAP（Terminal Access Point）设备。本文主要阐述 TUN 模式，后面的主要配置其实也是围绕着3层的路由配置来进行的。dev tunca、cert、key这里涉及到一些非对称加密的知识，简单来讲就是密钥会成对出现。一个自己保留的叫做私钥，另一个公开传给其它计算机的叫做公钥。使用公钥进行加密后的数据只能通过私钥进行解密，同样通过私钥进行加密的数据则需要只能公钥来进行解密。由于公钥与私钥的互相解密的性质，所以它们必然成对出现。在客户端（假设名称为client)为1个的时候，会生成3个密钥对。服务端私钥server.key ...继续阅读 (33)

前言在TS中有一种类型为void，它表示的是空，但是需要注意的是它与JS中的空并不是一回事。并且它一般用于给函数返回值声明类型，虽然也可以把一个变量的类型声明为void，但我们一般不会这么干，因为没有意义，为什么这么说呢？在下面的例子中来解答这个问题void类型给变量声明void类型let name: void // 声明一个变量name，类型为void name = 'nanjiu' // 报错 不能将类型“string”分配给类型“void”。 name = 18 // 报错 不能将类型“number”分配给类型“void”。 name = null // 报错 不能将类型“null”分配给类型“void”。 name = undefined // 正常也就是说当类型为void时，它能够接受的值就只有一个：undefined，其它任何值都不行。现在是不是能够解释为什么我们一般不会给变量声明为void类型了，因为它的值只能是undefined，而undefined在我们实际开发时并没有任何意义。函数返回值声明为void类型显式返回当给函数返回值类型申明为void时，我们可以在函数中return一个undefinedfunction sayHello(): void { console.log('hello') return undefined } const str ...继续阅读 (37)

9月4日，百度官宣文心一言APP正式升级为文小言，定位百度旗下“新搜索”智能助手。区别其它搜索产品，文小言推出了富媒体搜索、多模态输入、文本与图片创作、高拟真数字人等"新搜索"能力，能全面满足用户搜、创、聊需求。同时，文小言独家首发了记忆和自由订阅等新功能，被认为是目前为止，在新搜索领域结合大模型最原生、最彻底的AI应用。 值得关注的是，文小言用户即日起还可免费体验文心大模型4.0能力，整个九月均可使用。 百度全面发力“新搜索” 综合测评排名第一什么是“新搜索”？AI时代，新搜索不再局限于传统的信息检索功能，而是理应满足用户在搜、创 、聊等多层次的需求，具备更像人、更懂人的特点。因此，定义新搜索的一个重要标准是：需要具备AI能力，包括生成式AI、多轮交互、个性化互动、智能体等多元功能。基于文心大模型的前沿技术，百度将文心一言APP全新升级为“新搜索”智能助手文小言。目前，文小言在搜、创、聊等多个维度实现了对搜索行业的变革。据IDC发布的《移动端大模型应用市场竞争力分析》，文小言提供的新搜索能力，在同类产品中综合测评排名第一。不止文小言，「AI产品榜」8月发布的最新榜单显示，百度搜索“Ai智能答案”首次参选就以绝对优势登顶国内总榜。百度创始人、董事长兼首席执行官李彦宏在2024年Q2财报电话会议上透露，目前百度搜索已有18%的搜索结果由AI生成。这个比例至今还在不断提升。业内人士分析 ...继续阅读 (29)

前言最近在给opentelemetry-java-instrumentation提交了一个PR，是关于给 gRPC 新增四个 metrics：rpc.client.request.size: 客户端请求包大小rpc.client.response.size：客户端收到的响应包大小rpc.server.request.size：服务端收到的请求包大小rpc.server.response.size：服务端响应的请求包大小这个 PR 的主要目的就是能够在指标监控中拿到RPC请求的包大小，而这里的关键就是如何才能拿到这些包的大小。首先支持的是gRPC（目前在云原生领域使用的最多），其余的 RPC 理论上也是可以支持的：在实现的过程中我也比较好奇OpenTelemetry框架是如何给gRPC请求创建span调用链的，如下图所示：这是一个 gRPC 远程调用，java-demo 是 gRPC 的客户端，k8s-combat 是 gRPC 的服务端在开始之前我们可以根据OpenTelemetry的运行原理大概猜测下它的实现过程。首先我们应用可以创建这些链路信息的前提是：使用了OpenTelemetry提供的javaagent，这个 agent 的原理是在运行时使用了byte-buddy增强了我们应用的字节码，在这些字节码中代理业务逻辑，从而可以在不影响业务的前提下增强我们的代码（只要就是创建 ...继续阅读 (17)

背景在深度学习的世界中，Vision Transformer (ViT) 模型因其在图像分类任务中的卓越表现而受到广泛关注。然而，ViT 模型通常使用 Python 编写，尤其是基于 PyTorch 框架的实现。对于 PHP 开发者来说，利用 PHP 来实现 ViT 模型可能看似不切实际，但借助phpy扩展，我们可以轻松地在 PHP 中调用 Python 的生态系统，从而实现这一目标。什么是phpy？phpy是一个 PHP 扩展，允许 PHP 调用 Python 模块。这意味着我们可以在 PHP 中使用 Python 的强大功能和库，而不需要切换编程语言。这对于需要在 PHP 项目中使用深度学习模型的开发者来说，具有重要意义。安装方法:phpy入门：让PHP平滑使用Python的生态PHP 实现 Vision Transformer 的代码让我们首先来看一下如何在 PHP 中实现 ViT 模型。以下是一个完整的 PHP 实现，利用了phpy扩展来调用 PyTorch：php class ViT { private $emb_size; private $patch_size; private $patch_count; private $conv; private $patch_emb; private $cls_token; ...继续阅读 (16)

本文翻译自Read Phone Contacts with JavaScript，作者：Alvaro Montoro， 略有删改。作者注：本文中描述的技术和流程是实验性的，只能在少数浏览器中工作。在撰写本文时，联系人选择器API仅支持 Android Chrome（从版本80开始）和iOS Safari（从版本14.5开始）。如果要检查是否可使用这个功能，可以访问这个演示网站alvaromontoro.com/demos/contacts/体验。在以前使用JavaScript从手机访问联系人数据是不可想象的。现在有了联系人选择器API，我们可以使用JavaScript来实现这个功能。此功能在需要联系人信息（如电话号码或VoIP）的应用程序，通过这个功能我们可以在社交平台中发现通讯录中的好友(前提需要社交平台有对应的手机号码字段)，或者需要填写联系人表单信息时则无需切换应用程序即可获取到相应的数据。API和设备将限制可用的属性。开发者可以选择以下五个标准属性：姓名电话电子邮件地址图标以上返回的都是数组形式，因为联系人可以有多个电话、电子邮件或多个地址。为了保持一致性，即使它是单个值，返回的数据始终是一个数组。隐私和安全存储在手机上的联系人信息可能包含敏感信息，我们必须小心处理。我们需要必须考虑到隐私和安全问题：联系人选择器API代码必须在顶级浏览上下文中运行。它防止外部代码，如广告或 ...继续阅读 (27)

故事的开端要追溯到 2009 年，阿里云迈出了拥抱开源的第一步。基于开源 Hadoop 技术，阿里云启动了云梯项目，以支撑阿里内部快速发展的电商业务。这一决策不仅为阿里内部电商业务的蓬勃发展提供了坚实的技术支撑，也为阿里云后续的开源之路奠定了基石。2015 年到 2016 年间，阿里云一边在云上推出第一款开源大数据产品 E-MapReduce（EMR）服务外部海量的中小企业，一边引入 Apache Flink 应对集团内部大数据处理实时化的挑战。在这个阶段，阿里云加大了对 Flink 社区的资源投入，逐渐成为其最大的用户和社区推动者，从拥抱开源转向贡献开源。到了今天，阿里云不再局限于已有开源项目的贡献，而是尝试在开源社区孵化一些新的项目。今年 3 月刚刚毕业成为 Apache 顶级项目的 Apache Paimon 就是其中之一。在今年的 CommunityOverCode Asia 之后，我们有幸与阿里巴巴开源委员会大数据 AI 方向副主席、阿里云计算平台事业部开源大数据平台负责人、阿里云研究员王峰（花名：莫问）就 Paimon 进行了深入访谈。通过这篇文章，你将了解到 Paimon 的创新实践，以及阿里云在开源大数据领域的技术进展、应用案例及未来规划。思否：目前阿里云在开源大数据架构方面有哪些最新策略和动态？王峰：过去，阿里的业务主要运行在自研的数据仓库上，但随着技术的发展，特 ...继续阅读 (14)

近期，被誉为中国第一款3A大作的《黑神话：悟空》火爆全网，以中国神话故事为背景，融入传统非遗文化，对全国多处名胜古迹进行实景扫描，这些带有浓烈中国文化特色的尝试以及世界级制作水准引来了全球范围内超乎预期的关注。咱们Zabbix开源社区里也有不少人在讨论😁图片源于网络 由AI生成来参会~有机会赢取《黑神话: 悟空》标准版游戏游戏中，“天命人”需一路打怪，不断踏上新的征途，在西游世界里通关成长。游戏外，回归到自己的生活、职场，更多“直面天命”的命题在等着我们去体验与攻克。作为运维人，保障系统稳定运行是我们的职场天命，更是我们对技术的不懈追求和对服务的极致承诺。数字时代，运维人如同守护者，时刻警惕着潜在的风险，确保每一条数据流的顺畅，每一个服务的连续性，想要在这条道路上升级通关，就必须不断学习最新技术、修炼自我。(拉到最后 还有多重礼品惊喜)Zabbix开源社区链接用户，营造学习互助的社区氛围，为用户们及时传递Zabbix最新功能、资讯动态等，搭建学习、交流的平台，助力Zabbixer的不断成长! Zabbix中国峰会将于9月13日-14日在上海举办，加入我们，共赴这场Zabbix的年度盛会！在这里，您将有机会与行业领袖、技术专家以及社区精英面对面交流，共同探讨监控技术的前沿趋势和实践应用。Zabbix & Technology18+ 场技术干货演讲前沿资讯、行业实践、扩展应用与创始人面 ...继续阅读 (16)

以下是个人收集总结的一些使用 react 的小技巧。一. 组件相关1. 使用自闭合组件// 不好的写法// 推荐写法2. 推荐使用Fragment组件而不是 DOM 元素来分组元素在 React 中，每个组件必须返回单个元素。不要将多个元素包装在或中，而是使用来保持 DOM 整洁。不好的写法：使用 div 会使 DOM 变得杂乱，并且可能需要更多 CSS 代码。import Header from "./header"; import Content from "./content"; import Footer from "./footer"; const Test = () => { return (); };推荐写法:包装元素而不影响 DOM 结构。import Header from "./header"; import Content from "./content"; import Footer from "./footer"; const Test = () => { return ( // 如果元素不需要添加属性，则可以使用简写形式< />); };3. 使用 React fragment 简写< />（除非你需要设置一个 key 属性）不好写法：下面的代码有点冗余。const Test = () => { return (); };推荐写法 ...继续阅读 (24)

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读这是JavaScript中那些在现实世界中极其强大的酷炫技巧之一。强大的实际应用场景动作(A)等待另一个动作(B)A正在进行，但用户想做B，而A需要先发生。例如：社交应用，用户可以创建、保存和发布帖子。就像Medium。Save status:Not savedPublish status:Not publishedSavePublish如果用户想在帖子保存时发布怎么办？解决方案：确保在发布之前帖子已保存。saveButton.onclick = () => { save(); }; publishButton.onclick = async () => { await publish(); }; let saveResolve; let hasSaved = false; async function save() { hasSaved = false; saveStatus.textContent = 'Saving...'; // ✅ Resolve promise from outside await makeSaveRequest(); saveResolve(); hasSaved = true; saveStatus.textContent = 'Saved' ...继续阅读 (27)

在现代前端开发中，获取屏幕的宽度和高度通常依赖于 JavaScript。然而现代 CSS 也可以获取到屏幕的宽高，通过自定义属性（CSS Variables）和一些数学函数来实现这一目标。本文将详细解析如何使用 CSS 的@property规则和一些数学运算来获取屏幕的宽高，严格的说是获取视口的宽度和高度。使用CSS获取屏幕宽高仅是一种实现方式，部分属性和数学函数有一定的兼容性问题，所以线上环境使用需谨慎。首先来了解一些前置知识点：1. CSS 自定义属性CSS 自定义属性（也称为 CSS 变量）允许开发者在 CSS 中定义可重用的值。通过使用 var() 函数，可以在样式表的任何地方引用这些变量。自定义属性的定义通常在:root选择器中进行，以便在整个文档中使用。:root { --shadow-hue: 180deg; --spring-duration: 1.33s; --canvas: 220; --bg: hsl(var(--canvas), 15%, 22%); --wgt: 200; }2. @property 规则@property规则是 CSS 的一项新特性，允许开发者定义自定义属性的语法、继承性和初始值。通过 @property，我们可以指定一个属性的类型和默认值。在我们的示例中，我们定义了两个自定义属性--_w和--_h ...继续阅读 (26)

坚持写作必有收获。今天我们采访的嘉宾是@xindoo。他是一位工作快 10 年的互联网老兵，有着丰富的开发经验，主要从事 Java 后端开发，同时涉猎广泛，涵盖前端、算法、数据分析等技术领域。他积极参与开源项目，也是一位技术博主。在个人生活中，他热爱阅读，也喜欢看科普视频，他也是使用 AI 比较早的一批人，利用 AI 提升自己的工作效率，积极拥抱新技术。本期我们很荣幸地邀请到了他，让我们一起听听他的精彩故事和心路历程吧。Q1：向大家简单的介绍一下自己吧～大家好我是 xindoo，一个十多年的技术博主，之前工作不忙的时候还搞过一段时间开源，在别人的努力下我在 Github 上参与贡献过的项目共收获了46w+ Star（🐶 其实只是给几个知名项目提过简单 mr 被采纳，我个人只有 1k 多 Star） ，后来空余时间不是很多也就放弃搞开源项目了。另外我也是一个工作快 10 年的互联网老兵了，本科毕业后直接进入互联网，不过刚开始运气不太好，干了几年的运维，之后转研发做过广告引擎研发，现在在 To B 领域做装修相关业务后端研发。我个人技术领域目前主要是 Java 后端开发，但业余时间偶尔自己折腾点小东西啥的，涉猎的技术领域还是挺广的，所以除了后端研发和运维这两个有实际工作经验的岗位外，像前端、算法、数据分析之类的工作都可以简单搞一搞，感觉勉强可以够到全栈的门槛吧！Q2：你是如何进入编程 ...继续阅读 (25)

2024 Google 开发者大会（Google I/O Connect｜China）在北京顺利举行，展示了 Google 在 AI 、Web 、Mobile 、Cloud 等领域的最新成果和最佳实践。在大会的启发下，开发者们的热情被点燃。在 8 月 10 日 SegmentFault 思否主办的“Innovate for Future 智在畅想”黑客马拉松决赛上，开发者们利用内容合作方 Google 开发者大会推荐的 Gemma、Vertex AI 等技术，成功将 11 个创新灵感转化成了可应用于社会生活、工作场景中的 AI 解决方案。经过审慎评审，“goodbye1024” 团队开发的《城语 App》凭借深度的技术应用和极高的产品完成度，最终摘得桂冠；“喵喵汪汪三人行”团队打造的《纸质作业留痕批改机器》以优质的项目成熟度和落地价值，赢得了二等奖；“Workflow”团队的《Workflow》则依托对技术应用的深度和广度，以及在效率提升和知识共享方面的潜力获得三等奖。接下来，让我们一起回顾一下本次黑客马拉松的精彩作品吧！一等奖 ：自由开启城市探索，智能解码旅游文化本次拔得头筹的《城语App》是由“goodbye1024”团队专为游客城市探索而设计的一款个性化旅游应用。该应用精心挑选了面向游客的漫步休闲路线。基于 Vertex AI 的 Gemini 大模型的智能算法，实现了智能路 ...继续阅读 (17)

ONES V6 是 ONES 团队过去一年的诚意之作。作为行业领头羊，在产品发布的稳和快之间，我们选择深耕细作。在定价的免费和低价之间，我们选择长久高质量陪伴客户。在深耕国内和全球化之间，我们选择普世价值。ONES 将更加努力，助力客户更好更快的发布产品，用软件服务全球企业。——ONES 创始人兼 CEO 王颖奇 ...继续阅读 (37)

经过近一年的产品研发，ONES 正式发布 V6 版。结合 ONES 的产品成熟度阶段和近两年的市场变化，ONES V6 为以下几个场景做了能力深耕。系统兼容和部署方面，软件供应链国产化政策引导趋势明显，在金融等领域要求全栈信创支持。ONES 为满足相关客户国产化需求，从处理器、操作系统、中间件、数据库等几层分别做了头部产品的适配，达到实际意义上的全栈信创支持，已经在数十家客户成功落地。出于对稳定性的严格要求，信创客户大部分会叠加高可用部署，ONES V6 已全面推出信创+高可用部署的专业解决方案，是研发管理品类信创「2+8」关键领域的首选方案。开放性方面，随着客户规模变大，客户需要更灵活的定制化能力和多系统对接能力。仅凭数据 IO 的 API 接口打通无法满足，对整个系统界面和关键流程都有更高的可编程自定义能力要求。经历两年的打磨，ONES 开放平台随 ONES V6 正式发布。包含 ONES 开放平台、插件运行和调试环境、开发者交流社区、插件应用市场等。在过去两年，ONES 已经有数十家插件开发合作伙伴，为超百家客户提供插件开发服务。目前还在持续招募插件开发合作伙伴，为更好的服务更多客户做准备。生成式 AI 能力方面，ONES 保持克制并力求功能实际落地。ONES V6 正式发布 ONES Copilot 套件，在 ONES Project 和 ONES Wiki 都有很多场景加 ...继续阅读 (24)

2024 Google 开发者大会成功举办开发者们齐聚一堂共同探索技术突破与创新灵感想重温大会的精彩瞬间？现在就带你全方位回顾本次大会如何“智启万象”点击下方视频，观看 AI 亮点合集速览IO24 AI Highlight Final.mp4AI 时代，谷歌致力于助力中国出海开发者在全球舞台上取得成功。此次大会向开发者们展示了AI、Web、Mobile、Cloud等技术领域先进高效的开发平台与工具，通过 50 多场技术专题演讲和合作伙伴案例分享，带来前沿技术干货，包括Gemma 2、Gemini API 、Google AI Studio、以及 Google 开源库的最新动态。通过这些演讲，开发者能够进一步了解如何利用 AI 提升产品智能化水平，优化用户体验，加速创新。现场嘉宾来自全球各地，他们不仅带来了多场关于人工智能的精彩演讲，还分享了谷歌在人工智能领域的研究成果和应用案例。此外，嘉宾们还在其他领域的演讲中介绍了人工智能如何赋能云计算、移动开发和 Web端等开发工作。这些内容帮助开发者了解各领域内最新的人工智能技术趋势和最佳实践，从而促进了开发者技能的提升。谷歌致力于让每个人能平等地享受科技带来的便利。在主旨演讲中，来自 Google Platforms and Devices 的软件工程师邝斌介绍了慧眼识教项目，团队利用 Google Cloud、MediaPipe 图像分割 ...继续阅读 (88)

谷歌致力于为开发者提供先进的广告变现与支付解决方案一起回顾 2024 Google 开发者大会了解如何利用谷歌最新工具和功能提高变现收入，优化用户体验，保障交易安全让变现更上一层楼广告检查器是谷歌 AdMob 平台最新推出的高级测试工具，开发者可以在不影响真实收入的情况下，测试和优化广告策略，确保每一次广告展示都能带来最大的收益。使用广告检查器更轻松地进行测试广告检查器允许开发和运营人员无需编写任何代码，即可实时获取广告请求分析。AdMob SDK 20.2.0 以上版本的广告检查器，支持查看中介广告瀑布流信息、Bidding 出价详情、可用的适配器，并进行高级广告单元调试和单个广告源测试，以便验证广告配置，确保广告瀑布流和出价策略的正确性，最大化变现效率。谷歌不仅通过产品和业务的创新最大化流量价值，还提供了自动排序优化、通用搜索、基准报告等一系列实用策略和工具帮助开发者平衡广告收益和用户体验，并进一步精进应用设计。灵活的变现方案AdMob 中介支持多样化的广告源和广告格式，为开发者打造了灵活高效的变现方案。AdMob 中介支持包括自身网盟在内的几乎所有广告源，并持续扩展。AdMob 中介支持常用的横幅广告、插屏广告、原生广告、激励视频等所有主流广告格式，以及开屏广告、沉浸式广告等特有格式，为开发者提供了灵活的混合变现方案。开发者可以轻松使用最新版本的 GMA SDK 在 Xcod ...继续阅读 (28)