本文通过标题中的几个问题功能，提供一些代码（包括接口，用于复习一下文件操作相关的知识）问题一 FormData无法直接console.log出来问题复现如下代码：const formData = new FormData() formData.append('name', '孙悟空') formData.append('age', 50) formData.append('home', '花果山水帘洞') console.log('formData-->', formData);如下看不到键值对的贴图：一般来说，我们是使用new FormData()去通过接口，给后端传递一些文件信息FormData是无法直接console.log出来的，不过我们可以在请求的载荷中看到比如以下代码，笔者提供的一个带接口的代码示例（复制粘贴直接看）DOCTYPE htmlDocumentaxios的cdn// 生成年月日时分秒 function time() { var today = new Date(); var y = today.getFullYear(); var m = today.getMonth(); var d = today.getDat ...继续阅读 (72)

by emanjusaka fromhttps://www.emanjusaka.top/2023/12/java-arrayList彼岸花开可奈何本文欢迎分享与聚合，全文转载请留下原文地址。ArrayList是一个使用List接口实现的Java类。顾名思义，Java ArrayList提供了动态数组的功能，其中数组的大小不是固定的。它实现了所有可选的列表操作，并允许所有元素，包括null。ArrayList继承于AbstractList，实现了List,RandomAccess,Cloneable,java.io.Serializable这些接口。public class ArrayListextends AbstractListimplements List, RandomAccess, Cloneable, java.io.Serializable{ }​​ArrayList 中的构造函数// 默认初始化容量 private static final int DEFAULT_CAPACITY = 10; // 用于空实例的共享空数组实例。 private static final Object[] EMPTY_ELEMENTDATA = {}; // 用于默认大小的空实例的共享空数组实例。我们将其与EMPTY_ELEMENTDATA区别开来，以了解添加第一个元素时要膨胀 ...继续阅读 (85)

本文将探讨实用的 JavaScript 文件优化技术、如何处理与 JavaScript 文件相关的性能问题以及帮助优化过程的工具。你将获得提升web应用程序速度的相关知识，从而为你的用户提供无缝体验。JavaScript 文件是web应用程序的重要组成部分，但网站速度和用户体验对网站的成功至关重要。因此，优化 JavaScript 文件以确保无缝体验至关重要。优化 JavaScript 文件可以解决渲染阻塞、页面加载时间、文件大小等问题。了解JavaScript优化JavaScript 优化是提高 JavaScript 性能的过程。要了解 JavaScript 优化的好处，我们首先要了解与 JavaScript 相关的问题。其中包括：脚本执行。包含阻塞代码的 JavaScript 文件会延迟页面渲染。脚本执行会阻止其他内容的加载，从而导致糟糕的用户体验。文件大小。大型 JavaScript 文件的下载时间较长，会影响页面加载时间。代码复杂、效率低。优化不佳的 JavaScript 代码（如过多的循环、冗余的计算或低效的算法）会导致性能受阻。优化 JavaScript 文件的好处多多。JavaScript 优化有助于提高web应用程序的响应速度和交互性，提供更满意的用户体验和更好的性能。它包括更快的表单提交、动态内容更新和流畅的动画。通过帮助减少 JavaScript 文件的大小并优 ...继续阅读 (143)

欢迎关注我的公众号：前端侦探之前写过这样一篇文章：CSS 实现多行文本“展开收起”，介绍了一些纯 CSS 实现多行文本展开收起的小技巧，非常巧妙，有兴趣的可以回顾一下。不过展开收起按钮的隐藏和显示采用了“障眼法”，也就是通过一个伪元素设置和背景相同的颜色覆盖实现的，如下时代在进步，CSS也在不断发展。CSS 容器查询出来也有一段时间了，能够动态判断容器尺寸，赶紧拿来用一下，发现并没有想象中的那么顺利，甚至还有些难用，一起看看吧一、简单介绍一下容器查询CSS 容器查询，顾名思义，就是可以动态查询到容器的尺寸，然后设置不同的样式。比如有这样一个容器欢迎关注前端侦探简单美化一下.card{ display: grid; place-content: center; width: 350px; height: 200px; background-color: #FFE8A3; border-radius: 8px; border: 1px dashed #9747FF; }效果如下现在这个容器宽度是350px，现在希望在宽度小于250px时文字颜色变为绿色，要怎么做呢？非常简单，只需要规定一下容器的类型，然后写一个查询语句就行了，关键实现如下.card{ /**/ container-type: size; } @container (width < 2 ...继续阅读 (75)

1，Vue3.0 为什么要使用 proxy在 Vue2 中， 0bject.defineProperty 会改变原始数据，而 Proxy 是创建对象的虚拟表示，并提供 set 、get 和 deleteProperty 等处理器，这些处理器可在访问或修改原始对象上的属性时进行拦截，有以下特点∶不需用使用 Vue.$set 或 Vue.$delete 触发响应式。全方位的数组变化检测，消除了Vue2 无效的边界情况。支持 Map，Set，WeakMap 和 WeakSet。Proxy 实现的响应式原理与 Vue2的实现原理相同，实现方式大同小异∶get 收集依赖Set、delete 等触发依赖对于集合类型，就是对集合对象的方法做一层包装：原方法执行后执行依赖相关的收集或触发逻辑。2，谈谈你对slot的理解，以及slot的使用场景在HTML中 slot 元素 ，作为 Web Components 技术套件的一部分，是Web组件内的一个占位符。该占位符可以在后期使用自己的标记语言填充：Slot template12template不会展示到页面中，需要用先获取它的引用，然后才会添加到DOM中。customElements.define('element-details', class extends HTMLElement { constructor() { su ...继续阅读 (75)

本文由葡萄城技术团队发布。转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。前言随着云计算技术的不断发展，越来越多的企业开始将业务数据存储到云端。阿里云作为国内领先的云计算服务提供商，其云存储服务备受用户信赖。然而，对于很多非技术人员来说，如何将低代码平台与阿里云存储对接是一个难题。本文将以葡萄城公司的企业级低代码开发平台——活字格为例，介绍低代码平台如何对接阿里云存储，帮助读者更好地理解和应用云存储服务。对接步骤环境准备活字格设计器活字格服务器上传云存储提供程序在活字格的管理控制台，选择"设置 --\> 云存储设置"，进入云存储配置界面，单击"上传"，选择云存储提供程序，上传后进行认证配置。上传完成后，会在下面的列表中显示提供程序的名称、版本号和依赖版本号。配置阿里云获取AccessKey Id和AccessKey Secret访问https://ram.console.aliyun.com/manage/ak单击创建AccessKey会自动生成AccessId和Access Secret；获取地域节点和Bucket名称在上传数据（例如文档、图片、音视频等）到OSS之前，需要在OSS所支持的地域创建一个存储空间（Bucket），然后将无限数量的对象（Object）上传到该Bucket中。访问https://oss.console.aliyu ...继续阅读 (77)

前言如果今年要写一篇年终总结的话，生成式Ai一定是绕不过的一个话题，自从去年的chatGPT火爆全球后，今年各种生成式Ai的产品络绎不绝地出现大众视线，版本迭代的速度也是非常快，大家甚至开始在自己的生活和工作中去尝试使用AI工具提升效率，我也认为AI可以帮助我们再一次提升人类的生产力，但现实的发展好像并没有想象中的那么美好。目前出现的生成式AI的产品大多都是面向消费级的，对于企业来说并不适用，我们都知道当前大模型的基础物料都是来自互联网上的公开资料，比如说论坛、出版物以及维基百科等一些数据。对于企业内部而言，AI其实是一窍不通的，它并不了解企业的文化，企业的各种业务流程，自然也就没有办法给到很好的回答。如果企业员工在内部使用这些消费级的应用还可能牵扯到数据安全的问题，之前就有三星员工使用gpt导致泄密事件的新闻，包括像微软这样的公司都禁止员工在内部使用gpt，都是为了避免信息泄露的事故发生。在re:Invent 大会上，亚马逊发布了Amazon Q，Amazon Q是亚马逊科技针对隐私泄露等问题给出的解决方式，从外表上看，Amazon Q的交互模式依然是“对话”，但是内部完全重构，它更安全也更私密，可以根据企业本地业务给出回答，也可以根据不同员工设定不同等级的访问权限。初次见面首先在vscode中搜索“AWS Toolkit”，直接安装就行，随后需要亚马逊账户认证授权，没有账户可以 ...继续阅读 (79)

大家好，我是张晋涛。前段时间看到了很多关于数据库要不要部署在 Kubernetes 之上的讨论，这些年，这种讨论时有发生。这个事情并没有绝对的定论，因为每个人都是基于自己的认知，或基于自己过往的经验在进行分析、讨论，每个人的出发点不同，自然得到的结论也是不一样的。2021 年的时候，我曾经做过一次线上分享：Redis 容器化技术选型，K8S 并非唯一 | MoeLove在那次分享中，我主要是聊了一些容器化的技术手段，Redis 自身的一些特性，以及基于不同业务场景或者需求时，可以选用的技术方案。今天这篇，我想再聊聊 Redis 在 Serverless 场景下的应用。Redis 的特性及应用场景Redis是一个开源的，基于内存的数据存储引擎。它非常简洁，但功能全面实用、灵活多变，常被称之为数据库领域的 “瑞士军刀”，被数百万开发者用作数据库、缓存、流引擎和消息代理。Redis 的主要特点速度快：由于它是一个内存型数据库，数据的读取写入都直接通过内存完成，避免了读写硬盘而可能造成的延迟问题。即使在高频的读写场景下也可以有非常不错的表现；适用场景丰富：Redis 有着丰富的数据类型，可以灵活的用于各类场景中（下文将详细介绍）；上手成本低：Redis 的操作指令和使用是非常简单的，包括它的通信协议 RESP 也设计的非常简洁，感兴趣的小伙伴可以参考我之前的文章理解 Redis 的 RES ...继续阅读 (66)

大家好，我卡颂。最近，一款基于Rust的linter工具Oxlint在国外前端圈引起热烈讨论，很多大佬给出了高度评价。他相比于老大哥Eslint有什么优势？未来他会取代老大哥么？本文让我们来聊聊这个话题。免费领取卡颂原创React教程（原价359）、加入人类高质量前端群Oxc与Oxlintoxlint是Oxc项目旗下的一款产品，Oxc作为一款Rust实现的前端工具链集合，包括：linter，即oxlint，对标Eslint，本文的主角Parser，即oxc_parser，用于解析.js(x)和.ts(x)，对标swc，基准测试据称比swc快2倍Resolver，解析esm、cjs文件路径，对标webpack/enhanced-resolve，基准测试据称比webpack快28倍formatter，对标Prettier，还未公布transpiler，对标babel，用于将高级语法转译为低级语法，还未公布minifier，代码压缩工具，还未公布与Oxc抱有同样设计理念（都是基于Rust开发的工具链工具）的还有Biome与Ruff，其中：Biome比较命途多舛。他的前身是Rome，由Babel作者Sebastian McKenzie开发，和Oxc一样目标语言是JSRuff的目标语言是PythonOxlint的介绍Oxlint之所以引发热烈讨论，主要原因是他的性能太炸裂了。尤大用Oxlin ...继续阅读 (71)

在前端浏览器中我们可以通过使用JavaScript的navigator.getBattery()方法来获取当前系统的电池情况。这个API可以监测设备的电池状态，包括是否在充电、当前电量以及放电或充电所需的时间。本文将介绍如何使用这个API以及它在实际应用中的使用。API使用首先让我们来看一下如何使用navigator.getBattery()方法来获取电池信息。在JavaScript中，我们可以通过以下代码来获取电池对象：navigator.getBattery().then(function(battery) { // 在这里可以访问电池对象的属性和方法 });通过调用navigator.getBattery()方法并使用.then()方法来处理返回的Promise对象，我们可以获得一个表示当前系统电池的Battery对象。让我们看一下Battery对象的一些常用属性和方法：battery.level：表示当前电池的电量，范围为0到1之间。battery.charging：表示当前是否正在充电，返回一个布尔值。battery.chargingTime：表示从当前时刻开始的估计充电剩余时间（以秒为单位）。battery.dischargingTime：表示从当前时刻开始的估计放电剩余时间（以秒为单位）。onchargingchange：监听充电状态的改变。onchargingt ...继续阅读 (70)

pre标签介绍官方介绍：HTML元素表示预定义格式文本。在该元素中的文本通常按照原文件中的编排，以等宽字体的形式展现出来，文本中的空白符（比如空格和换行符）都会显示出来。(紧跟在开始标签后的换行符也会被省略)官方文档的介绍，有些“仙气飘飘”，不太接地气，本文将会用几个例子，来讲解一下，这样的话，更加便于了解之对于pre标签，我们可以这样简记：- pre标签，主要用来渲染带有转义字符的（空格符和换行符等） 的文本内容（字符串）举例场景一 渲染一首诗歌效果图解决方案一 使用 空白符若是只论这个效果而言，我们可以在html中，使用 空白符，去使劲堆出来也是没问题的，如下代码：白日依山尽黄河入海流欲穷千里目更上一层楼不过这种方式，就会有些呆板了，我们也不可能会在页面的标签中写一堆空白符号的（不美观，不想维护...）加之，后端只是负责返回字符串罢了，这种方式也不是动态的，所以不太推荐解决方案二 使用pre标签应用场景就是，后端把读取到txt文本内容字符串，返回给前端去渲染预览，假设数据库中，有这样一个文本文件，如下图：这里我们模拟一下后端，使用express简单写一个接口，读取此文件，为了方便直接流方式返回route.get('/pre.txt1', (req, res) => { let txtUrl = './public/txt1.txt' // 假设txt文件在同级目录publi ...继续阅读 (70)

但行好事，莫问前程。今天我们采访的嘉宾是@江南一点雨。他本是管理学专业，戏剧性地接触 Java 之后便一发而不可收。他在 Java 开发的道路上一路勤勉奋发，不仅出版的技术书籍一路畅销，他的开源项目也获得了超过 26k 的 Star，付出终有回报。他没有太多业余爱好，生活似乎比较“枯燥”，最开心的事情就是专研技术。本期我们很荣幸地邀请到了他，让我们一起听听他的精彩故事和心路历程吧。Q：向大家简单的介绍一下自己吧～我目前是一个 Java 工程师。我大学学的是管理学，属于经管学院，大二开始自学 Java，毕业的时候是 2015 年，那会安卓还是比较火的，所以一开始先做了两年的安卓开发，后面才转到 Java 这个坑上面来。到今天为止，算上之前的安卓开发经验，差不多也有 8 年左右的开发经验了。目前我出版过两本技术图书，一本是《Spring Boot + Vue 全栈开发实战》，还有一本是《深入浅出 Spring Security》。第一本书比较大众一些，目前来说算是企业级应用开发相当主流的一个技术栈，按照一般出版社这种类型的图书的销售情况来看，算是一本比较畅销的书了。第二本书比较小众，销量一般些。Q：你学的是管理学，为何会转行做 Java 开发呢？现在回头看的话，很多事情也是充满了戏剧性。我大学刚入学是属于经管学院，大一的时候我去听过中文课，准备大二再修一个中文的双学位，这是最开始的计划 ...继续阅读 (99)

人工智能技术将带来划时代的改变，开发者如何把握机遇应对挑战？2023 英特尔 On技术创新大会中国站即将上线，从云到端，全面赋能 AI 开发，开发者、工程师和技术人员将有机会深入了解最新的趋势和方向！12 月 19 日，助力开发者，让 AI 无处不在！欢迎大家点击立即报名参与！https://www.bilibili.com/video/BV1bu4y1T76n/?aid=922223673&ci..;. ...继续阅读 (79)

大家好，我是张晋涛。因为前段时间家人生病住院 & 我换了份工作。所以断更了一段时间，后续就会逐步恢复更新了。最近在 Kubernetes 生态中比较大的事情就是 KubeCon NA 2023 成功举办了，会上有很多不错的内容，也有很多重磅消息。目前会议的相关视频已经全部上传完成， 感兴趣的小伙伴可以通过https://sourl.cn/xTUCvn观看。这其中就包括了本篇文章的主角：Gateway API 发布了 v1.0 版本，正式 GA！在聊 Gateway API 能否成为 Kubernetes 中流量管理的未来这个话题前，我先来介绍一些背景。Kubernetes 中的流量管理实际上分为两个主要的部分：南北向流量东西向流量南北向流量管理在 Kubernetes 场景中的南北向流量主要指从集群外到集群内的流量，客户端想要访问部署在 Kubernetes 集群中的服务时，需要将集群内的服务暴露出来，最常用的方式就是通过 NodePort 或 LoadBalancer 类型的 Service。这两种方式相对来说都比较简单，但是如果用户有很多服务需要暴露到集群外，通过使用这些方式就会浪费很多的端口（NodePort）或者浪费很多 IP（Loadbalancer），而且由于 Service 的 API 在设计时定位相对清晰，并不包含一些 LB 或者网关的能力，比如根据域名进行代理，或 ...继续阅读 (138)

首先来看一下硬件：由图可见，就是这么个小东西，和我的手指对比一下也没多大，想看高清大图可以网上找，我手机摄像头坏了。硬件控制最基本的就是GPIO控制，所以首先得找到GPIO引脚图，这个步骤是准没错的，以下就是GPIO引脚图：另附官方文档源地址：ESP32-DevKitC V4 入门指南备注，文档中我都是以我自己的开发板为基准的，我的板子是ESP32-DevKitC V4，有不一样的需要自行找到自己的开发板文档。首先得思考一个问题，就是，点亮LED的原理，灯要亮，那么肯定得有电流通过，如果从没有接触过开发板的，虽然也写了几年程序，一开始肯定是云里雾里的，实际上我一开始也是云里雾里的。我们搞程序开发的都知道，计算机的底层都是以01作为计算的，也就是高低电平，高电平就是1,低电平（没有电压电流）就是0。深入说的话这就是一门大学问了，这就涉及到数字电路设计以及逻辑门等相关的知识了，抛开这个不谈。对于这块ESP32开发板来说，高电平是3.3V，低电平就是0V。另外，这块开发板引脚图可见，有两个VCC输出，一个5V0一个3V3，那么，我懒得接电阻分压的情况下，不烧毁这块开发板，我就直接把LED正极接到3V3的引脚上，然后从图上找一个可以控制输出的GPIO，用于程序控制。接下来，找了个GPIO12把LED的负极接入，然后再examples下新建led.rs，并粘贴以下代码；#![no_std] ...继续阅读 (59)

这世间最大的惊喜，莫过于失而复得；最美的相遇，莫过于久别重逢。你是否曾和我一样，在某个时刻会不自觉地回想起某位逝去的亲人？在遇到困难和沮丧时，总想和他/她说说话，听听曾经那些让我们不屑一顾的谆谆教诲……失而复得的喜悦不常有，但是对话故人的心愿，现在 AI 可以帮你实现了。云端回响：纪念所有的再相逢在前不久刚刚结束的百度智能云千帆大模型平台黑客马拉松上，4 位开发者利用 36 小时打造了一个 AI 生成的天堂小岛，并将其命名为 “云端回响 Cloud Echoes”。作为一款融合大模型应用的沉浸式游戏， “云端回响 Cloud Echoes” 的整个游戏世界均由 AI 生成。每个人都会拥有一个属于自己的小岛，大家可以在小岛上添加居民。居民可以是人，也可以是物品。无论是逝去的爷爷、许久不见的故友、还是已经去汪星的爱犬，这些角色都会由大模型自动拟人化，并在小岛上和你开展各种互动，举办生日 Party、篝火晚会，讨论天南地北的话题，甚至会根据事件作出情绪化的反应。玩家在闲暇时间可以登录小岛查看居民们的自言自语，以及各种新发生的事件。相比传统的元宇宙游戏更注重场景搭建和角色塑造，“云端回响 Cloud Echoes” 提供了一个崭新的视角 —— 重点不在于场景本身，而是人与人之间情感的延续。玩家可以自由发挥想象力，与心中牵挂的人继续在云端书写那些未完待续的故事。这款游戏的产品经理郭彦旭在赛后 ...继续阅读 (74)

Amazon Bedrock 全新发布在 2023 年的亚马逊云科技 re:Invent 全球云计算大会上，最令人瞩目的一项更新莫过于 Amazon Bedrock 的全新升级。亚马逊云科技此次为其大模型托管服务引入了 Fine-tuning、Agents、Knowledge Bases 和 Guardrails 等一系列创新功能。这些功能的加入意味着客户现在能以更加高效、智能和安全的方式构建各种应用，标志着亚马逊云科技在推动业界进步和服务客户方面迈出了新的重要一步。Amazon Bedrock 是一项完全托管的服务，可帮助你使用 AI21 Labs、Anthropic、Cohere、Meta、Stability AI 和 Amazon 等 AI 领导者的基础模型构建生成式 AI 应用程序。Amazon Bedrock 现已于 2023 年 9 月 28 日正式推出。在最新的公告中，你现在可以通过 Amazon Bedrock API 访问 Llama 2 和 Meta 的大型语言模型，还可以使用 AWS CLI。AWS 于 2023 年 4 月在公开预览版中宣布推出 Amazon Bedrock，并在 AWS re:Inforce 2023 上通过演讲安全地构建生成式 AI 应用程序并使用 Amazon Bedrock 控制数据 （APS208）宣布推出 Amazon Bedro ...继续阅读 (52)

回望 2023 年，大语言模型或许将是科技史上最浓墨重彩的一笔。从技术、产业到生态，大语言模型在突飞猛进中加速重构万物。随着理解、生成、逻辑、记忆四大能力显著提升，大语言模型为通用人工智能带来曙光。AI 开发者们正在用算法和代码书写一个美丽新世界。作为中国 AI 领域顶级开发者盛会，WAVE SUMMIT+ 深度学习开发者大会2023重磅来袭，定档12月28日，如约开启！诚挚邀请所有深度学习开发者共襄盛举！大会由深度学习技术及应用国家工程研究中心主办，百度飞桨、文心大模型联合承办，既有大模型前沿技术分享与产业落地的干货，也有丰富的 AI 应用及插件体验，还可以参加 Workshop 现场打造属于自己的 AI 应用。届时，拥有 7000 万用户的百度知识增强大语言模型文心一言也将在大会带来最新进展，新老开发者朋友们千万不要错过！报名链接https://www.wavesummit.com.cn，现场签到还会获得文心一言专业版限时体验卡。WAVE SUMMIT 五载十届 AI 开发者热血正当时WAVE SUMMIT 深度学习开发者大会自 2019 年 4 月首届举办至今，每年两次与人工智能开发者相聚，如今正式迎来第十届。而这五年也正是中国 AI 技术生态繁荣与崛起的关键时期。首届 WAVE SUMMIT 大会上，百度首席技术官王海峰曾提出“深度学习推动人工智能进入工业大生产阶段，深度学 ...继续阅读 (70)

自ChatGPT火爆以来，生成式AI助手也是层出不穷，目前自然是以Microsoft Copilot（基于GPT）普及度最高了吧。看着微软风光了这么久，其他云厂商怎么可能会甘愿落后？最近，来自AWS的re:Invent 2023大会的明星产品：Amazon Q，就算是对这个生成式AI助手老大哥Copilot的强力回应了吧。小试牛刀： Amazon CodeWhispererAWS 之前提供Amazon CodeWhisperer用于IDE以及命令行的AI生产力工具。而作为AWS推出的最新力作，Amazon Q集成了Amazon CodeWhisperer的功能，为开发人员提供更强大的功能和更出色的使用体验。此前， 我也一直在我的日常开发中使用Amazon CodeWhisperer，为什么不用Copilot？很简单，CodeWhisperer的免费额度太给力了，注册上手也很容易。这里也简单也分享下使用方法：注册个codewhisperer号，AI代码生成器-AmazonCodeWhisperer-AWSIDE（如Goland）安装插件，连接账号即可使用Tab键就可以让代码飞起Amazon CodeWhisperer 已经满足我的日常开发需要，这几天推出一个Amazon Q 更让我们作为开发者兴奋不已。更强大的Amazon QAmazon Q可以很好地集成在Amazon CodeWh ...继续阅读 (63)

前言随着 ChatGPT 的问世，我们迎来了许多创新和变革的机会。一年一度的亚马逊云科技大会 re:Invent 也带来了许多前言的技术，其中 AWS CEO Adam Selipsky 在 2023 re:Invent 大会中介绍 Amazon Q 让我印象深刻，这预示着生成式 AI 的又一个里程碑。在本文中，我们将探讨 Amazon Q 是什么以及它能为我们做些什么。我们还将详细介绍如何使用 Amazon Q 来构建知识库，并分享一些实际案例。无论是个人学习，还是团队协作，Amazon Q 都将是您的理想之选。让我们一起深入了解 Amazon Q，并探索如何在知识库建设中充分发挥其潜力。Amazon Q 是什么Amazon Q 是一款基于生成式人工智能的助手，通过连接如代码仓库、网址、数据库、文档、email等各种信息库来帮助企业或者个人以自然语言对话的方式，提供历史数据检索、摘要生成、内容撰写等。Amazon Q 与通用生成式 AI 的区别通用的生成式 AI 最大问题在于内容来源于互联网的公开数据，无法针对特定的数据源进行训练，比如无法跟企业内部数据，业务相结合，也无法满足个人的个性化需求，记得当时玩 ChatGPT遇到最大的问题在于数据源的限制，为了让 ChatGPT 学习某个特定的技能，需要将内容拆分再提供给 ChatGPT 学习，这大大限制了生成式 AI 的能力。因此 ...继续阅读 (75)

欢迎关注我的公众号：前端侦探现实生活中，物体并不是突然启动或者停止， 当然也不可能一直保持匀速移动。就像我们 打开抽屉的过程那样，刚开始拉的那一下动作很快， 但是当抽屉被拉出来之后我们会不自觉的放慢动作。 或是掉落在地板上的物体，一开始下降的速度很快， 接着就会在地板上来回反弹直到停止今天就来介绍一下Chrome 113+全新推出的linear缓冲函数。一、目前CSS缓冲函数的局限性提到 CSS 运动缓冲函数，你可能会想到以下几种linear：线性steps：阶段ease-in：淡入，先慢后快ease-out：淡出，先慢后快ease-in-out：淡入淡出，先慢后快，再变慢cubic-bezier()：贝塞尔曲线其中，cubic-bezier比较灵活，可以通过 4 个参数，来改变整个运动状态。下面是一个大家可能都知道的网站，可以通过拖拽实时生成缓冲函数https://cubic-bezier.com/效果如下可以说以上CSS所有的内置缓冲函数都可以用cubic-bezier()来表示，比如cubic-bezier(0,0,1,1) /*等同于*/ linear如下所示虽然cubic-bezier非常强大，可以做很多运动函数，比如在这个网站的前几行都可以用cubic-bezier来实现https://easings.net但是，问题在于cubic-bezier表示 3 次贝塞尔曲线， ...继续阅读 (65)

本文参与了SegmentFault 思否 2023 年度有奖征文，欢迎正在阅读的你也加入。去年的目标又是一年过去了，想说点什么又不知道从何说起。于是乎我找出了去年给自己定下的目标，也算是回顾这一年来自己究竟做了那些事情，有没有虚度光阴，浪费时间。对着掘金翻了下西兄弟们的年终总结，好像都是诉说生活和工作的不容易和艰辛。在当下的环境下，大家其实都还挺不容易的。但是虽然会有不如意，但是还是要勇往直前，积极向上。啥也不说了，开始我们的年终总结吧！下面是2022年的总结，设立了一些目标。庸常之中，微芒不朽 | 2022年终总结 - 思否✅ 希望在长沙有一套自己的房子，租房子相对于长沙较低的房价，并不是很划算。希望在长沙有一套自己的房子，租房子相对于长沙较低的房价，并不是很划算。⚡每周输出一篇技术性的文章，以更新文章倒逼自己学习新的技术登上黄山、华山之巅✅ 每周阅读一本书✅ 每周出去爬山、旅行或者跑步一次⚡上线一个适用于公司项目的低代码开发平台✅ 每周剪辑两段优秀的演讲视频；✅ 开源两个自己感兴趣的项目⚡开发一个web3.0的工具；⚡考上湖南师大的研究生✅ 遇上那个她，结婚完成度还不错，嘿嘿，继续加油。所以说，每年设置目标，还是有用的！再去回大武汉了蛮喜欢去户外的，爬山、露营、烧烤、钓鱼。钓鱼也是我今年户外户外最多的活动了，可以放松心情，还能享受下美好的周末时光。路程没有太远，长沙 ...继续阅读 (62)

引如果你也有如下问题，那么接下来的文字会一一为你解答一套数据集，如何微调不同类型的开源大模型？—— Bedrock如何只有产品说明书，如何构建一个智能问答机器人？—— Q哪里还有免费的GPU算力——在线Jupyter平台？—— SageMaker发布会亚马逊云科技re:lnvent 发布会，在 2023 年11月底于拉斯维加圆满召开，介绍了一些云产品的升级，以及自研芯片的升级、性能提升。当然今年的重头戏就是 AI，此次升级了Bedrock服务提供了更多功能，并推出了企业级AI助手——Q)，对于ML研究者，升级后的SageMaker提供了和 Jupyter 一致的机器学习（ML）环境。AI 云服务此次发布会，我最关注的亚马逊的AI服务，我发现它在这上面做了非常多的差异化功能，相较于openAI，微软、Google等AI云服务公司，亚马逊云的AI，这些功能是独居特色的的：保护用户隐私、不会用用户的数据来训练支持定制化得模型数据对 fine tunning 优化，不需要太多专业知识就能微调大模型模型价格便宜，微调之后的模型成本有所提升，但依然比GPT3便宜。在当前AI淘金潮中，亚马逊坚持做最好的——“铲子”面向开发者如何让普通IT人员也能上手AI产品作者我作为后端研发，天天CURD做业务。对于AI大模型，只会用用聊天机器人，用文字描述生成图片。至于如何训练、调试大模型我是丈二和尚——摸不 ...继续阅读 (67)

Amazon Web Services -- 全球云计算领导者Amazon Web Services -- 全球云计算领导者、云基础设施与平台服务（Iaas & PaaS）领导者；计算、存储和数据库等基础设施技术，到机器学习、人工智能、数据湖和分析以及物联网等新兴技术，亚马逊云科技提供丰富完整的服务及功能，他们的每一行代码都为满足苛刻的需求而编写Amazon EC2Amazon EC2 弹性计算服务，允许用户在云中租用虚拟服务器，以便在云环境中运行应用程序虚拟服务器：Amazon EC2提供实例（Instance）的虚拟服务器，选择不同的实例类型，不同的计算、内存、存储和网络能力，满足不同应用程序的需求弹性伸缩：用户可以根据需要创建、启动和停止实例，使用户能够根据流量和负载的变化来调整计算资源，确保应用程序的高可用性和性能安全性：提供多种安全性功能，虚拟专用云（VPC）网络，隔离和保护实例网络流量，配置安全组和网络访问控制列表 ACL 控制入站和出站流量Amazon S3Amazon S3对象存储服务，高度可扩展、安全可靠且经济高效的存储解决方案，存储和检索任意类型的数据对象存储：对象的形式存储数据每个对象由数据、元数据和唯一的键标识，对象可以存储存储桶中，每个存储桶在全球范围内具有唯一的名称数据传输：支持多种数据传输方式，包括网络传输和物理介质传输，用户可以通过互联网或 Amaz ...继续阅读 (68)

如果说 2023 年什么应用技术最火，那么说是 OpenAI 为代表的 ChatGPT 在 AI 方面的突破和发展，是完全没有任何的争议的。随后，各大云厂商以及应用集成商甚至垂直领域的服务提供商都有了对应的 AI 模型。我们开玩笑的说，这个好比多年前的百团大战一样，各种的 AI 相关的应用奔涌出现、百花争艳，一夜之间就好比钱江潮水汹涌而来。其中生成式的 AI ，可能是相对来说最让人感到期待的 AI 相关的领域之一。 但实际上，生成式的 AI 并不是非常新鲜的事物，早在 ChatGPT 出现已经成熟之前，就已经有研究甚至大规模的部署和应用。我们往前数将近十年前，微软发布 Windows 10 时期，就有打算将Cortana作为语音和自然语言文本的处理前端，作为人机界面的交互用于下一代的 Windows 平台。同在电商领域，阿里云相关的云服务商也在做各种的尝试，用于提供商家精确的自动化售前、售后服务等应用。由于偏向垂直领域的精耕细作，始终没有在全行业形成广泛的影响力。那么为什么，生成式的 AI 发展了那么久，只有在近几年才能突破技术和业务重围，来到大众面前并惠及行业呢？或许，re:Invent 大会上推出的 PartyRock 这个服务，给与了我们新的启示。传统的 AI 服务，在人们的印象中其实简单的应答，使用对话式的机制来和用户沟通，这是非常常规以及容易让人接受的方式。而 Party ...继续阅读 (73)

大家好，我是小富～说个事吧！最近公司发生了一个事故，有同事不小心把敏感数据上传到了GitHub上，结果被安全部门扫描出来了。这件事导致公司对所有员工进行了一次数据安全的培训。对于这个事我相信，有点工作经验的人都不会故意去上传这些敏感文件，多数应该是误操作导致的。这个事件也给了提了个醒，我平时会写博客用GitHub比较多，吓得我赶紧对自己所有的GitHub仓库进行了排查，庆幸没有提交过敏感信息的记录。但我注意到在过往的提交记录中，有使用公司的Git账号信息提交过代码，TMD这就很难受了。避免后续产生不必要的麻烦，我决定修改一下提交记录中涉及公司的信息。注意：以下操作只限于用在自己的Git仓库，别在公司的项目里秀，切记！设置用户信息Git进行版本控制的时候，每次的代码提交记录中都包含用户的用户名和邮箱，这些信息在你进行每一次提交时都会被记录下来。我们保不齐会错误地使用了错误的信息，或者需要改用另一个邮箱地址。那这种情况，我们就需要更改我们提交记录中的用户名和邮箱。可以通过全局设置或者特定仓库设置两种方式来修改我们提交时的用户信息。全局全局设置可以影响所有的代码提交。如果你在全局范围内设置了用户名和邮箱后，除非你在特定的项目中覆盖这个设置，否则这个设置会作为默认设置应用于所有的提交。git config --global user.name "程序员小富" git config --gl ...继续阅读 (151)

大家好，我是煎鱼。在 Go 语言中，错误处理是我们必须涉及和争议比较大的一个功能特性。今天我们不太探讨 if err != nil 的繁杂忧愁。聚焦在 errors 标准库在排查、定位问题的诉求上。看看大家平时都是怎么做的。背景平时我们在返回和处理错误时，一般使用 errors 标准库。其支持以下几个 API：func As(err error, target any) bool func Is(err, target error) bool func Join(errs ...error) error func New(text string) error func Unwrap(err error) error最简单的 Demo 如下：func main() { err := errors.New("煎鱼出现错误了！") if err != nil { fmt.Println(err) } }输出结果：煎鱼出现错误了！看着非常基础，也没什么特别的。但如果是在生产等正式环境下出问题时，可能就没法这么愉快了。但比较头疼的是：其错误信息缺乏了调用堆栈，在复杂程序下，你很难直观的知道是具体哪些关联的代码导致出现了这个报错。只能靠在代码中搜错误的文本，去猜测应该是这里的问题。第三方库解决因此很多同学会使用第三方的开源库go-errors/error ...继续阅读 (73)

在页面布局中，我们经常会遇到/使用这么一类常见的布局，也就是列表内容水平居中于容器中，像是这样：ul { width: 500px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; gap: 10px; }效果如下：这里，外层的容器是定宽的，内层的 flex-item 也是定宽的。当 flex-item 个数较小时，是没有问题的。但是，如果当元素内容过多，并且设置了flex-wrap: nowrap的话，内容就会溢出容器：此时，我们有几种解法，其中一种便是给父容器设置overflow: auto或者overflow: hidden，让父容器可以滚动，像是这样：ul { // ... overflow: auto; }效果就变成了这样：我们尝试滚动一下这个容器，会发现一个致命问题：容器只能向左滚动，无法向右滚动，因此只能看到后半部分被截断的内容，而无法看到前半部分被截断的内容：什么意思呢？结合上面的 Gif 与下面这张示意图，一看就懂：针对这个问题。其中一类比好好的解法在于，当flex-item 不足以溢出时候，flex-item 居中展示，而当 flex-it ...继续阅读 (74)

摘要：本文由葡萄城技术团队于CSDN原创并首发。转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。报表的迭代历程报表工具的诞生与计算机技术的出现和信息技术的进步密不可分。下图是报表工具的演进历程：注：上图是小编根据报表的演进历史整理而成1、手工报表：在古代，人们使用纸笔手工记录和整理数据，并制作简单的报表。这些报表通常是手写的，包含基本的数字和文字。2、机械报表：随着工业革命的到来，机械设备开始广泛应用于报表制作。3、电子表格：20世纪70年代末，电子表格软件开始出现，如Lotus 1-2-3和VisiCalc，这些软件允许用户在电脑上创建和编辑报表，可以进行自动计算和格式化。4、数据库报表：随着数据库技术的发展，报表可以通过查询和过滤大型数据集来生成。数据库报表能够更灵活地提取和汇总数据，并进行复杂的分析。5、在线报表：随着互联网的普及，基于Web的在线报表工具开始出现。这些工具允许用户通过网络浏览器访问和分享报表，实现协作和实时更新。6、数据可视化：近年来，数据可视化成为报表制作的重要趋势。通过图表、图形和仪表盘等方式，数据可以更直观地呈现，帮助用户更好地理解和分析数据。7、自动化报表：随着人工智能技术的进步，自动化报表的生成成为可能。机器学习和自然语言处理等技术可用于从原始数据中提取信息，并生成准确且高度定制化的报表。报表的分类报表可分 ...继续阅读 (69)

1，说说react里面bind函数与箭头函数bind 由于在类中，采用的是严格模式，所以事件回调的时候会丢失this指向，指向的undefined，需要使用bind来给函数绑定上当前实例的this指向。箭头函数的this指向上下文，所以永久能拿到当前组件实例的。this指向我们可以完美的使用箭头函数来替代传统事件处理函数的回调。2，说出几点React中的性能优化使用shouldComponentUpdate来对state和props进行对比，如果两次的结果一样，那么就return false；使用纯函数组件pureComponent；3，简单解释下高阶组件和高阶函数高阶函数，指的是函数接收一个函数作为参数，或者将函数作为返回值的函数就是高阶函数 。高阶组价，接受一个组件，并返回一个新组建的组件就是高阶组件，本质上和高阶函数的意思一样的，高阶组件是用来复用react代码的一种方式。4，setState和repalceState有什么区别setState 是修改其中的部分状态，相当于 Object. assign，只是覆盖，不会减少原来的状态。replaceState 是完全替换原来的状态，相当于赋值，将原来的 state 替换为另一个对象，如果新状态属性减少，那么 state 中就没有这个状态了。5，Redux中核心组件有哪些，reducer的作用Redux由Action、Reduc ...继续阅读 (96)