短文月刊Monthly Essay
第2023年01月期Issue 2023-01
Error: Should have a queue. This is likely a bug in React. Please file an issue.
React中尽量避免不同state变量之间直接取值关联，如确实需要的话则可以从源头取值后赋值。
查看详情 →View Detail →找准利基市场，小企业扬帆起航之信风
利基者企业主要操的是客户的心，不用操行业的心、也不用操竞争对手的心，只管用最专业化的产品服务好这一小批用户人群足矣。
查看详情 →View Detail →说说React Hooks API之useRequest
useRequest 是一个强大的异步数据管理的 Hooks API，React 项目中的网络请求场景使用 useRequest 就足够满足了。
查看详情 →View Detail →useRequest的防抖和节流机制
useRequest是支持冷启动➕手工请求模式的，这种模式下可能会造成频繁请求同一个接口，造成的后果是数据抖动或网络性能浪费。
查看详情 →View Detail →useRequest的两种依赖刷新
React Hook API之useRequest本身提供了一个 options.refreshDeps 参数直接地支持实现依赖刷新，此外还可以通过另外一个React Hook API之useEffect来间接地实现依赖刷新。
查看详情 →View Detail →JPA异常：identifier of an instance was altered from not null to null
JPA不允许直接把读取的对象列表，直接修改部分字段和设置主键为空，再次提交创建新记录。
查看详情 →View Detail →useRequest的ready开关设置
在React项目中，可用参数options.ready来禁用/激活开关控制useRequest网络请求功能。
查看详情 →View Detail →Executing an update/delete query; nested exception is javax.persistence.TransactionRequiredException
在Spring Cloud或Spring Boot项目中，微服务接口涉及到数据表增删改操作时候，微服务接口要添加注解@Transactional，否则抛出异常。
查看详情 →View Detail →用useHover实现React页面控件悬停功能
当鼠标经过和离开页面某个控件元素时候提示帮助信息，在React页面中可用ahooks的useHover来实现。
查看详情 →View Detail →Warning: Can't perform a React state update on an unmounted component.
跳转其他页面后，即当前页面卸载时，不要再有代码处理逻辑，比如设置state变量等，否则有警告信息。
查看详情 →View Detail →用react-to-print在浏览器中打印React组件内容
用react-to-print在浏览器中打印React组件内容，确实简单且方便，但唯一不足的是用原生HTML元素来设计内容样式。
查看详情 →View Detail →如何防止React Button的重复提交？
React表单提交操作是长事务动作的话，很可能发生重复提交的问题，可用ahooks之useLockFn函数来实现。
查看详情 →View Detail →Antd in React中的三级页面数据传递不及时问题
在Antd in React项目中的三级及以上页面之间的数据传递不及时问题是可能存在的，原因是第一级页面数据加载慢的缘故。
查看详情 →View Detail →Antd 5.0配置中设置主题色不管用，仍旧默认蓝色
Antd 5.0配置中设置主题色不管用，仍旧默认蓝色，最后只能去修改node_modules中的设置。
查看详情 →View Detail →Ant Design Pro V5二级菜单添加前缀图标
在Ant Design Pro V5中，默认二级菜单是没有前缀图标的，若想要设置的话则需修改app.tsx的layout配置。
查看详情 →View Detail →Ant Design Pro V5去掉菜单的国际化
Ant Design Pro V5项目中，菜单默认使用系统自带的国际化Locale，若想去掉国际化的话，则需修改app.tsx中的菜单配置。
查看详情 →View Detail →Ant Design Pro V5自行控制菜单的方法
在Ant Design Pro V5项目中，默认菜单配置是由路由config/routes.ts和国际化src/locales联合控制的；若要个性化控制菜单权限的话，则需要自行控制菜单配置。
查看详情 →View Detail →Antd pro v5动态菜单设置时React错误Objects are not valid as a React child
Antd pro v5动态菜单设置时，请注意Icon代码设置，否则可能抛出Objects are not valid as a React child。
查看详情 →View Detail →Javascript字母数组的Sort排序方法
Javascript提供了sort() 方法是以字母顺序对数组进行排序，默认是正序排序；若想要倒序排序的话，在调用sort() 方法之后继续调用reverse() 方法反转数组。
查看详情 →View Detail →Java语言中的String与StringBuffer用法区别
Java语言编程过程中，常常用到的String对象处理字符串，但很少用到StringBuffer来处理字符串。
查看详情 →View Detail →Java语言中的StringBuffer与StringBuilder用法区别
Java语言中，除了String和StringBuffe表达字符串处理方式之外，还有另外一种用StringBuilder来处理字符串。
查看详情 →View Detail →Ant Design Pro路由配置的layout和hideInMenu参数
在Ant Design Pro项目中，路由配置routes.ts中两个特殊的参数有特殊的用途，即layout和hideInMenu参数。
查看详情 →View Detail →从日活DAU实现诊疗一体，让产品自健康
不难看出一款APP等应用产品是否能成功，内部关键在于产品经理、产品研发工程师、产品市场推广人员和产品运营人员这四个岗位是否能配合与协同好。
查看详情 →View Detail →用户密度累积到自增长点，形成口碑传播
用户密度（UD，User Density），不仅是指地理位置上、使用人数上的粘稠度，更主要的是用户和用户之间的互动量。
查看详情 →View Detail →运用LTV/CAC+PBP，辅助做好商业决策
除了LTV / CAC比率值预测帮助企业做出正确的商业决策之外，还有一个重要的指标是回收期PBP值需参考。
查看详情 →View Detail →React的方法误当变量调用时，收到异常Error: Should have a queue.
由于React等脚步语言是解释性的编程语言，通常编译时没有问题，但运行时会出现异常，往往这种问题很难发现。
查看详情 →View Detail →两个计时器useTimeout和useInterval
在React ahooks中，有个两个计时器相关的API，分别是useTimeout和useInterval，动态修改 delay 以实现定时器间隔变化与暂停。
查看详情 →View Detail →Java集合Collection的List和Set子接口
Java集合Collection的实现类有不少，包括List、ArrayList、LinkedList、Vector、Set、HashSet、TreeSet、LinkedHashSet等。
查看详情 →View Detail →Java键值对Map接口的几个实现类
Java键值对接口Map的常用子类有四个，即HashMap、HashTable、TreeMap、LinkedHashMap和ConcurrentHashMap
查看详情 →View Detail →Java集合Collection的queue子接口
Java集合Collection接口的另外一个子接口，即queue接口。Queue用于模拟队列这种数据结构，队列通常是指先进先出的容器。
查看详情 →View Detail →Java迭代器Iterator及可迭代对象接口Iterable
for each循环内部也是基于Iterator迭代器的上层封装，代码编译时候Java编译器会将其转化为Iterator迭代器方式遍历。
查看详情 →View Detail →Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>.
在HTML中，让div标签成为div标签的父亲节点，不要成为p标签节点
查看详情 →View Detail →Warning: Can't perform a React state update on an unmounted component.
useSafeState的用法与 React.useState 完全一样，但是在组件卸载后异步回调内的 setState 不再执行，避免因组件卸载后更新状态而导致的内存泄漏。
查看详情 →View Detail →用startTransition或useTransition提升大数据量的渲染性能
当有读取大的（比如超过千条）数据记录时候，React页面渲染会有明显卡顿或空白情况出现，导致用户体验不好。
查看详情 →View Detail →React 18以后的自动批处理Automatic batching机制
为了提升用户体验和改善渲染性能，React 18及以后中异步函数的设置state合并后再渲染的批处理机制。
查看详情 →View Detail →说说React中startTransition和setTimeout的区别
在React中，setTimeout是不能替代startTransition实现的过渡渲染机制功能。
查看详情 →View Detail →React中的startTransition不是节流防抖
React中的startTransition不是节流防抖，而是类似“守护线程”一样来执行大数据量的渲染与显示功能的。
查看详情 →View Detail →除了React startTransition之外，还有一个类似API，即useDeferredValue
在React项目中，startTransition和useDeferredValue的功能是一样的，但区别是前者以过渡任务机制控制设置state，而是后者以过渡任务机制控制获取state
查看详情 →View Detail →火狐FF浏览器ReferenceError: ClipboardItem is not defined
火狐FireFox浏览器默认是限制使用ClipboardItem，故要手工打开dom.events.asyncClipboard.clipboardItem设置。
查看详情 →View Detail →Unhandled Rejection (Error): useRequest has caught the exception
useRequest代码中，自己控制与处理异常。
查看详情 →View Detail →复制到剪贴板错误：navigator.clipboard undefined
JS中navigator.clipboard对象只能在安全网络环境中才能使用。
查看详情 →View Detail →知识服务电商业赛道在兴起，会有你吗？
无论现在你的企业目前的盈利业务是哪个，比如在线课程、线下培训、门店服务、产品电商等，都是可以变革创新走向知识服务电商业赛道的。
查看详情 →View Detail →微信本地支付错误401 Unauthorized: [no body]
401 Unauthorized: [no body]说明生成本地支付码时候，未设置微信支付证书密钥和序列号参数。
查看详情 →View Detail →401 Unauthorized: 微信商户证书生成时候序列号有误
401 Unauthorized: 微信商户证书生成时候序列号有误，请使用签名私钥匹配的证书序列号。
查看详情 →View Detail →SpringCloud API服务注解@RestController
@RestController注解代表返回的是json格式的数据，这个注解是Spring4之后新加的注解，表示这是API服务接口类。
查看详情 →View Detail →SpringCloud API服务注解@RestController接口方法参数化
在SpringCloud API服务注解@RestController的API接口类中，具体API方法制成个性化参数。
查看详情 →View Detail →Error: Invalid hook call. Hooks can only be called inside of the body of a function component.
useModel、useState等Hook API方法只能写在React function component页面的主体代码中，否则Error: Invalid hook call
查看详情 →View Detail →AARRR模型，紧握存量经济用户新消费观
通过AARRR模型，可以看到产品运营中每个用户增长环节都至关重要，任何一步缺失都会影响最后的收入增长和自传播临界点的到来。
查看详情 →View Detail →SICAS模型，顺应移动社交用户新消费心理
SICAS是在全网、全景的全数字营销环境下而提出的用户消费行为心理变化模型，是对AIDMA和AISAS模型的全面革新和升级。
查看详情 →View Detail →