背景当我为每个Vue项目使用ui组件库的时候，都会使用按需导入的方式来使用ui组件库。但是每次按需导入，不可避免的就需要做以下三步。我们以element plus ui组件库为例。1. 安装依赖第一步，当然是需要安装依赖。命令如下:pnpm add unplugin-vue-components unplugin-auto-import // npm和yarn同理2. 添加vite配置第二步，就是往vite的配置里面添加配置，如下所示:// vite.config.ts import { defineConfig } from 'vite' import AutoImport from 'unplugin-auto-import/vite' import Components from 'unplugin-vue-components/vite' import { ElementPlusResolver } from 'unplugin-vue-components/resolvers' export default defineConfig({ // ... plugins: [ // ... AutoImport({ resolvers: [ElementPlusResolver()], }), Components({ ...继续阅读 (13)

ew-auto-import-tool (自动化按需导入工具)简介自动化按需导入工具是一个命令行工具，用于自动配置 Vue 项目中组件库的按需导入。它可以帮助你快速设置 Element Plus、Ant Design Vue 等组件库的按需导入，无需手动修改配置文件。功能特点依赖管理：自动检测并安装所需依赖Vite 配置修改：自动添加必要的 import 语句和插件配置TypeScript 支持：自动更新 tsconfig.json 文件声明文件生成：自动生成组件和 API 的声明文件安装npm install -g ew-auto-import-tool或者使用 npx 直接运行：npx ew-auto-import-tool使用方法基本用法在 Vue 项目根目录下运行：ew-auto-import-tool工具会引导你选择要配置的组件库，并自动完成配置。命令行选项ew-auto-import-tool --library element-plus可用选项-l, --library: 指定要配置的组件库 (element-plus, ant-design-vue, naive-ui, vant)-p, --path: 指定项目路径，默认为当前目录-v, --version: 显示版本号-h, --help: 显示帮助信息支持的组件库Element PlusAnt Design V ...继续阅读 (13)

背景常规的后台管理系统登陆页面可能就只是一个简单的背景页面，这不太好看，接下来让我们来使用three.js来实现一个动态的海洋和天空效果当作背景，这样的效果总会让人眼前一亮，如下图所示。代码实现接下来，让我们用trae来编写实现这个功能吧。1. 组合式 API 初始化import { onMounted, onBeforeUnmount } from "vue"; import * as THREE from "three"; import { Water } from "three/examples/jsm/objects/Water.js"; import { Sky } from "three/examples/jsm/objects/Sky.js";Vue 组合式 API：使用onMounted和onBeforeUnmount来处理组件的生命周期。在组件挂载时初始化场景，卸载时清理资源。Three.js 导入：导入THREE来处理 3D 渲染，Water和Sky分别处理水面和天空的效果。2. 初始化 Three.js 场景let scene: THREE.Scene; let camera: THREE.PerspectiveCamera; let renderer: THREE.WebGLRenderer; let water: any; let sun: THREE.V ...继续阅读 (14)

前言前往openrouter ai申请一个免费的 key，然后使用ew-chat我写的这个ai聊天，就可以完成一个聊天会话网页。在线地址。在线地址由于没有api\_key,所以询问问题会报错。效果如下图所示:聊天会话的数据都使用永久会话存储在本地，以下是这个聊天会话的详细功能介绍。说明：这个项目是使用trae编辑器帮忙编写，然后本人再修补一些trae处理不了的问题完成的。功能分析这个聊天会话包含了多个功能。多语言切换主题切换，包含深色和浅色2种主题模式下载ai回答记录。可以刷新回答，也可以停止会话。上传文件并发送。新增会话，编辑会话名字，删除会话，清除历史会话等。内容渲染基于markdown，包含代码高亮，复制等功能。响应式网站。技术栈highlight.js来实现代码高亮ew-message消息提示框插件ew-responsive-store实现永久会话存储marked来实现内容渲染具体功能具体功能如下图所示:核心api原理核心api请求主要是如下这一段代码。const response = await fetch('https://openrouter.ai/api/v1/chat/completions', { method: 'POST', headers: { 'Authorization': `Bearer ${API_K ...继续阅读 (13)

本系列旨在梳理 Go 的 release notes 与发展史，来更加深入地理解 Go 语言设计的思路。官方发布说明：https://go.dev/doc/go1.24Go 1.24 值得关注的改动：泛型类型别名： Go 1.24 完全支持泛型类型别名（generic type aliases），允许类型别名像定义类型一样进行参数化。工具链升级：go.mod文件新增tool指令用于追踪可执行依赖；新增GOAUTH环境变量用于私有模块认证；go build默认将版本控制信息嵌入二进制文件。运行时性能提升： 通过基于 Swiss Tables 的新map实现、更高效的小对象内存分配和新的内部互斥锁实现，平均 CPU 开销降低 2-3%。限制目录的文件系统访问： 新增os.Root类型，提供在特定目录内执行文件系统操作的能力，防止访问目录外的路径。新的基准测试函数： 新增testing.B.Loop方法，用于替代传统的b.N循环，执行基准测试迭代更快速且不易出错。改进的 Finalizer： 新增runtime.AddCleanup函数，提供比runtime.SetFinalizer更灵活、高效且不易出错的对象清理机制。新增weak包： 提供弱指针（weak pointers），用于构建内存高效的数据结构，如弱引用映射、规范化映射和缓存。下面是一些值得展开的讨论：泛型类型别名支持Go 1 ...继续阅读 (3)

前言上篇文章中有提到CSS值的处理过程，但如果想要确定一个元素的最终样式值可以不需要这么多步。实际上我们写的任何一个标签元素无论写没写样式，它都会有一套完整的样式。理解这一点非常重要‼️比如：一个简单的p标签打开浏览器控制台，选中元素，切换到computed选项，勾选show all，这里就能够看到元素的所有CSS样式，尽管你什么样式也没写，它们也是有默认值的。任何标签都是这样，只不过默认值可能不一样。一道面试题前端南玖很简单的一段代码，只需回答出这两个元素各自的文字颜色。如果能够正确回答出，并知道其中的原理，OK那么这篇文章要讲的内容你都掌握了，如果不能，那么这篇文章需要好好阅读并理解一番。答案是一红一蓝。CSS属性值的确定步骤要确定属性值的话，我们可以先想想CSS属性值都可以从哪里来？声明值？继承？默认值？想了想CSS值好像也只能从这三个地方来获取，再加上一个比较权重，我们是不是就可以确定一个CSS属性的值了？ok，浏览器也确实是按这些步骤来确定CSS属性值的：声明值：这里包含开发者自定义声明与用户代理的样式表【user agent stylesheet】（相当于浏览器默认样式表需要与默认值区分开）比较权重：因为可能会有重复声明继承：如果前两步还没确定值并且这个属性是可以继承的话，那么这个时候就可以使用继承值默认值：最后如果还是无法确认值的话才会使用默认值声明值第一步是确认声明 ...继续阅读 (4)

LRU算法的定义LRU（Least Recently Used，最近最少使用）缓存算法是一种常见的缓存替换算法。它基于这样一个原则：当缓存空间满时，最久未被使用的数据将会被淘汰。LRU算法的核心思想是：如果一个数据在最近被访问过，那么它应该被优先保留；相反，若某个数据长时间未被访问，它将会被淘汰以腾出空间。LRU算法适用于缓存管理、操作系统的内存管理、数据库的查询缓存等场景。LRU算法原理LRU缓存使用一个存储数据的结构（通常是哈希表和双向链表的结合），在缓存空间达到上限时，删除最久未被使用的数据。步骤总结：访问数据：当数据被访问时，我们将数据移动到缓存结构的前端，表示它是最近使用的数据。缓存满时：当缓存满时，我们移除尾部的数据，这些数据是最久未使用的。LRU算法实现方法实现LRU算法的方法主要有：数组实现、哈希表+双向链表、使用Map数据结构，下面分别来看下这些方法的实现和各自的优缺点。数组实现我们可以使用一个数组来存储缓存的键值对，每次访问数据时，将其移动到数组的开头。当缓存满时，我们就移除数组的最后一个元素（即最久未使用的元素）。class LRUCacheArray { private capacity: number; private cache: [number, number][]; constructor(capacity: number) { ...继续阅读 (3)

在前端开发中，实现图片加载是一个常见且不可忽视的需求，图片作为一种高频使用的资源，正确且高效的加载图片能显著提高用户体验。本文，我们将谈谈图片加载的实现方式以及各自实现的优缺点，然后我们基于new Image方式来谈谈单图片加载与多图片加载的实现以及优化。图片加载的实现方式在前端开发中，图片加载不仅仅是一个简单的img标签操作，尤其是在复杂的应用中，图片的加载往往涉及到异步操作、缓存策略、错误处理以及资源优化等多个方面，下面，我们将扩展讨论JavaScript中实现图片加载的几种常见方法，并探讨它们的应用场景和优缺点。实现图片加载主要有如下几种方法:使用new Image()创建图片对象。使用标签加载图片。使用fetch和Blob对象加载图片。使用IntersectionObserver API和setTimeout加载图片（懒加载）。使用canvas处理图片加载。下面我们将谈谈每一种图片加载实现方法的优缺点和具体实现。1. 使用new Image()创建图片对象new Image()是 JavaScript 中用于动态创建图片对象的标准方式，它相对简单，且能直接控制图片的加载过程。通过onload和onerror事件，我们可以实现图片加载的回调处理。它的优缺点分别如下：优点：代码实现简单直观，而且代码量也很少。可以直接控制图片加载的生命周期和处理加载失败等情况。缺点：不能直接在H ...继续阅读 (5)

前言在 Vue 3.4 中，defineModel宏的引入标志着 Vue 双向绑定机制的一次重大革新。作为 Composition API 的重要补充，defineModel不仅简化了代码结构，还显著提升了开发效率和代码可维护性。本文将深入探讨defineModel的核心原理、最佳实践以及在实际项目中的应用场景，展示其如何优雅地解决传统v-model实现中的痛点。传统双向绑定的痛点在defineModel出现之前，Vue 的双向绑定主要依赖于v-model和手动管理props和emits。虽然这些方法有效，但在复杂场景下，代码往往显得冗长且难以维护。方案一：手动管理props和emits父组件传递数据的同时需要实现一个修改数据的方法传递给子组件父组件const carObj = ref({ brand: 'BMW', price: 100000 }) const carPriceAdd = () => { carObj.value.price += 1000 }子组件接收数据的同时还需要接收父组件传递过来的事件，并通过emits触发调用，就可以修改父组件的数据了const props = defineProps<{ modelValue: IUser, // v-model carObj: ICarObj // v-bind } ...继续阅读 (3)

业务背景在金融行业竞争激烈和人才竞争加剧的环境中，银行及金融机构越来越重视人力资源管理，尤其是考勤和薪酬管理在吸引、激励和保留关键人才方面的作用。随着数字化转型的推进，银行业务和管理流程正在发生变化，考勤薪酬管理作为企业管理的基础环节，也需要适应这一趋势进行数字化升级。监管机构对银行薪酬管理的要求日益提高，强调薪酬制度应与风险管理相衔接，避免过度风险行为。同时，员工对薪酬福利的需求也日益多样化，因此银行需求设计更加灵活和个性化的薪酬体系以满足不同员工的需求。这些因素共同促使银行对现有的薪酬系统进行升级和优化，以适应行业竞争、监管要求以及企业内部管理和员工多样化需求的变化。发展现状考勤薪酬管理系统的数字化：众多银行开始采用或升级数字化考勤薪酬管理系统，例如宁波银行的“薪福宝”、招商银行的“薪福通”和中信银行的“开薪易”。这些系统通过融合了智能算薪、薪酬代发、人事管理等功能，显著提升了考勤薪酬管理的效率和精确度。绩效考核指标的科学化：银行在设计薪酬体系时，越来越注重绩效考核指标的科学性和合理性。除了传统的财务指标外，还引入了 EVA （经济增加值）等综合性评价指标，以全面评估员工和机构的绩效。薪酬结构的多元化：银行薪酬结构逐渐从单一的固定薪酬向多元化发展，包括固定薪酬、可变薪酬和福利性收入等。这种结构旨在更好地平衡风险和激励，同时满足员工的多样化需求。风险管理和合规性的强化：银行在薪酬 ...继续阅读 (4)

AI 的爆发式进化正在重新定义云的价值边界。根据 IDC 预测，到 2025 年，全球 2000 强企业中超过 40% 的核心 IT 支出将用于 AI 相关计划，推动产品和流程创新。但同时也有多家研究机构指出，其实际落地仍然面临诸多挑战。Google Cloud Next 25 正是解码价值落地加速度的关键时刻。2025 年 4 月 9 日至 11 日，Google Cloud Next 25 将在拉斯维加斯举行，加入我们，共赴下一个科技盛宴！我们不再追问 AI 能做什么，而是聚焦它如何加速一切。现在，让我们一起看看今年的大会有哪些值得期待的内容！AI，加速的关键Google Cloud CEO Thomas Kurian 将以开幕演讲《云端新旅程》为大会定下基调。你可以从中了解到 Google Cloud 如何支持世界各地的组织通过创新解决方案推动变革，提高效率，赋能员工，吸引客户，促进增长。在最新公布的 Google Cloud Next 25 大会 680 项议题中，AI 持续占据核心地位，但展现出了与往届不同的战略纵深——从技术突破转向价值交付。而 Google Cloud 正在帮助开发者以前所未有的速度构建重要的应用、服务和智能体（agent）！本届大会你不仅能够充分了解到 Google Cloud 在基础设施方面的创新，以及这些创新如何加速 AI 解决方案在全球范围内的 ...继续阅读 (4)

在现代编程中，处理超大数字常常会遇到限制，因为大多数编程语言的数字类型在存储较大的整数时可能会溢出。为了解决这一问题，通常采用字符串表示法来处理大数字。在这篇文章中，我们将深入探讨如何通过字符串实现大数字的求和，展示一个简单而有效的 JavaScript 函数。背景在数学中，加法是最基本的运算之一，但对于超出机器数值范围的数字，我们需要采取不同的方法。通过将数字表示为字符串，我们可以逐位进行加法运算，模拟人工计算时的进位过程。这种方法简单直观，尤其适合处理任意大的数字。函数实现以下是我们实现的大数字求和函数bigNumberSum：const bigNumberSum = (a: string, b: string) => { let aArr = a.split(''), bArr = b.split(''); const maxLen = Math.max(aArr.length, bArr.length); let flag = false, res: number[] = []; for (let i = 0; i < maxLen; i++) { const nPopA = aArr.pop(), nPopB = bArr.pop(), numA = pars ...继续阅读 (3)

从 Chrome 125 开始，支持了一个全新的 CSS 特性 - Anchor Positioning，翻译过来即是锚点定位。在之前的文章中，我们较为系统的讲述了这个新特性的使用，感兴趣的可以翻开一下前文：抢先体验！超强大的 Anchor Positioning 锚点定位。在本文中，我们将使用锚点定位，实现一个简化版本的 Popover 功能。下面，我们将一起一探究竟。传统 Popover 功能长话短说，在日常的前端需求开发中，有这么一种场景，我们需要 hover 某个具体元素，以弹出一个弹出层，像是这样：如果我们将弹出层的 DOM 结构，写在某个具体的元素内部，譬如放在与被 Hover 元素同级。如果被 Hover 元素的祖先元素的某一层设置了overflow: hidden，则可能会出现这种截断现象：为了避免这种情况的发生，一般情况下，常见的解决方案都是会将弹出层的 DOM，插入到页面最外层的容器之下，再通过实时计算位置，将该弹出层定位到被 hover 元素附近。这也就是类似于popper.js、Tippy.js等传统库所干的事情。核心逻辑如下：通过 JavaScript 获取触发元素的位置信息（getBoundingClientRect）计算视口剩余空间（需考虑滚动位置、窗口尺寸等）动态调整 Popover 位置（需处理边界碰撞、翻转逻辑）添加 resize/scroll ...继续阅读 (6)

大家好，我卡颂。最近DeepSeek R1爆火。有多火呢？连我爷爷都用上了，还研究起提示词工程来了。大模型不断发展对我们前端工程师有什么长远影响呢？本文聊聊25年前端会有的一个小趋势。欢迎围观卡颂关于前端如何在 AI 时代完成职业转型的思考模型进步的影响像DeepSeek R1这样的推理模型和一般语言模型（类似Claude Sonnet、GPT-4o、DeepSeek-V3）有什么区别呢？简单来说，推理模型的特点是：推理能力强，但速度慢、消耗高。他比较适合的场景比如：Meta Prompting（让推理模型生成或修改给一般语言模型用的提示词）路径规划等等这些应用场景主要利好AI Agent。再加上一般语言模型在生成效果、token上下文长度上持续提升。可以预见，类似Cursor Composer Agent这样的AI Agent在25年能力会持续提升，直到成为开发标配。这会给前端工程师带来什么进一步影响呢？一种抽象的理解我们可以将AI Agent抽象得理解为应用压缩算法，什么意思呢？以Cursor Composer Agent举例：我们传入：描述应用状态的提示词描述应用结构的应用截图AI Agent帮我们生成应用代码。同样，也能反过来，让AI Agent根据应用代码帮我们生成描述应用的提示词。从左到右可以看作是解压算法，从右往左可以看作是压缩算法。就像图片的压缩算法存在失真，基于A ...继续阅读 (4)

...继续阅读 (6)

今年，我们见证了人工智能的加速飞跃、开源文化的蓬勃发展、游戏技术的革新突破以及移动操作系统的重大升级。这些技术的发展不仅重塑了人们的工作方式和生活习惯，还成为了引领行业变革、推动科学发现的重要力量。在这一进程中，技术社区作为知识共享、创新协作和人才培养的重要平台，发挥了重要作用。开发者们在社区中讨论技术趋势，分享实践经验，解决实际问题，社区也因此成长为一个充满活力的生态系统，不断孕育出新的思想和解决方案，共同推动着技术边界不断拓展。为了感谢在 2024 年对社区做出卓越贡献的开发者，我们基于用户行为大数据（如文章发布数量、参与回答数量、点赞量等）的综合分析，从“技术问答”和“专栏博客”两个维度共评选出 20 位创作者给予“SegmentFault 思否 2024 年度 Top Writer”称号。他们的努力和成就，不仅赢得了社区的尊重和赞誉，也为其他开发者树立了榜样，激励着更多人投身于技术分享和创新的行列中。他们是：恭喜以上创作者荣获“SegmentFault 思否 2024 年度 Top Writer”称号！你们将成功解锁“ Top Writer”黄金勋章。我们为每位上榜者定制了证书和专属礼包，思否小姐姐会联系上榜的小伙伴们，会尽快为大家邮寄证书和专属礼品。有任何问题，请联系思否小姐姐~在此，我们也要向社区中的每一位成员表达最深的谢意。感谢那些在社区中撰写深度文章、提供专业解答、 ...继续阅读 (9)

他们是社区的基石，也是行业发展、技术发展的源动力。他们是一群活跃在 SegmentFault 思否社区的卓越的开发者，他们热衷于分享知识与经验，他们布道技术与未来，他们让众多开发者受益，他们叫「Top Writer」。2024 年已经来到了第四季度，在过去的三个月里，社区的开发者们持续在社区分享、学习，在提升自我的同时，也帮助着更多的人。正是他们积极分享自身的知识和经验，才让 SegmentFault 思否积累了这么多宝贵的财富。为了感谢 2024 年第四季度中对社区做出卓越贡献的开发者们，我们基于用户行为大数据（如文章发布数量、参与回答数量、点赞量等）的综合分析，从「技术问答」和「专栏博客」两个维度共评选出 15 位创作者授予「SegmentFault 思否 Top Writer」称号。他们的出色表现，赢得了社区的尊重和赞誉，让我们为他们喝彩！他们是：恭喜以上创作者荣获「SegmentFault 思否 Top Writer」称号！你们将成功解锁「Top Writer」白银勋章，我们为每位上榜者定制了专属电子证书，请联系思否小姐姐（SiFou1024）领取吧 👇 ...继续阅读 (10)

律转鸿钧，新元肇启。我们很高兴在过去一年见证了众多开发者在这里交流思想、解决问题，共同推动技术的进步。他们撰写技术文章，积极参与问答，投身社区治理，以技术专长和社区影响力，为社区的繁荣做出了显著贡献。今天，我们正式发布“SegmentFault 思否年度 Maintainer”榜单，向那些在社区中以实际行动维护知识共享和技术创新的开发者致敬。在参与社区建设的过程中，那些具有卓越技术洞察、严谨审核态度和无私奉献精神的开发者，将被评选为“SegmentFault 思否年度 Maintainer”。今年共有 9 位开发者获得这一称号：感谢每一位上榜的“SegmentFault 思否年度 Maintainer”，感谢你们将个人的成长与社区的发展紧密相连，用智慧和热情共同打造了一个更活跃、更专业的技术社区。是你们的贡献，让 SegmentFault 思否成为了开发者们信赖和依赖的知识宝库，因此你们的声音我们也希望被更多开发者倾听。此外，我们特意为每位上榜者定制了“SegmentFault 思否年度 Maintainer”证书和专属礼包。思否小姐姐会联系上榜的 Maintainer 们，尽快为大家邮寄证书和专属礼品。如有任何问题，请联系思否小姐姐~写在最后我们为了消除开发领域的知识不平等，建立了开放式协作的问答社区。十年时间，无数开发者、志愿者参与共建、维护。我们探寻以开放、对等、共享的理念， ...继续阅读 (12)

前言技术活动，作为连接开发者、企业与开源项目的桥梁，已成为推动开源生态发展及技术进步的关键。它们以其独特的开放性和包容性，汇聚了来自不同背景、不同水平的开发者，不仅为初学者提供了满足好奇与探索未来的舞台，也为佼佼者打开了分享洞见和展示成果的窗口，促进了技术的推广与应用，加速了技术创新与产业发展的步伐。同时，技术活动也反映了当下开源生态持续破圈并实现边界渗透的趋势。通过集结不同领域的专家和开发者，探讨和分享开源技术的最新进展，各参与主体能够更好地把握时代脉搏，推动技术的多元化发展。2024 中国最受开发者欢迎的技术活动评选，即是为了选出那些真正以开发者为中心，在促进知识共享、推动创新合作、加速社区建设、引领行业趋势以及助力人才培养等方面为开发者带来积极影响的技术活动。我们希望通过此次评选，肯定它们在推动开源文化和实践领域的价值，让它们被更多开发者所了解，同时鼓励更多优秀活动的涌现，为开源领域带来更多活力与动力。2024 中国最受开发者欢迎的技术活动2024 中国最受开发者欢迎的技术活动评选标准：参选主体必须为在 2024 年已举办完成的技术活动，可推荐或自荐；参选活动的主要受众必须为开发者，且开发者占参与人员比例 80% 以上；参选活动可以是线上/线下技术沙龙、技术竞赛、技术大会等，形式不限，但应为面向开发者的公开活动，在开发者人群中具备较高知名度或影响力/闭门会/培训活动/公司内部 ...继续阅读 (15)

本文所涉及的代码都在jrainlau/todo-mvc-x-docker-compose，欢迎 star 欢迎打 call！在当前的工作的项目中，我们大量使用了 Docker Compose 的相关技术。由于此前的工作和学习都缺乏相关的项目经验，因此 Docker 的知识一直是我的短板，基本只停留在“知道是怎么一回事，但没有深入使用过”的浅层理解。面对项目中各种繁杂的 Docker 配置，一时半会之间差点应付不过来。为了补上这块短板，我参考了项目的编排，DIY 了一个麻雀虽小却五脏俱全的 mini 项目，旨在完整地体验一次 Docker Compose 的玩法。一、技术选型如果说学习一门编程语言的第一步是“Hello World”，那么学习一套全栈开发的第一步，一定非“TodoMVC”莫属。我将构建一个前后端分离的 TodoMVC 应用，包含了呈现功能的前端页面、提供接口的后端服务、存放数据的数据库，实现完整的增删改查功能。时间来到了 2025 年，因此我将尝试结合当前比较新颖的工具，来完成项目的搭建工作。前端采用 Vite + React + TS 来初始化和运行，使用 Bun 作为包管理工具。后端采用 Bun + Elysia + TS 来初始化和运行。数据库MongoDB，因为足够简单，本地搭配 MongoDB Compass 可以非常直观地查看数据库内容。路由分发Nginx ...继续阅读 (16)

这是大模型编程系列的第二篇，也是我学习某云大模型工程师ACA认证免费课程的笔记，这课真不错，太香了必须强烈推荐👍🏻。对课程有兴趣请点击底部的查看原文。上一篇里面我们实现了最基础的接口调用，这节来点实际业务场景的。使用借助通义千问 API 自动完成一批文本处理任务业务场景。老板说，这里是我们大米SU8的销售评价表，你分析下用户的反馈，你从这几个原因总结下：价格过高、售后支持不足、产品使用体验不佳、其他。看哪个占比高，我们重点改进下。如果是以前不得苦逼苦逼，一条一条看啊，咱们也不懂算法，也不知道什么 NPL 情感分析之类的。现在就不一样了，你可以把这个问题直接丢给大模型，让他来判断。你需要对用户的反馈进行原因分类。 分类包括：价格过高、售后支持不足、产品使用体验不佳、其他。 用户的问题是：产品使用起来非常不方便，经常出问题。 回答格式为：分类结果：xx。仅返回分类结果，不需要任何额外解释或描述。但是一个个从表里复制，然后粘贴到大模型对话框，然后得到结果，是不是太low了点这里我们使用通义大模型来实现，OpenAI Chat接口兼容首先获取 api-key将API Key配置到环境变量这里如果仅自己测试不考虑安全问题，可以忽略from openai import OpenAI # 设置API密钥 client = OpenAI( api_key="your-openai-api ...继续阅读 (15)

2024年过的可真快啊，这一年怎么说呢，焦虑迷茫，尝试突破，感情内耗，内耗占据我下半年的时间，和不值得的人。 今年的行情是越来越难，AI发展是越来越快，AI 上我感觉上了快速列车一样，相比之前要做一个需求，或者一个项目，现在直接喂 propmt ， 不过propmt 得经过调教符合AI 的胃口才行，这样的效果会更佳。从而现在行业里大批量的失业,找不到工作，门槛是越来越高；身边还有很多发不了工资的，仲裁排队的，转行的.... 总之到头了感觉，不过想继续在这趟车上，争取能上车，那么就得提前布局了，不能以传统思维去学习了，拥抱AI，将AI 赋能自己，深究特定垂直行业需求，不然还按之前那种去找，地狱级别，因为人太多了，总有“性价比”之人。 工作上今年一整年我负责开发 HR 系统的多个模块开发[基础数据维护，合同整体流程，考勤打卡维护，排班管理，各种流程审批，申请追踪，考核模版配置，合同模板配置等模块]，整体上开发上还好。 同事协作也很愉快，工作氛围也很好，每天过着挺稳定的生活 “两点一线”。学习上今年一整年，基本上all in AI 了，每周我都会看前沿信息以及AI 动态，整理了很多技术资源。今年在技术上的投入没前几年那么卷了，看了前几年的年终总结，那会可学的真多， Go，FLutter，Node，React等技术。今年的话，更加具体化了，之前都是盲目学习，没有对应产出和正向反馈，现在早 ...继续阅读 (15)

昨日，由中国信通院主办，企业数字化发展共建共享平台（EDCC）承办的 2024 政企数智化转型与企业级 AI 成果发布会暨企业数字化发展共建共享平台（EDCC）年会，在北京圆满召开。会上，由 ONES 联合中国信通院企业数字化发展共建共享平台、云计算标准和开源推进委员会权威编写的《企业级研发管理系统迁移指南》（以下简称《指南》）正式发布。ONES 高级副总裁李峻对《指南》进行了深度解读，并结合 ONES 客户服务中的丰富经验，分享了一套可复制、可落地的研发管理系统迁移方法论。近年来，随着国产软件的成熟，国际政治影响和内外部环境的变化，越来越多的企业选择 ONES 作为企业级研发管理系统。作为国内研发管理赛道的先行者和领跑者，ONES 为大量头部客户提供了优质的解决方案和服务支持。凭借易用性、安全性、自主性的综合能力，成功推动百余家中大型客户完成了 Jira 和 Confluence 的国产替换迁移。为帮助更多企业平滑高效迁移，ONES 与中国信通院共同推出《企业级研发管理系统迁移指南》。本书是行业首本聚焦于研发管理系统迁移的实用手册，围绕迁移的动因、路径与实践，首次提出了「企业级研发管理系统迁移分析模型」。同时，围绕市场占比最高、替换需求量占主流的系统  Jira 和 Confluence，详细解读了迁移的规划建议、解决方案、实施流程，以及ONES 如何帮助不同数据规模的企业成功迁 ...继续阅读 (28)

与一度甚嚣尘上的“AI 将取代开发者”观点相反，GitHub 最新发布的 2024 年 Octoverse 开源报告指出，AI 的高速发展推动了全球开发者数量的显著增长，并重塑了软件开发的模式。多位人工智能领域专家预测，开源与人工智能的协同作用将在未来 5-10 年内加速实现原本需 50-100 年科研努力方能达成的成果。这一颠覆性变革，得益于学术界、科技企业、创新初创公司，以及开源社区的先锋们长期以来的开放式协作与无私分享。同时，开源软件的应用与贡献进一步深入千行百业，在互联网、金融、电信、汽车、智能制造等行业都形成了最佳实践，极大程度提升了软件研发效率。而开放式协作的精神更是突破了软件研发的范围，深刻着影响着人们工作与生活的方方面面，越来越多人们享受着开源带来的全新生活。为了向推动开放新未来的先锋们致敬，SegmentFault 思否团队已联合开源社连续 5 年开展“中国开源先锋 33 人之心尖上的开源人物”年度评选。我们期望通过这一评选，致敬杰出的开源贡献者，激励创新的开源后来者，进一步激发社区活力，凝聚集体智慧，共同推动中国技术进步与开源生态发展。所谓先锋，我们理解不仅限于开发者，贡献代码的开发者、开源项目发起人、开源布道师、开源治理的先锋人物、关注开源的投资人等对推动开源生态发展有帮助的人都是榜单的目标对象。开源项目、开源治理、开源布道、开源商业、开源教育等都是我们重点关 ...继续阅读 (64)

在本月初刚刚落下帷幕的 re:Invent 上，亚马逊云科技以“厚积薄发”的姿态，带来了多项重量级发布，从全新一代的 Amazon Nova 多模态大模型系列，到性能强悍的 Trainium 2 和 Trainium 3 芯片，再到存储、数据库和 AI 推理工具的全面升级，亚马逊云科技用技术实力诠释了其作为全球云计算领导者的地位。在上周三开启的 re:Invent 2024 中国行全国巡展活动上，亚马逊云科技大中华区产品总经理陈晓建对 re:Invent 2024 上的重要发布进行了一次全面的回顾。我们访谈了多位社区开发者和现场参会者，整理了三个社区开发者呼声最高、最关注的三项重要发布。接下来，就让我们再一起回顾下今年 re:Invent 上专属于开发者的焦点时刻。Amazon Q：深入研发全流程，定义开发新范式说到最深入人心的生产力工具，不得不说的就是深入研发全流程的 Amazon Q。这款生成式 AI 助手在 2023 年的 re:Invent 上首次亮相，在今年 4 月亚马逊云科技陆续发布了服务技术研发的 Developer 和服务企业内部的 Business 版本。在 Q Developer 刚刚发布时，和市面上绝大多数研发助手类似，聚焦于编码工作。然而今年的 re:Invent 上的全新特性则直接把 Q Developer 带上了 Next Level —— 正如 AW ...继续阅读 (17)

从 3 颗大芯片说起要说清楚亚马逊云科技 re:Invent 2024 中所发布的最先进的 AI 基础设施架构，首先需要从云计算数据中心的 3 颗大芯片说起。它们分别是：Gravition4 CPUNitro5 DPUTrainium2 “GPU”从下文所示的亚马逊云科技芯片自研路线图可见，自 2013 年发布了完全自研的第一代 Nitro 芯片以来，到近两年最新发布的 Gravition4 和 Trainium2，亚马逊云科技已经成为了全球范围内屈指可数的拥有完全自研 CPU、DPU、GPU 这 3 颗云计算数据中心大芯片能力的云计算厂商。众所周知，芯片硬件，尤其是 3 颗大芯片的研发投入往往是天文数字，而且研发路径艰难且漫长。那么，为什么亚马逊云科技始终坚持芯片自研路径不放弃呢？笔者认为主要有以下 3 点原因：创新：硬件创新是软件创新、服务创新的基石，亚马逊云科技不会让硬件成为了创新的瓶颈。高效：亚马逊云科技提供的云服务持续领先，只有自己才能完全搞懂自身的需求，自研硬件使其得以高效的满足自身需求并推动创新技术的落地。低成本：亚马逊云科技全球数据中心布局规模巨大，每年从芯片厂商采购 3 颗大芯片所投入的成本量级已经足够支撑自研团队，自研生产芯片供应链可以更极致的压低成本，提供更具有价格竞争力的优质服务。Graviton 4Graviton 是基于 ARM 架构的 CPU 芯片，第 ...继续阅读 (15)

GitHub Copilot 重大更新：VS Code 用户迎来免费版本，全球开发者数量突破 1.5 亿作者：MF（SegmentFault 思否技术编辑）发布时间：2024-12-19美国时间 2024 年 12 月 18 日，GitHub 官方宣布了一个激动人心的重大消息：GitHub Copilot 将为 Visual Studio Code 用户推出免费版本，同时 GitHub 平台的全球开发者数量已突破 1.5 亿大关。这一决策将让更多开发者能够体验到 AI 辅助编程带来的效率提升。1GitHub Copilot 免费版体验链接手机扫码体验 GitHub Copilot免费版免费版本的主要特点GitHub Copilot 免费版本将为 VS Code 用户提供以下功能：在 VS Code 中获得基础的 AI 代码补全功能可以在 GitHub.com 网站上直接使用 Copilot 功能支持多种主流编程语言基于 OpenAI 的先进 AI 模型提供支持2使用条件与限制需要注意的是，免费版本相比付费版本会有一些限制：仅支持 Visual Studio Code 编辑器功能范围相对付费版本会有所精简用户需要拥有 GitHub 账号需要通过 VS Code 的官方扩展市场安装 GitHub Copilot 插件2GitHub 生态系统的重要里程碑此次更新不仅仅是针对 Copilo ...继续阅读 (20)

我们很高兴迎来 Google 全新的视觉语言模型PaliGemma 2，这是 PaliGemma 的一个新版本。与其前代产品一样，PaliGemma 2 使用强大的SigLIP进行视觉处理，但在文本解码部分升级到了最新的Gemma 2。模型规模和输入分辨率PaliGemma 2 提供了新的预训练模型，参数规模包括3B、10B和28B。所有模型均支持以下多种输入分辨率:224x224448x448896x896这种多样化的组合为不同的使用场景提供了极大的灵活性，使实践者能够根据质量和效率需求之间的平衡进行选择。与之相比，上一代 PaliGemma 仅提供3B版本。预训练和微调能力这些预训练模型被设计为更容易适配下游任务。首个 PaliGemma 模型因其广泛适配性被社区用于多种任务。本次迭代引入了更高质量的预训练模型和更多选择，进一步增强了灵活性。DOCQI 数据集示例Google 此次发布了一些基于DOCCI数据集的微调模型，展现了长篇、细致和富有表现力的图像描述能力。这些微调模型提供3B和10B两个版本，支持输入分辨率448x448。此次发布包含了所有开放的模型仓库、Transformers 框架的集成、微调脚本，以及我们基于VQAv2 数据集微调的视觉问答模型演示。这些资源为用户提供了全面的工具支持，助力探索和开发更多创新应用。资源链接本次发布包括开源模型库、transform ...继续阅读 (20)

近期，我在致力于打造自己的小程序产品时，迎来了一项关键性的进展——微信相关授权流程的完整实现。从用户登录到权限获取，我们细致入微地梳理并实现了每一项授权机制，确保了用户体验的流畅与安全。微信小程序授权授权流程：用户在小程序中点击登录按钮，触发wx.login()获取code。小程序将code发送到后端服务器。后端通过微信接口jscode2session使用code获取session_key和openid。后端返回session_key和openid给前端。前端获取session_key和openid，使用wx.getUserProfile()获取用户信息（如昵称、头像等）。如果需要，可以将用户信息（如昵称、头像等）发送到后端进行存储或处理。wx.login({ success: function(res) { if (res.code) { // 将 code 发送到服务器 wx.request({ url: 'https://localhost:8080/api/login', method: 'POST', data: { code: res.code }, success: function(response) { // ...继续阅读 (35)

四年磨一剑，原生鸿蒙操作系统正式发布，超越 iOS 成为中国第二大移动操作系统，已有超 1 万个应用和元服务上架 HarmonyOS NEXT 应用市场，满足了消费者 99.9% 的使用时长。与此同时，这个从底层代码到系统架构都实现完全自主化的全新操作系统，也正逐步成为数字化转型坚实的底座，支持鸿蒙生态的设备数量超过 10 亿台，覆盖了金融、教育、医疗、工业、办公等各个领域。在鸿蒙生态快速发展的背景下，开发者的全面参与已成为推动生态进一步扩展的核心驱动力。为了帮助开发者更深入地了解鸿蒙生态，掌握开发技能，并鼓励他们成为生态共建的一部分。SegmentFault 思否于 2024 年 12 月 7 日在杭州，举办以“ HarmonyOS 应用生态构建与拓展”为主题的开发者技术沙龙，邀请多位技术专家，分享各自在鸿蒙原生应用开发中的经验和实践成果。花瓣地图集成与实战案例来自软通动力的高级工程师彭科力深入讲解了花瓣地图集成至 HarmonyOS 应用的完整流程。他详细介绍了从配置 ClientID、项目代码签名和公钥到 API 管理、ServerSDK 等关键步骤，并演示了点击标记点弹出信息、跳转地图 App 进行导航，以及地点名字的自动隐藏等功能。彭科力认为，个性化地图服务能够提升应用 LBS 体验，对增强 HarmonyOS 生态系统的竞争力至关重要。鸿蒙应用开发实战: 从架构设计到数 ...继续阅读 (44)