5mm thick aluminium sheet alloy materials have a series of exceptional characteristics, inclusive of low density, true energy, precise elasticity, wonderful impact resistance, corrosion resistance, wear resistance, accurate processing and formability, high recycling, electricity garage and power saving, and so forth. There are important packages in weight-reduction of vehicle development. The primary alloying factors of 6061 aluminum sheet are Mg and Si. After unique remedy, 6061 reaches a strength better than that of the 5-series alloy. It is suitable for production automobile chassis. The ch ...继续阅读 (138)

大家好，我卡颂。最近，一款基于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 ...继续阅读 (126)

在前端浏览器中我们可以通过使用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 ...继续阅读 (121)

Xterminal是由深圳市罗湖区犄落信息咨询工作室开发的一款SSH客户端，目前支持Windows/Linux/macOS三大平台，Xterminal具有超高颜值和易用性，推荐给有需要的运维人员或程序员使用。主要特点支持快捷命令支持云端仓库（可将会话和快捷命令多端同步）支持监控面板，可实时监控服务器 ...继续阅读 (158)

Online Hard Example Mining（OHEM）是一种在深度学习目标检测和分类任务中用于样本挖掘和损失加权的技术。它的主要目标是帮助模型更好地处理难以分类的样本，提高模型的性能。本文记录相关内容。 ...继续阅读 (131)

Contrastive Loss（对比损失）是一种损失函数，通常用于训练对比学习（Contrastive Learning）模型，这些模型旨在学习数据中的相似性和差异性。本文记录相关内容。 ...继续阅读 (143)

【摘要】在我们开发项目的Web API的时候，随着项目功能要求越来越多，可能我们会为控制器基类增加越来越多的基础功能，有些功能有一定的适应性，但可能在一般的子类中用不到，而随着对控制器控制要求越来越精细，那么需要为基类或者子类增加更多的控制功能，这样随着迭代的进行，有些控制器的功能会显得越来越笨重。这个时候，一种更加灵活、轻便的Web API处理方式，对每个控制器方法的垂直切割的API框架应运而生，本篇随笔介绍的FastEndpoints 就是其中这样的一款框架，本篇随笔介绍一些FastEndpoints的基础处理方法，并通过一些基础的案例，把我们《 SqlSugar 开发框架》的一些模块进行迁移性测试，对比相关后端Web API的处理，一起分享给大家。阅读全文 ...继续阅读 (211)

直播源，自用直播源，思路探讨2023年12月：docker搭建支持m3u链接、m3u源文件等IPTV源检查器打开试用IPTV Checker或拉到最下方的在线IPTV 检查源有效性，在线M3U8播放器Emby家庭媒体服务器：观看IPTV直播，测试M3U直播源背景IPTV (Internet Protocol television) 直播源，自用直播源有疑问请咨询24H在线的AI小姐姐有网址打开不开情况，请复制网址然后粘贴到在线网络加速器访问 ...继续阅读 (156)

GreenCloud VPS一家国外主机服务商，网友称为绿帽云，数据中心覆盖日本、香港、新加坡、越南、美国、欧洲等地区，包括存储型、SSD VPS都有，使用KVM虚拟化，类型丰富，性价比高。购买地址购买地址：https://greencloudvps.com/GreenCloud VPS配置IPV6 ...继续阅读 (174)

在用keycloak做单点登录集成的时候，在本地测试没问题，在UAT环境有时候，发现keycloak发起的redirect_uri 不正确，比如原来是域名的，有可能变成了IP，其实是可以自己指定的。自己指定redirect_uri 是自己配置 ...继续阅读 (123)

这里记录每周值得分享的科技内容，周五发布。本杂志开源，欢迎投稿。另有《谁在招人》服务，发布程序员招聘信息。合作请邮件联系（yifeng.ruan@gmail.com）。封面图上海14号线豫园地铁站，就在黄浦江边。屋顶设计采用几万片铝板，象征着一圈圈的水波，以及豫园的飞檐，并可以配合灯光形成一个天幕。（via）电动皮卡 Cybertruck 的 48V 供电这个月，特斯拉的 Cybertruck 开始在美国交付了。它是一辆皮卡，造型很奇特，车斗上面有一个挡板，打开就可以装货。这辆车创造了很多世界第一。世界第一辆不锈钢汽车。钢板据说可以防弹，而且因为车形具有棱角，普通车辆撞到它会很惨。最重的皮卡，自重3.5吨，加上乘客和货物可以超过4吨，是普通皮卡的2倍。但是，有一个世界第一，提到的人很少：它是世界首辆车内供电全部为 48V 的汽车。大家知道，汽车内部有很多电器，都需要用电，比如电动门窗、空调、灯具、点烟器等等。这里就有一个车内的电压问题。以前都是油车，没有太多的电子设备，不需要很大功率，所以电压定得比较低。一开始是 6V 的直流电，后来提高到 12V。现在，市场上所有车辆，车内都有 12V 供电。相应的，车内的电子设备一般也是 12V 电压设计。Cybertruck 是世界第一辆没有 12V 供电，只有 48V 供电的汽车。这意味着，它的所有电子设备都是专门定制的。为什么 Cyber ...继续阅读 (211)

在前面学习了输入文本组件和按钮组件，可以使用这两种组件来实现一些常用的功能，比如登录界面，这种界面是每个程序员经常会到遇到的，比如让用户输入用户名称和密码。在这里又由于需要获取界面输入的值，需要响应事件onChange，把用户输入的内容保存在this.username里，以便后面使用。在上面界面里，第一个文本框用来输入用户名称，第二个用来输入用户密码，当用户输入完成之后，就可以点击后面的按钮进行登录。这样在onClick事件里就可以使用用户名称和用户密码，这样就可以向远程服务器进行请求登录验证。 ...继续阅读 (175)

Today I Learned. 今天分享内容：购买新的VPS服务器、最近在做什么。 购买新的VPS服务器 今天看到搬瓦工上的 VPS 还有一个月到期，该 VPS 配置是 40 GB SSD、2 GB RAM、2 TB Bandwidth、3x Intel Xeon CPU、1 Gigabit Network，一年费用是 99 美元。 在中文博客圈微信群里面看到 CloudCone 最近在 … ...继续阅读 (157)

最近在一些开源项目中看到了 MicroProfile ，于是在网上查阅了相关资料加深对 MicroProfile 的理解，并做了笔记形成此文。 MicroProfile MicroProfile是一个开放的企业级Java微服务框架，旨在简化和标准化基于微服务架构的应用程序开发。它是由Eclipse Foundation主导的一个开源项目，致力于提供轻量级、可移植和可互操作的Java微服务规范和实 … ...继续阅读 (166)

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

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

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

前面学习了按钮组件的输入方式，它只能响应触摸输入，或者点击输入，而不能实现文本的输入，虽然它是主流的操作方式，但是很多时候还是需要文本的输入。在输入组件里定义了输入事件onChange，这个事件就是用来获取输入内容的，其它事件可以不关心，但是这个事件必须要处理，否则获取不到用户输入内容。这是我们开发人员需要关心的问题，就是用户输入文本之后，我们怎么样从这个控件里获取到刚刚输入的内容，其实它是通过事件响应来获取内容的。用来提示用户输入的内容格式，这样对于用户来说更加友好，不会忘记输入内容的方式。 ...继续阅读 (179)

这是一篇双语翻译的文章，原文出自 grok_system_design_interview.pdf 的一篇文章《Designing Twitter》设计 Twitter。 Let’s design a Twitter-like social networking service. Users of the service will be able to post tweets, follow … ...继续阅读 (130)

内网穿透, 让局域网的服务在异地互联网状态依旧在线可用frp，一个高性能的反向代理, 可以通过互联网(外网)访问内网(本地局域网)设备灵活，TCP/IP底层逻辑应用广泛 ...继续阅读 (158)

问题现象今天同事再升级框架后(spring-cloud 2022.0.4 -> 2023.0.0)(spring-boot 3.1.6 -> 3.2.0)同时因为 spring-boot 的版本问题, 需要将 maven 升级到 3.6.3+升级后构建 jar 包和构建镜像都是正常的, 但是发布到测试环境就报错Caused by: java.lang.ClassNotFoundException: org.springframework.boot.loader.JarLauncher问题分析报错为 JarLauncher 找不到, 检查了Jenkins中的打包任务, 发现并没有编译报错, 同事直接使用打包任务中产生的 xx.jar, 可以正常运行.说明在打包Docker镜像前都没有问题, 这时就想起来我们在打包镜像时, 先解压 xx.jar, 然后直接执行org.springframework.boot.loader.JarLauncher, 所以很可能是升级后, 启动文件JarLauncher的路径变了.为了验证我们的猜想, 我们得看一下实际容器内的文件结构, 但是这时容器一直报错导致无法启动, 不能直接通过Rancher查看文件结构, 我们可以通过文件拷贝的方式来解决, 如下:# 下载有问题的镜像, 并且创建容器(不启动)docker create -it --name dum ...继续阅读 (156)

前言由于最近几年使用 vim 的频率越来越高, 所以在 idea 中也大量开始使用 vim 技巧, 在一年多前碰到个问题, 终于在最近解决了。问题描述在 idea 中, 在 normal 模式下, 使用 % 不能在匹配标签(xml/html等) 之间跳转解决方案在~/.ideavimrc中添加如下设置, 重启 idea 即可set matchit效果最后最近会把一些加的 tips 分享出来，大家有什么建议和问题都可以在评论区讨论. ...继续阅读 (150)

软件介绍最近在很多平台上看到 Raycast 的推荐文章, 今天就尝试了一下, 发现确实不错, 完全可以替代我目前对 Alfred 的使用, 甚至很多地方做得更好, 所以本文就是介绍我使用 Raycast 的一些效果(多图预警)， 方便那些还没有接触这个软件的人对它有个了解, 如果有插件推荐, 欢迎在评论区进行讨论。Raycast 是 MacMac 平台独占的效率工具, 主要包含如下功能:应用启动文件查找窗口管理剪贴板历史Snippets应用菜单查询插件扩展功能翻译斗图结束进程查询端口占用查询ip除此之外, Raycast提供的在线插件商店, 可以很方便的进行功能扩展Raycast官网核心功能应用启动并且支持卸载应用, 找到应用,cmd+k打开操作菜单, 下拉到最后文件查找窗口管理剪贴板历史推荐使用Clipboard History这个扩展，和 Alfred 的一样, 并且有分类，效果如下设置快捷键cmd+shift+vSnippets通过 Snippets 可以保存自定义片段, 通过关键字快速查询并输出到光标处, 如常用语、 邮箱、手机号、税号、代码片段等等创建 Snippets 可以通过搜索Create Snippet, 搜索 Snippets 可以通过搜索Search Snippet应用菜单查询查询当前激活应用的所有菜单, 不限层级. 可以通过搜索Search Menu It ...继续阅读 (164)

零、背景我们在写后端请求的时候, 可能涉及多次 SQL 执行(或其他操作), 当这些请求相互不关联, 在顺序执行时就浪费了时间, 这些不需要先后顺序的操作可以通过多线程进行同时执行, 来加速整个逻辑的执行速度.既然有了目标和大致思路, 如果有做过前端的小伙伴应该能想起来 Js 里面有个Promise.all来解决这个问题, 在 Java 里也有类似功能的类CompletableFuture, 它可以实现多线程和线程阻塞, 这样能够保证等待多个线程执行完成后再继续操作.一、CompletableFuture 是什么首先我们先了解一下CompletableFuture是干什么, 接下来我们通过简单的示例来介绍他的作用.long startTime = System.currentTimeMillis();//生成几个任务List> futureList = new ArrayList();futureList.add(CompletableFuture.supplyAsync(()->{ sleep(4000); System.out.println("任务1 完成"); return "任务1的数据";}));futureList.add(CompletableFuture.supplyAsync(()->{ sleep(2000 ...继续阅读 (131)

一、背景后台框架是基于 spring cloud 的微服务体系, 当开发同学在自己电脑上进行开发工作时, 比如开发订单模块, 除了需要启动订单模块外, 还需要启动网关模块、权限校验模块、公共服务模块等依赖模块, 非常消耗开发同学的本地电脑的资源, 也及其浪费时间.二、解决方案2.1 目标和关键问题能不能开发同学本地只需要启动需要开发的模块:订单模块, 其他模块均适用测试环境中正在运行的服务.既然要实现的目标有了, 我们就开始研究可行性和关键问题开发环境和测试环境要在同一个 nacos 的 namespace 中, 这样才有可能让开发环境调用到测试环境的服务.测试环境只能调用测试环境的微服务, 实现和开发环境的服务隔离开发同学之间的微服务也要实现服务隔离2.2 思路既要在同一个 namespace 下, 又要能够实现不同人访问不同的副本, 很容易想到可以利用灰度发布来实现:测试环境设置 metadatalemes-env=product来标识测试环境副本, 用于区分开发环境的微服务测测试环境的微服务开发同学本地启动注册开发环境副本, 都会携带唯一IP, 则我们可以通过IP来区分不同开发同学的副本假设我们需要开发的 API 的后台服务调用链条如下:我们需要开发的 API 为/addMo, 打算写在Order这个微服务里面, 并且他会调用common这个微服务的/getDict获取一个字 ...继续阅读 (159)

背景我们的 SpringCloud 是部署在 k8s 上的, 当通过 k8s 进行滚动升级时, 会有请求 500 的情况, 不利于用户体验, 严重的可能造成数据错误的问题k8s 滚动更新策略介绍假设我们要升级的微服务在环境上为3个副本的集群, 升级应用时, 会先启动1个新版本的副本, 然后下线一个旧版本的副本, 之后再启动1个新版本的副本, 一次类推,直到所有旧副本都替换新副本.通过链路追踪分析, 报错的原因分别由以下两种情况SpringCloud 中的微服务在升级过程中, 当旧的微服务中还有没有处理完成的请求时, 就开始关闭动作, 造成请求中断当旧应用执行关闭动作时, 已经开始拒绝请求, 但是 nacos 中的路由并没有及时更新, 造成 gateway/openfeign 在路由时仍会命中正在关闭的应用, 造成请求报错为了解决这个问题, 我们将利用 springboot 的 graceful shutdown 功能和 nacos 的主动下线功能来解决这个问题. 具体思路如下:比如当我们执行订单微服务(3个副本)滚动更新时先启动一个新版本副本4然后准备关闭副本1, 在关闭之前先通知 nacos 订单服务的副本1下线, 然后由 nacos 通知给其他应用(nacos2.x 是grpc, 所以通知速度比较快), 这样, 订单服务的副本1就不会再接收到请求, 然后执行 graceful ...继续阅读 (161)

前言从第一次接触vim已逾期 10 年, 期间大部分都是一些简单操作,最近一两年开始深度使用vim, 目前使用neovim版本.本文将记录一些笔者觉得好用的一些Plugin, 本文也将持续更新.注意: 笔者使用的插件管理器是vim-plug,所以以下示例都是基于vim-plug来写的.Goto/Openvim-open-urlvim-open-url可以用浏览器打开光标下的 url.gB用默认浏览器打开光标下的 urlg使用默认搜索引擎搜索光标下的单词gG使用 Google 搜索光标下的单词gW使用 Wikipedia 搜索光标下的单词Plug 'dhruvasagar/vim-open-url'Auto Completeneoclide/coc.nvim ...继续阅读 (171)

实现效果实现思路通过指令的方式, 在drawer的左侧边缘, 添加一个触发拖拽的长条形区域, 监听鼠标左键按下时启动document.onmousemove的监听, 监听鼠标距离浏览器右边的距离, 设置为drawer的宽度, 并添加约束: 不能小于浏览器宽度的 20%, 不能大于浏览器宽度的 80%.指令代码创建文件src/directive/elment-ui/drawer-drag-width.js, 内容如下import Vue from 'vue'/** * el-drawer 拖拽指令 */Vue.directive('el-drawer-drag-width', { bind(el, binding, vnode, oldVnode) { const drawerEle = el.querySelector('.el-drawer') console.log(drawerEle) // 创建触发拖拽的元素 const dragItem = document.createElement('div') // 将元素放置到抽屉的左边边缘 dragItem.style.cssText = 'height: 100%;width: 5px;cursor: w-resize;position: absolute;left: ...继续阅读 (141)

前言前一段时间一直在研究升级公司项目的架构，在不断学习和试错后，最终确定了一套基于 k8s 的高可用架构体系，未来几期会将这套架构体系的架设过程和注意事项以系列文章的形式分享出来，敬请期待！由于集群和分布式规模的扩大，对微服务链路的监控和日志收集，越来越有必要性，所以在筛选了了一些方案后，发现 SkyWalking 完美符合我们的预期，对链路追踪和日志收集都有不错的实现。SkyWalking 简介SkyWalking 是一款 APM（应用程序监控）系统，转为微服务、云原生、基于容器的架构而设计。主要包含了一下核心功能对服务、运行实例、API进行指标分析链路检测，检查缓慢的服务和API对基础设施（VM、网络、磁盘、数据库）进行监控对超出阈值的情况进行警报等等开源地址：apache/skywalking官网：Apache SkyWalkingSpringCloud 整合 SkyWalking1. 搭建 SkyWalking 服务在使用 SkyWalking 进行链路追踪和日志收集之前，需要先搭建起一套 SkyWalking 的服务，然后才能通过 agent 将 SpringCloud 的运行状态和日志发送给 SkyWalking 进行解析和展示。SkyWalking 的搭建方式有很多中，我这里介绍两种 docker-compose（非高可用，快速启动，方便测试、学习） 和 k8s（高可 ...继续阅读 (194)

一、前言鉴于许多人问过如何添加自定义图标，这里就详细说明一下，以备后人乘凉。这篇文章主要讲解是从iconfont添加图标。二、添加彩色图标2.1 登录并添加图标访问iconfont，点击如下图位置登录，可以使用Github账号登录。登录成功后，搜索合适的图标，然后点击添加到购物车，如下图所示。添加了多个后，可以点击右上角的“购物车”，添加到项目，点击加号创建项目，如下图所示。添加完成后回到项目页面，找到自己刚刚创建的项目。如果没有到项目页面，可以点击上面菜单进入：资源管理 -> 我的项目2.2 引入 3-hexo 中点击下载到本地，解压并复制其中的iconfont.js到项目3-hexo/source/js/下，并改名custom-iconfont.js。在文件3-hexo/layout/_partial/meta.ejs最后追加下面一行。<%=theme.blog_path?theme.blog_path.lastIndexOf("/") === theme.blog_path.length-1?theme.blog_path.slice(0, theme.blog_path.length-1):theme.blog_path:'' %>/js/custom-iconfont.js?v=<%=theme.version%>" >2.3 在配置文件中添加生效修改3-hexo/_co ...继续阅读 (158)