wangzhichaogege的博客

原创 DevChat全能型AI编程助手，助你“以一敌三卷翻好友”

DevChat是OpenAI的一个产品，它是一个可以进行编程相关对话的AI。这意味着你可以使用它来解决一些编程上的问题或者获取关于编程的建议。你可以提供代码片段并询问问题，它将尽可能地提供帮助。这可能包括对代码错误的鉴定和修复建议，或者是对某种编程模式或实现的解释。此外，它也可以实现一些高级功能，如重构代码，提供代码写作建议等。瞧，它真的很全能🌝🌝🌝🌝🌝，现在，我们知道他是用来提高我们编程效率，帮助我们提供一些编程建议，当然，他还有一些高级功能，比如重构代码。

原创 yarn 跳过node版本检查

【代码】yarn 跳过node版本检查。

原创 Nginx的405 not allowed错误解决

原创 css透明度问题

有时候我们往往不想让子元素继承父元素的透明度， 那就这么设置css即可。

原创 js内置对象属性方法整理

属性描述document.activeElement返回当前获取焦点的元素document.anchors返回对文档中所有 Anchor 对象的引用document.applets返回对文档中所有 Applet 对象的引用。注意: HTML5 已不支持 元素document.baseURI返回文档的基础 URIdocument.body返回文档的 body 元素document.cookie设置或返回与当前文档有关的所有 cookiedocument.doctype返回与文档相关的文档类型

原创 js去除字符串中空格

去除字符串内两头的空格：str = str.replace(/^\s*|\s*$/g,"");去除字符串内右侧的空格：str = str.replace(/(\s*$)/g,"");去除字符串内所有的空格：str = str.replace(/\s*/g,"");去除字符串内左侧的空格：str = str.replace(/^\s*/,"");

原创 antd 日期选择框禁用勾选某个日期以前的

antd 日期选择框禁用勾选某个日期以前的。

原创 antdTable 可编辑单元格的实现

/** * 一个可编辑的input * 配合table中的rnder()使用 */import React, { useEffect, useReducer, useRef } from 'react';import styles from './styles.less';import { InputNumber, Form } from 'antd';const reducer = (state, { type, payload }) => { switch (type) .

原创 Antd 组件 onchang 绑定 lodash 的接口防抖失效解决

delayedChange = debounce((value) => { // do something...}, 500);handleChange = (event) => { delayedChange(event.target.value);}; <Input onChange={this.handleChange}></Input>

原创 git发布规范

feat：新功能（feature） fix：修补bug docs：文档（documentation） style： 格式（不影响代码运行的变动） refactor：重构（即不是新增功能，也不是修改bug的代码变动） test：增加测试 chore：构建过程或辅助工具的变动...

原创 回顾，学习，并总结ES6的新特性

一. 默认参数 我们常常会用这样的方式来定义自己的默认参数，但是试想一下如果是0呢 ，function man (height, name, age) { var height = height || '20'; var name = name || 'Jack'; var age = age || '25';}es6后我们可以这样了var man = function(height = 50, name = 'Jack', age = '25...

原创 css给图片底部加黑色渐变遮罩

position: absolute; z-index: 2; bottom: 0; height: 120rpx; width: 750rpx; opacity: 0.36; // 重点是这行 background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%);

原创 lottie-web 的使用

import lottie from 'lottie-web';lottie.loadAnimation({container: document.getElementById('制定的dom节点'),renderer: 'svg',loop: true,autoplay: true,path: 'json文件的路径', // 如果是实体json 需要换另外一个参数});...

原创 css 给白底文字加边界阴影

参考学习链接https://www.runoob.com/css3/css3-gradients.htmlradial-gradient(#ffffff 30%, #ffffff 70%, rgb(204, 204, 204) 94%)使用后效果之前是这样的

原创 css文字超出后显示...

单行的。必须指定一个宽度overflow: hidden;text-overflow: ellipsis;display: -webkit-box;多行overflow: hidden; //超出的文本隐藏text-overflow: ellipsis; //溢出用省略号显示display: -webkit-box;-webkit-line-clamp: 2; // 超出多少行-webkit-box-orient: vertical;...

原创 css 图片旋转

transform: rotate(90deg);90deg 表示旋转90度

原创 css 白色文字阴影

background-image: -webkit-linear-gradient(left, rgba(156, 190, 239, 0.001) 0%,#ffffff 20%, #ffffff 100%);效果不错。不截图了。自己试一下吧

原创 css之pointer-events 移除鼠标事件

属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的targetpointer-events: auto;pointer-events: none; // 直接移除鼠标事件pointer-events: visiblePainted; /* SVG only */pointer-events: visibleFill; /* SVG only */pointer-events: visibleStroke; /* SVG only */po.

原创 js 操作伪类元素

document.styleSheets[0].addRule('.more-msg::before','display:none');//隐藏伪类元素（阴影）

原创 css white-space 笔记

white-space 属性值及作用：1. word-break:break-all;只对英文起作用，以字母作为换行依据2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据3.{white-space:pre-wrap; 只对中文起作用，强制换行4.{white-space:nowrap; 强制不换行，都起作用5.{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行，超出部分隐藏且

原创 js 内置方法复习

arry.some 数组中某一项符合条件就返回truelet s = [1,2,4,5,6,12,45,123,54,123,512,4,12,23,12]let s2 = s.some((e) =>{ return e > 100 // true})arr.lastIndexOf 逆向查找，有查询结果返回对应的第一个索引，没有查询结果返回-1let strArr = ['a','f','v','f']console.log(strArr.l...

原创 当面试官问你浏览器的渲染步骤，我给你总结了一套大白话说法

1.寻找资源位置，如果没有访问过这个网站就要进行dns查找，第一次初始化请求后这个ip会被缓存一段时间，下次就可以通过缓存查找而不用再次访问dns服务器，dns查找对于性能来说是一个问题，特别是移动网络，要通过信号塔来查询dns服务器，所以对于手机，信号塔，域名服务器的距离可能会是一个大的时间等待2.tcp三次握手，在此期间，服务器之间还要来回发送三次消息，而请求还尚未发出3.tls协商 tls协商，他决定了什么密码将会用来加密通信，验证服务器，从而建立真正安全的连接，在发送真正的请求内容前还需...

原创 ant 2.x 版本的Form绑定语法

export default connect(({parttimeMsg,app}) => ({parttimeMsg,app}))(Form.create(ParttimeMsg)(ParttimeMsg))

原创 react vue 等等这种mvvm思维的开发方式怎么编写通用组件，或者什么样的组件应该编写为通用组件

“关注Model的变化，让MVVM框架去自动更新DOM的状态，从而把开发者从操作DOM的繁琐步骤中解脱出来 ” 我觉得这句话说得很不错 一语道破mvvm的优势我个人理解 并不是所有在项目中大量使用的组件都应该去提取出来 一味的追求更少的代码量反而会给代码未来的的维护造成困难， 我觉得应该被提取出来作为公共组件的应该是那些样式固定的（在整个项目中都必须统一的一个标准），非个性化的，更加解耦的（可能语言组织不够完美，应该能理解我想表达的吧）那么编写共用组件的时候应该考虑哪些呢...

原创 ORACLE SQL 数据库 判断数据存在则更新不存在则插入的sql

MERGE INTO 表名USING （select count(1)bo xxxxxxxx）bON (b.co>0)WHEN MATCHED THEN 更新语句WHEN NOT MATCHED THEN 插入语句注意MERGE INTO 语法不支持 mysql ！！！！！

原创 ant Steps组件的实际使用

有些童鞋不太理解这个组件看官网上的：<Steps current={1}> <Step title="Finished" description="This is a description." /> <Step title="In Progress" subTitle="Left 00:00:08" description="This is a description." /> <Step title="Waiting" desc

原创 老版本的dva使用回调函数

太难了我 同时维护dva1，dva2，umi， antd2， antd3， antd4， 不同版本的多个项目 脑子有点乱2.0版本以前的dva使用回调必须newPromise对象，并且把resolve 传递给model层 上代码 new Promise((resolve) => { dispatch({ type: 'user/getToken', payload: { resol...

原创 react-intl-universal 实现国际化的重要参数

import intl from 'react-intl-universal'; intl.init({ currentLocale: lang.split('-')[0], locales: { zh, en } })

原创 使用Sentinel实现一个简单的限流功能

Sentinel: 分布式系统的流量防卫兵Sentinel 是什么？随着微服务的流行，服务和服务之间的稳定性变得越来越重要。Sentinel 以流量为切入点，从流量控制、熔断降级、系统负载保护等多个维度保护服务的稳定性。Sentinel 具有以下特征:丰富的应用场景：Sentinel 承接了阿里巴巴近 10 年的双十一大促流量的核心场景，例如秒杀（即突发流量控制在系统容量可以承受的范围）、消息削峰填谷、集群流量控制、实时熔断下游不可用应用等。 完备的实时监控：Sentinel 同时提供实时

原创 超容易理解的java多线程基础知识

线程的概念线程的创建线程开启后不一定立即执行 由cpu调度

原创 dispatch(...).then is not a function(已解决)

在使用antd TreeSelect组件 异步获取数据的时候报错dispatch(...).then is not a function这个错的原因其实是你请求的方法返回的不是promise对象 官网是这样写的 onLoadData = treeNode => new Promise(resolve => { const { id } = treeNode.props; setTimeout(() => { ...

原创 前端国际化（umi的useIntl）

import { useIntl } from 'umi’; const intl = useIntl();<html id="pages.searchTable.updateForm.ruleName.nameLabel" />使用起来是很简单的，但是构造起来需要梳理的很清晰才行，并且建议在项目搭建初期就要考虑好一套完整的国际化配置，否则后期再加的话会很麻烦国际化的配置export default { 'component.globalH...

原创 == 和 === 的区别

JS中 == 和 === 的区别其实只需要注意一个区别就行原则上都离不开这个区别== 对数据类型不敏感就是说 String "1" == number 1 是 返回true=== 比较的对象必须是相同类型就是说 String "1" === number 1 是 返回false必须 "1" === "1"...

原创 arry.splice() 方法 删除数组中的元素

定义和用法splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。在本例中，我们将创建一个新数组，并向其添加一个元素：<script type="text/javascript">var arr = new Array(6)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"arr[3] = "James"arr[4] = "Adrew"arr[5] = "Martin"document...

原创 Antd Table rowSelection属性翻页后丢失前页选中项的思考以及处理方案

出现这个问题的时候我去看了一下antd官网上的例子很奇怪，官网上的是不会出现选择后翻页会丢失的问题后来经过观察发现，他们的数据压根不是翻页的数据（我们后台向前台返回table数据的时候一般是返回十条或者xx条），antd官方的数据是for循环生成的，不用加pagination属性就可以自动分页所以人家不用考虑这个问题但是实际项目中不可能直接吧所有数据返回回来，一定是分页后的再次翻看table组件的api（多理解，多看！这很重要）onSelect方法和onSelectall..

原创 Antd 穿梭框（Transfer）内部为树结构 动态数据的使用方法

Antd 穿梭框（Transfer）内部为树结构 动态数据的使用方法 <Transfer dataSource={transferDataSource} //所有节点（如果是树结构的也要遍历修改为list） targetKeys={targetKeys} //已经移动到右边的数据 showSelectAll={false} selectAllLabels={null} className="tree-

原创 Antd Form踩坑记录（提交表单时获取不到数据）

乍一看我代码一点毛病没有啊！！！！！！！！！！！！一个小时后。。。。。。同事看了一眼说不能有空格，有个空格都获取不到表单数据嗯。。。。。。。。。。。。知道了吧

原创 js集合.数组求差集（ES6）

const uplist = (data1,data2) => { let set1 = new Set(data1) let set2 = new Set(data2) let subset = [] for (let item of set1) { if (!set2.has(item)) { subset.push(item) } } return subset}

原创 手机号正则

pattern: /^(00|\+|[0-9])[1-9]{1}([0-9][\s]*){9,18}$/,

原创 邮箱正则

pattern: /^[0-9-A-Za-zd]+([-_.][0-9-A-Za-zd]+)*@([0-9-A-Za-zd]+[-.])+[A-Za-zd]{2,5}$/ ,