短文月刊Monthly Essay

第2023年02月期Issue 2023-02

信息技术

后台服务API接口设计的几点感悟

验证Entity数据存在或有效性、Entity数据作为字典引用等用到字段比较少,就不要用全量字段,尤其全量数据。

查看详情 →View Detail →
信息技术

Javascript如何定义与操控HashMap对象

像Java语言一样,Javascript也有HashMap对象定义,一样地方便赋值与遍历读取。

查看详情 →View Detail →
信息技术

React异步函数的同步执行方式

需async和await两者密切配合,才能做到React异步函数同步执行的意图。

查看详情 →View Detail →
信息技术

Antd in react中页面布局较大调整后乱了的问题

Antd in react系统中即时编译为Umi代码出错且不可修复时候,删除umi文件夹后重新启动或打包即可。

查看详情 →View Detail →
信息技术

浅说React哲学

学习一门编程语言思想,先学会用它,后一定要把它当作哲学来理解与思考产品应用,此时你才真正开始入门React。

查看详情 →View Detail →
信息技术

前端开发技术发展史

前端开发技术发展史,先后经历了五大时代,发展的结果是前端越来越强大。

查看详情 →View Detail →
信息技术

说说做系统产品的一点点心得

做系统产品的五步心得,在此分享一下,感谢阅读与欢迎讨论。

查看详情 →View Detail →
信息技术

Javascript保留小数的精度位数

用Javascript保留小数的精度位数,必须保证这个变量是数值类型,后进行转换保留。

查看详情 →View Detail →
信息技术

Warning: flushSync was called from inside a lifecycle method.

React正在刷新渲染中,依然调用flushSync会触发这个警告信息,说明这个动作是多余,建议删除这条语句。

查看详情 →View Detail →
信息技术

Warning: Each child in a list should have a unique "key" prop.

在React页面代码中,UI List组件的每个子元素要设置key属性,并且要保证每个key值是不一样的。

查看详情 →View Detail →
信息技术

压力测试(Pressure Testing)与负载测试(Load Testing)的区别

压力测试的目标是好比找到一辆汽车能达到的最大极限时速,而负载测试的目标是好比找到一辆汽车性能俱佳的最大运行时速。

查看详情 →View Detail →
信息技术

React框架之State设计的方法论

React中state数据变化与组件渲染融为一体,达到“你动我动、我动你动”的合一局面。

查看详情 →View Detail →
信息技术

React闭包问题

不同的React渲染周期都拥有自己的闭包,每个闭包的state都是独立的,互相之间是隔离而不知的。

查看详情 →View Detail →
信息技术

判断当前React组件是否已卸载

用!unmountedRef.current是否为true来当前React函数组件是活着,即装载中。

查看详情 →View Detail →
信息技术

React函数组件卸载时执行用useUnmount

在React函数组件中,已无显式的生命周期函数,故组件卸载时候使用ahooks API函数useUnmount来实现。

查看详情 →View Detail →
信息技术

AISAS模型,折射网络时代烙印的消费心理

搜索让信息流动不再单一、不再低效,分享让信息流动不再封闭、不再低频。

查看详情 →View Detail →
信息技术

用useMap构建React hashMap对象

React ahooks提供一个API方法useMap来管理 Map 类型状态。

查看详情 →View Detail →
信息技术

在React中如何动态设置页面favicon

在React中,一次性设置页面favicon可在App.jsx或App.tsx中完成,如果想在自定义函数组件页面中动态设置,可以使用ahooks API useFavicon来设置。

查看详情 →View Detail →
信息技术

React中如何实时获取选中文本?

在React项目中,如何实时地获取选中文本内容及位置,可采用useTextSelection API来实现。

查看详情 →View Detail →
信息技术

React中跳转页面时隐式传参方法

在React程序页面跳转时候,可借助localStorage来传递。

查看详情 →View Detail →
信息技术

最近非常火的ChatGPT是什么东东呢?

ChatGPT是基于OpenAI在2020年发布的GPT-3实现的,它也是目前训练参数量最大的AI模型。

查看详情 →View Detail →
信息技术

如何新建OpenAI的QuickStart程序?

新建OpenAI的第一个QuickStart程序的方法步骤。

查看详情 →View Detail →
信息技术

Spring Cloud中导出数据记录下载为Excel服务

在Spring Cloud中,用POI实现导出后台数据记录并提供下载为Excel的微服务API接口。

查看详情 →View Detail →
信息技术

React中实现列表数据导出Excel功能

在React项目中通过调用后台服务API接口实现导出下载功能,其中关键的是responseType设置为blob。

查看详情 →View Detail →
信息技术

Javascript求余数

Javascript求余数,用%运算符求即可。

查看详情 →View Detail →
信息技术

Javascript求两个数的最大公约数

在Javascript或Typescript代码中,运用质因数分解法来求两个数的最大公约数。

查看详情 →View Detail →
信息技术

Javascript求两个数的最小公倍数

在Javascript代码中,运用“两个数的乘积除以最大公约数”方法来求两个数的最小公倍数。

查看详情 →View Detail →
信息技术

Javascript求两个数的平方差与立方差

在Javascript代码中,运用一个数的2或3次幂方法来求两个数的平方差或立方差。

查看详情 →View Detail →
信息技术

Javascript求100内自然数中的素数

在数学中,素数又叫质数,素数是指在大于1的自然数中,除了1和它本身以外,不能被其他自然数整除的数。

查看详情 →View Detail →
信息技术

Javascript求100内自然数中的合数

在数学中,合数是指在大于1的整数中除了能被1和本身整除外,还能被其他数(0除外)整除的数。

查看详情 →View Detail →
信息技术

Javascript计算身体质量指数BMI

身体质量指数,BMI(Body Mass Index ),简称体质指数,是国际上常用的衡量人体胖瘦程度以及是否健康的一个标准。

查看详情 →View Detail →
信息技术

Javascript判断是否为数字

在Javascript或typescript中,一定要注意判断计算机能处理的数的边界。

查看详情 →View Detail →
信息技术

Javascript判断是否为整数、自然数等

在数学表达的数中,其中最为常用的是整数,以及区分正整数、负整数、自然数(零和正整数)等。

查看详情 →View Detail →
信息技术

Javascript判断是否为小数

除了整数常用之外,还有常用的数是小数,包括计算小数点后的数位。

查看详情 →View Detail →
信息技术

Javascript判断是否为纯英文字母的字符串或纯数字的字符串

用Javascript来判断一个字符串是否为纯英文字母(包括大小写)或纯数字的字符串。

查看详情 →View Detail →
信息技术

Javascript判断是否为纯英文字母或数字的字符串

用Javascript来判断一个字符串是否为纯英文字母(包括大小写)或数字的字符串。

查看详情 →View Detail →
信息技术

Too many re-renders. React limits the number of renders to prevent an infinite loop.

React触发渲染周期的代码本身及内部代码都触发,相当于要触发两次,显然不合乎设计规范,原因是有出现死循环的可能性,所以一定避免写这种“嵌套触发”代码。

查看详情 →View Detail →
信息技术

Javascript判断是否为纯中文或含有中文的字符串

用Javascript来判断一个字符串是否为纯中文或含有中文的字符串。

查看详情 →View Detail →
信息技术

Javascript判断是否为一个有效的4段IP地址

用Javascript来判断一个4段IP地址是否合法有效的。

查看详情 →View Detail →
信息技术

Javascript验证邮政编码

用Javascript或typescript来验证我国的邮政编码的有效性。

查看详情 →View Detail →
信息技术

Javscript验证我国手机号码的有效性

用Javascript或typescript来验证我国的手机号码的有效性。

查看详情 →View Detail →
信息技术

Javascript验证电子邮箱地址格式

用Javascript或typescript来验证电子邮箱地址格式的有效性。

查看详情 →View Detail →
信息技术

Javscript验证我国身份证号码的有效性

用Javascript或typescript来验证我国的身份证号码的有效性。

查看详情 →View Detail →
信息技术

Javscript验证密码的有效性要求

用Javascript或typescript来验证密码的有效性要求。

查看详情 →View Detail →
信息技术

CSS样式中padding的4个属性快捷记忆法

在CSS样式中,可使用padding来设置HTML元素的内边距,padding有4个属性来分别设置上右下左的内边距。

查看详情 →View Detail →
信息技术

CSS样式中margin的4个属性快捷记忆法

在CSS样式中,可使用margin来设置HTML元素的外边距,margin有4个属性来分别设置上右下左的外边距。

查看详情 →View Detail →
信息技术

CSS样式中border-radius的4个属性快捷记忆法

在CSS样式中,可使用border-radius来设置HTML元素的边圆角半径,border-radius有4个属性来分别设置上右下左的边圆角半径。

查看详情 →View Detail →
信息技术

让程序员们早下班的AI工具,有点意思

一款程序员、文案工作者等的工作助理神器,GitHub Copilot工具,值得期待。

查看详情 →View Detail →
信息技术

IDMA模型,投射实体经济消费心理变化

基于AIDMA法则逻辑,我们需要做的是重新定义用户与产品对话沟通的新旅程、新语言、新思路。

查看详情 →View Detail →
信息技术

数字化营销,不止于以客户为中心

现代企业的营销仅仅“以客户为中心”还远远不够的,还需要打造“以客户为中心的数字化场景”,与客户之间建立一条“快速的数字化通道”。

查看详情 →View Detail →
信息技术

注册认证支付宝企业账号流程

注册与认证支付宝企业账号的流程步骤。

查看详情 →View Detail →
信息技术

CSS光标cursor属性

cursor属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状

查看详情 →View Detail →
信息技术

CSS 合法颜色值

SS的颜色可以表达的方式有很多种,最常用的是十六进制颜色表达法。

查看详情 →View Detail →
信息技术

Java8新特性Steam使用起来真香

​ Java 8 中的 Stream 是对集合(Collection)对象功能的增强,它专注于对集合对象进行各种非常便利、高效的聚合操作(aggregate operation),或者大批量数据操作 (bulk data operation)。

查看详情 →View Detail →
信息技术

前台页面long类型数字被四舍五入的解决办法

前台页面long类型数字被四舍五入的解决办法

查看详情 →View Detail →
信息技术

React中如何获取当前值和上次值

使用useState可获取内部变量的当前值,但有时候可能需要知道当前值和上次值则需用usePrevious。

查看详情 →View Detail →
信息技术

Javascript与Java对单或双引号使用的区别

Javascript语言中,单引号和双引号的用法基本上是一样的,而Java语言中,这两者是完全不一样的用法。

查看详情 →View Detail →
信息技术

minio在mac电脑安装与启动

MinIO 是一款高性能、分布式的对象存储系统. 它是一款软件产品, 可以100%的运行在标准硬件。即X86等低成本机器也能够很好的运行MinIO。

查看详情 →View Detail →
信息技术

JPG与PNG图片的区别

JPG和PNG都是一种图片格式,也是最为常用的图片格式。

查看详情 →View Detail →
信息技术

什么是SVG?

与 Flash 相比,SVG 最大的优势是与其他标准(比如 XSL 和 DOM)相兼容。而 Flash 则是未开源的私有技术。

查看详情 →View Detail →
信息技术

常见的两种色彩模式

RGB模式一般是用在屏幕上显示的图像。而在印刷品上看到的图像,一般是CMYK模式的,譬如期刊、杂志、报纸、宣传画等。

查看详情 →View Detail →
信息技术

Photoshop内置色板,可解决基础配色问题

Photoshop内置色板是普通人解决基础配色问题的最好用的方式。

查看详情 →View Detail →
信息技术

Warning: unreachable code after return statement

在“返回”语句之后依然还有代码,而这些代码将不会被执行。

查看详情 →View Detail →
信息技术

400 Bad Request: [{"code":"INVALID_REQUEST","message":"201 商户订单号重复"}]

微信支付本地收款码二次生成时候的商户订单号重复问题的解决方案。

查看详情 →View Detail →
信息技术

javax.persistence.TransactionRequiredException: Executing an update/delete query

用Java语言执行数据库更新或删除操作时候,一定要有事务控制否则会抛出异常。

查看详情 →View Detail →
信息技术

Java实现支付宝支付SDK的maven依赖包

Java语言实现支付宝支付SDK的maven依赖包。

查看详情 →View Detail →
信息技术

如何实现React渲染原生html文档呢?

用react的属性dangerouslySetInnerHTML来动态渲染html文档。

查看详情 →View Detail →
信息技术

Antd in React中支持个性Html页面

Antd in React项目支持额外的个性Html页面,比如支付宝PC支付中转页面。

查看详情 →View Detail →
信息技术

微信支付商户号的自动提现设置

微信支付商户号的自动提现设置规则及相关事项。

查看详情 →View Detail →
信息技术

微信支付商户号的手续费率优惠

微信支付商户号的手续费率优惠为0.054%,主要针对小微企业和个体工商户。

查看详情 →View Detail →
信息技术

io.netty.channel.unix.Errors$NativeIoException: accept(..) failed: Too many open files

Spring Cloud Gateway高并发下会报出Too many open files的错误,根源是spring-boot和spring-cloud的某个版本引用有有问题的netty版本,即0.9.8版本。

查看详情 →View Detail →
信息技术

几种软件版本类型的说明,了解后选择版本可以做到心里有数啦

一文说清楚软件有哪些版本类型,便于我们了解与选择提供依据。

查看详情 →View Detail →
信息技术

SpringCloud、SpringCloudAlibaba与SpringBoot 推荐版本对应关系

虽然SpringCloud、SpringCloudAlibaba与SpringBoot 之间有多个版本对应关系,但有推荐对应的版本关系,即这个对应关系是最佳搭配。

查看详情 →View Detail →
信息技术

Spring Cloud Hoxton.SR8对应的Spring Boot推荐版本

使用比较多的Spring Cloud版本是Hoxton.SR8,与之对应的推荐Spring Boot版本是2.3.2.RELEASE。

查看详情 →View Detail →
信息技术

添加无主机记录(域名前缀)的域名解析

为域名添加一个无主机记录(域名前缀)的域名解析方法。

查看详情 →View Detail →
信息技术

Spring Cloud为啥与Alibaba有关系呢?

任何有能力与想法的公司或组织都可以加入Spring Cloud生态环境建设之中来,阿里巴巴便是其中的一个。

查看详情 →View Detail →
信息技术

Maven execution: No goals have been specified for this build.

Alibaba Cloud配置工具命令错误。

查看详情 →View Detail →
信息技术

Antd [HPM] Error occurred while proxying request

在Ant Design in React中,[HPM] Error occurred while proxying request是由于域名解析出错啦。

查看详情 →View Detail →
信息技术

Javascript打开新页面或内容

用Javascript打开新页面或内容的几种场景。

查看详情 →View Detail →
信息技术

Java实现支付宝PC端扫码支付

在Spring Cloud框架中,用Java实现支付宝PC端扫码支付发起与异步通知接口。

查看详情 →View Detail →
信息技术

MySQL两表关联更新UPDATE

MySQL两表关联更新UPDATE,也就是用一个表的字段去更新另一个表的字段。

查看详情 →View Detail →
信息技术

Javascript关闭当前页面/窗口

一个能最大限度地兼容各种浏览器问题的关闭当前页面或窗口的Javascript代码。

查看详情 →View Detail →
信息技术

Javascript中的confirm用法

用原生的Javascript代码来实现弹出确认框。

查看详情 →View Detail →
信息技术

Ant Design in React 中支持可拖拽的表格记录多时出现500错误

在Ant Design in React 中支持可拖拽的表格记录多时出现500错误,由于排序后传输给后台API服务时候传入参数所占字节数过大导致的。

查看详情 →View Detail →
信息技术

Mac Pro中查看所有进程及状况

在Mac Pro电脑中,如何查看当前运行的所有进程及运行情况

查看详情 →View Detail →
信息技术

CSS块级元素的Box Model模型布局

W3C定义的Box Model的模型,让开发者很方便地布局与设计Web页面,让网页的布局和样式变得美观和丰富多彩。

查看详情 →View Detail →
信息技术

HTML Emoji表情符号

HTML表情符号Emoji,字面意思来说是指面部表情的符号,用一个图标来直观地表达发布者的表情,如笑脸表示笑、蛋糕表示食物等。

查看详情 →View Detail →
信息技术

Java的三大版本分支

Java有三大版本分支,即J2SE、J2ME和J2EE。

查看详情 →View Detail →
信息技术

JDK、JRE和JVM三者之间的关系

JDK、JRE、JVM都是Java相关的三个术语,三者之间的关系是JDK包含JRE和JRE包含JVM。

查看详情 →View Detail →
信息技术

Java的JDK版本的三个分支

Java的JDK版本的三个分支,即标准版、先行版和长期支持版。

查看详情 →View Detail →
信息技术

阿里巴巴的Dragonwell JDK

阿里巴巴的Dragonwell JDK是一款免费的,、生产就绪型 Open JDK 发行版,并提供长期支持的JDK。

查看详情 →View Detail →
信息技术

HTML <noscript> 标签的用处

HTML的noscript 元素用来定义在脚本未被执行时的替代内容(文本),此标签可被用于可识别 <noscript> 标签但无法支持其中的脚本的浏览器。

查看详情 →View Detail →
信息技术

HTML 4.01和5.0版本分别代表了互联网的两个时代

互联网自诞生以来,真正经历两个大时代,即传统PC时代和移动互联网时代,而这两个时代使用的HTML网页标准版本分别是HTML 4.01和HTML 5.0。

查看详情 →View Detail →
信息技术

Transaction silently rolled back because it has been marked as rollback-only

微服务API接口注解@Transactional为事务控制,当这个服务接口中跑出异常之后,事务自动回滚。

查看详情 →View Detail →