之前使用vue3都是在公司的基建项目中，为了快速达到目的，把以前vue2的模板拿来简单改改就直接用了，所以项目中用法特别乱，比如：状态管理依旧用的，各种类型定义全是，有些代码是选项式API，有些代码是组合式API...最近终于有时间推动一下业务项目使用了。作为极简主义的我，始终奉行少即是多，既然是新场景，一切从新，从头开始写模版：使用最新的vue3版本。所有使用的内部库全部生成类型并引入到环境中。

作为一名前端开发者，你可能熟悉方法，通常用于调试。但是很多只是简单使用一下接下来，让我们深入了解其实用性。考虑一个对象如果想把她转成字符串打印出来：如果你想这样打印你所看到的只能是 我们可以借助方法大多数开发者直接使用 JSON.stringify()，但我即将揭示一些隐藏的技巧。-JSON.stringify() 接受第二个参数，它是一个你想在控制台中显示的对象的键的数组。例如：这样而不是将整个

你是否察觉到自己随手写的异步函数，实际却是“同步”的效果！以一个需求为例：获取给定目录下的全部文件，返回所有文件的路径数组。思路很简单：读取目录内容，如果是文件，添加进结果数组，如果还是目录，我们递归执行。机智的你是否已经发现了问题？我们递归查询子目录的过程是不需要等待上一个结果的，但是第 20 行代码，只有查询完一个子目录之后才会查询下一个，显然让并发的异步，变成了顺序的“同步”执行。那我们去掉

这个都不用多解释了，简直写的太妙了！用位运算可以实现很多功能，比如乘2、除2（或者2的倍数），向下取整这些计算操作，而且性能很高！并且，利用,即按，还可以和字符串的方法配合使用。其实原理很简单，举几个例子大家就明白了：的结果是。的结果是。的结果是，的结果是。<顺便吆喝一句，技术大厂年前捞人，前后端测试，感兴趣可以试试，待遇给的还可以~>这个在要为每个用户生成一个随机码的时候特别好用，具体随机码多少

最近我碰到了一个挺有趣的“小插曲”，大概是这样的：现在有一个社交应用，在聊天界面中，用户可以通过下滑页面来不断加载历史消息。我当时想不就一个分页，这么简单的需求怎么能难倒我这个练习时长两年半的SQL boy，我直接一个啪一个limit上去直接就把这个问题解决了，写出来的SQL大概是这样的：看了两眼，好像没有什么问题，然后就跑去忙别的了。等到了下午，我忙完了手上的其他需求，准备开始对这个功能进行一个

前几天发了一个牢骚：本来只是单纯的吐槽一下，但是好多人对其中的细节比较感兴趣。大家都是搞技术的嘛，对于“踩 BUG”这种喜闻乐见的事情，有兴趣是很正常的。其实我这个 BUG，其实严格意义上不能叫做 BUG，因为和程序无关，甚至和技术的关系都不算大。从标题上你也能猜出来，是和一个业务参数相关。但是在这个过程中，因为我是整个事件全程的亲历者，所以现在回看这个事情，我还是有一些思考在里面的。我觉得这是一

....又好笑，又不耐烦，懒懒的答他道，“谁要你教，不是草头底下一个来回的回字么？”孔乙己显出极高兴的样子，将两个指头的长指甲敲着柜台，点头说，“对呀对呀！……回字有四样写法，你知道么？”我愈不耐烦了，努着嘴走远。孔乙己刚用指甲蘸了酒，想在柜上写字，见我毫不热心，便又叹一口气，显出极惋惜的样子针对于同一个代码变量或者函数方法，张三可能认为可以叫 xxx，李四可能摇头说 不不不，得叫 yyyy ，好

Spring Boot 以其简化配置、快速开发和微服务支持等特点，成为了 Java 开发的首选框架。本文将结合我在实际工作中遇到的问题，分享五个高效的 Spring Boot 的技巧。希望这些技巧能对你有所帮助。项目的某次更新，数据库中的某张表新增了一个字段，且与业务有关联，需要对新建的字段根据对应的业务进行赋值操作。一种解决方案就是，更新前手动写 SQL 更新字段的值，但这样做的效率太低，而且每

🍄 大家好，我是风筝🌍 转自作者：古时的风筝，原文：juejin.cn/post/7436414760712929289本文目的为个人学习记录及知识分享。如果有什么不正确、不严谨的地方请及时指正，不胜感激。每一个赞都是我前进的动力。曾经，用JavaScript，你可以让按钮动起来，现在用 JavaScript，你可以让整个互联网运转起来。这句话虽然是调侃，但多少也反应了一些事实，最开始Java

在业务开发的时候，经常会遇到某一个接口不能对外暴露，只能内网服务间调用的实际需求。面对这样的情况，我们该如何实现呢？1. 内外网接口微服务隔离将对外暴露的接口和对内暴露的接口分别放到两个微服务上，一个服务里所有的接口均对外暴露，另一个服务的接口只能内网服务间调用。该方案需要额外编写一个只对内部暴露接口的微服务，将所有只能对内暴露的业务接口聚合到这个微服务里，通过这个聚合的微服务，分别去各个业务侧获

转载至 www.infrastack.cn在并发一致性控制场景中，我们常常用悲观锁来进行一致性的保证，但是如果不了解它的机制，就进行使用，很容易出现事故，比如进行了锁表导致其他请求只能等待，从而拖垮系统，因此了解它的原理是非常必要的，下面我们通过一系列示例进行测试，来看看到底是什么场景下锁表什么场景下锁行创建一个账户表，插入基础数据，以、、、4 个维度进行查询，查看是进行锁表还是锁行创建一个账户表

处理错误的两种方式：try...catch 与 then、catch在前端编程中，错误和异常处理是保证代码健壮性和用户体验的重要环节。JavaScript 提供了多种方式来处理错误，其中最常见的两种是 try...catch 和 Promise 的 then、catch，但是什么时候该用try...catch，什么时候该用then、catch呢，下面将详细探讨这两种机制的区别及其适用场景。一、tr

首先提一句话，本人是新手！如果有什么不足的地方麻烦指出哈！最近一直在玩（摸鱼），本来是想着，多学一点，多练一练，之后把我们这边的一些可视化项目里面核心的代码用重构一下。但是我最近在练习一个demo的时候，发现了跟我预期不一样的地方。具体如何，我用下面几个案例展开细说。首先我想到的是，把canvas的复杂图像绘制功能用重写一下。这里我用canvas绘制大量的圆形为例子。跟上一篇文章的流程差不多，我们

转自作者：狼爷编程路上风雨兼程，踩过的坑比喝过的奶茶还要多几分回味。今天，咱们深入浅出，探讨一个既平凡又深奥的操作——判空艺术，特别是那经典桥段 != null。在与臭名昭著的 NullPointerException（简称NPE，程序界的“空指针噩梦”）的持久战中，这招几乎是程序员的护身法宝。想当年，我还是编程界的新兵蛋子，对 null 敏感得像雷达，逢 null 必严谨判空，if (某物 !=

作者：猿java在编程中，异常处理是一个重要的概念，它允许程序在运行时捕获和处理错误，而不是简单地崩溃。在许多编程语言中，包括Java、C++、C#和Python，结构是实现这种异常处理的常用机制。那么，是否会影响性能？这篇文章我们来聊一聊。在了解对性能的影响之前，首先需要了解异常处理的基本原理。在大多数现代语言中，异常处理是通过一种称为“栈展开”（stack unwinding）的机制来实现的。

朋友们，今天我体验了下 bolt 之后，我决定暂时抛弃 v0.dev 了，不是说v0 不牛逼，只能说 bolt 更性感。先啥也不说，咱们来试试一个例子：让他生成一个球场预定的 SAAS基于  ，界面还是非常 Nice 的。然后生成的代码如下，代码直接提供了一个完整的仓库，可以download 下来。使用 bolt 打一个底稿之后，这样，我们在配合 cursor，哈哈，效率直接飞起，他比起 v0来说

最近乙方要移交给我们开发的一个项目的代码，其中前端用到了 qiankun 微前端技术，因为第一版代码之前让我看过，写过基础开发文档，然后主管昨天就找我问了一下，本来以为就是问下具体概念和开发，没想到问起了是怎么实现的🥲，之前了解 qiankun 也就是看了下开发配置，并没有去关注具体实现，一下子给我难住了。后面又给我留下了几个问题，让我去了解了解，琢磨琢磨，这篇文章就是记一下自己 search

大家好，我是CodeQi！  一位热衷于技术分享的码仔。在日常的开发中，很多人习惯于使用  语句来处理各种条件。但你有没有想过，层层嵌套的条件判断，可能会让代码变得难以维护且难以阅读？今天，我想分享一个让代码更清晰易读的技巧，那就是——return。✨初学编程时，我们都习惯通过  语句来处理分支逻辑。比如判断一个用户是否活跃，是否有折扣，代码通常会写成这样：你看，这段代码嵌套了多个  语句。如果我

前几天需求评审的时候，产品说客户希望。由于我们UI框架用的是Elemnt Plus，input输入框的样式也比较中规中矩，所以我们组长准备拒绝这个需求! 但是，喜欢花里胡哨的我立马接下了这个需求！我自信的告诉组长，放着我来，包满意！经过一番折腾，我通过 CSS 的技巧实现了一个带有渐变边框的 Input 输入框，而且当鼠标悬浮在上面时，边框颜色要更加炫酷并加深渐变效果。最后，领导和客户对最后的效果