weixin_44195250的博客

原创 Warning: Each record in table should have a unique `key` prop,or set `rowKey` to an uniqu

原创 解决报错: `defaultValue` is invalid for `getFieldDecorator` will set `value`, please use `option...

去掉 defaultValue。

原创 使用echarts插件时，发现y值相同，但不是同一条直线，解决方法

原创 2023-06-12 判断数组里的对象是否存在某个值 的方法及 indexOf用法

比如说，这个数组里的对象arr_obj本来就是由obj加进去的，此时obj判断是不是已经加进去了。如果加进去了就不用再加了，这种情况可以适用。注意：indexof 你得确保查找的这个对象与数组内的对象完全一致，对象里每一个键值对的位置都一致，才能说是完全相等的对象。indexof原本并不是用于数组里比较复杂类型的对象，它主要用于简单数据类型。应用js中的indexof方法：存在则返回当前项索引，不存在则返回 -1。因为对象是复杂类型的，得先化成字符串再用indexOf.

原创 正则 大于0小于1000的正整数 && 至少包含：大写字母、小写字母、数字、特殊字符

/^([1-9]|[0-9][0-9]|[1-9][0-9][0-9]|1000)$/

原创 大厂面试中一些面试题

大厂面试中一些面试题编程题实现Promise实现xss-filter实现正则获取url params合并n个有序链表渲染一个超长的list，实现dom节点的复用random7实现random10实现正则切分千分位（10000 => 10,000）实现正则切分银行卡卡号（像实体卡一样四位一个空格）实现jsonp判断一个ipv4地址是否存在已有的1000万条ipv4地址中（bitmap）实现bind，实现new一次可以走一步或者两步，n个阶梯的楼梯有多少种走法实现扫雷（二维数组

原创 Git常用命令 git commit -anm ‘xxxxx‘ && git pull origin xxxx

git commit -anm ‘xxxxx’ 因为有ESlint 检测会导致提交不了 这行代码可以强行提交git pull origin xxxx 将本地分支 合并到主分支上

原创 关于echarts x轴为年月日 超出线的左端、数据量少时的x轴展示不居中、y轴垂直方向展示不居中 解决方案

原因是因为UI的原型图去掉了y轴的显示轴线 ，提出下列问题如图一所示 2019超出了一点点解决方案 xAxis: [ type: 'category', min:function(value){ return value.min -7 }, ],

原创 关于使用datepicker中的disabledDate细节

上图是官网实例画重点return current && current.getTime() > Date.now();项目里有个需求 禁用今天之后(不含今天) 禁用今天前的32个自然日,代码如下return current < moment().subtract(33，'day')|| current > moment();禁用今天之前（不含今天）32个自然日禁用今天之后（不含）moment官网解释subtract()...

原创 ant DatePicker 时间日期禁用

//限制当天之前的日期不可选 disabledDate(current) { return current && current <moment().subtract(1, "days"); //当天之前的不可选，不包括当天 //return current && current < moment().endOf("day");当天之前的不可选，包括当天 }...

原创 记录一下 关于内网开发 git的事2020-11-3

好久不用 git命令行因为vsCode没更新远程分支导致切换不了新的分支这里记录一下首先 git branch -a 查看本地和远程的分支，绿色的是本地分支，红色的是远程的git remote update origin --prune 更新远程分支 后续有用到别的命令再更新...

原创 如何判断一个变量是对象还是数组？

判断数组和对象分别都有好几种方法，其中用**prototype.toString.call()**兼容性最好。function isObjArr(variable){ if (Object.prototype.toString.call(value) === "[object Array]") { console.log('value是数组'); ...

原创 为什么会有同源策略？ 什么情况下会碰到跨域问题？有哪些解决方法？

1、同源策略是为了保护网站的安全，防止用户信息泄露，防止身份伪造等(读取Cookie)2、ajax请求不到数据的时候3、jsonp声明一个回调函数，其函数名(如fn)当做参数值，要传递给跨域请求数据的服务器，函数形参为要获取目标数据(服务器返回的data)。创建一个<script>标签，把那个跨域的API数据接口地址，赋值给script的src,还要在这个地址中向服务器传递该...

原创 W3C标准的盒子模型就是我们常说的标准盒模型、IE标准盒模型就是怪异盒模型

正向代理和反向代理的区别：正向代理:客户端 <一> 代理 一>服务端以租房为例：

原创 面试题924

1、css js放置位置和原因js是阻塞加载，会影响页面加载的速度，如果js文件比较大，算法也比较复杂的话，影响更大。CSS放在前端是页面渲染时首先是根据DOM结构生成一个DOM树然后加上CSS样式生成一个渲染树，如果CSS放在后面可能页面会出现闪跳的感觉，或者是白屏或者布局混乱样式很丑直到CSS加载完成。说到这那我们就有必要先了解一下网站加载的整个完整过程了。1.首先浏览器从服务器接收到...

原创 前端面试50道不带答案

1、prototype和__proto__的关系是什么？2、meta viewport原理是什么？3、域名收敛是什么？4、float和display:inline-block的区别是什么？5、前端优化策略列举6、首屏、白屏时间如何计算？7、解释一下闭包8、解释一下作用域链9、ajax如何实现，readyState的五种状态的含义？10、jsonp如何实现？11、怎么处理跨域？...

原创 就针对BFC的理解

BFC是什么？首先说一下BFC是什么，概念从哪里来？BFC全称叫做（Block Formatting Context）中文叫块级格式化上下文，是一个网页的概念。网页是一个一个盒子组成的，那么这个BFC到底有什么用途呢？看下面具体分析。怎么触发BFC根元素浮动元素：float 除 none 以外的值绝对定位元素：position (absolute、fixed)display 为 inl...

原创 对promise的理解，及面试题

常见的异步操作为什么要执行异步操作？因为JS是单线程的操作，但是有时候例如ajax请求，需要请求数据，这个请求需要耗费很多时间，这个时候我们就需要异步操作，如果不使用异步操作，等待请求会造成线程阻塞。1.回调函数（callback）回调是一个B函数被作为一个参数传递到A函数里，在B函数执行完毕后执行A函数例子：function A(callback){var m = 1;v...

原创 就针对回流与重绘的理解

当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候。在回流的时候，浏览器会使渲染树中受到影响的部分失效，并重新构造这部分渲染树，完成回流后，浏览器会重新绘制受影响的部分到屏幕中，该过程就是重绘。当render tree中的一些元素需要更新属性，而这些属...

原创 react中的hooks

函数组件VS类组件函数组件：优点：运行速度快，没有状态，也没有生命周期 只会有view层 ui组件类组件：优点：可以存储组件所需要的组件 以及继承过来的一些生命周期的调用思考：能否函数组件和类组件做一个结合Hooks：让函数组件拥有类组件的一些功能（存储状态 生命周期）存储当前组件所需要的一些状态参数：所需要的状态值hooks中用到的生命周期：hooks的基本使...

原创 context: 跨组件传值

context:跨组件传值方法包裹value时传递给子组件的GlobalContext .provider子组件-消费者GlobalContext.Consumer里面要写函数否则会报错context: 跨组件传值1、通过React.createContext创建全局的GlobalContext（来创建一个Context）2、3、4、...

原创 前端面试题整理

请你谈谈 Cookie 的弊端？缺点： 1.Cookie数量和长度的限制。每个 domain 最多只能有 20 条 cookie，每个 cookie 长度不 能超过 4KB，否则会被截掉。2.安全性问题。如果 cookie 被人拦截了，那人就可以取得所有的 session 信息。即使加密 也于事无补，因为拦截者并不需要知道 cookie 的意义，他只要原样转发 cookie 就可...

原创 初级前端面试题HTML5 CSS3 JS VUE

整理的不全还有一些在https://blog.csdn.net/weixin_44195250/article/details/96841612HTML5 CSS31、元素水平垂直居中1.css3的transform：.ele { position: absolute; top: 50%; left: 50%; transform: transla...

转载 ---Mock---基本使用

一、mock解决的问题开发时，后端还没完成数据输出，前端只好写静态模拟数据。数据太长了，将数据写在js文件里，完成后挨个改url。某些逻辑复杂的代码，加入或去除模拟数据时得小心翼翼。想要尽可能还原真实的数据，要么编写更多代码，要么手动修改模拟数据。特殊的格式，例如IP,随机数，图片，地址，需要去收集二、mock优点1、前后端分离　　让前端工程师独立于后端进行开发。2、增加单元测试的真实...

原创 2023-commit 回退

【代码】commit 回退。

原创 80端口知识

而8080，一般与webcache，完全不一样的两个，比如linux服务器里apache默认跑80端口，而apache-tomcat 默认跑8080端口，8080端口可以被各种病毒程序所利用，比如Brown Orifice（BrO）特洛伊木马病毒可以利用8080端口完全遥控被感染的计算机。是在输入网站的时候其实浏览器(非IE)已经帮你输入协议了，所以你输入http//baidu.com，其实是访问 http://baidu.com:80，所以本地端口80默认可以不输入。

原创 antd 表单校验问题记录&解决方案

标题 和 内容 打开 修改窗口 再点击确定 的时候。首先描述 场景 因为页面较为简单 只有。再点击 打开新增窗口 表单校验 爆红。

原创 form表单 校验

【代码】form表单 校验。

原创 fixed-视频倍速

数字3 就是多少倍速 可以替换想要的倍速。然后进入console控制台。首先fn12打开开发者模式。

原创 红绿灯html 版

Document

原创 JS实现拖拽 不出浏览器 距边50px吸附 html版

拖拽

原创 2023-react 解决警告Warning: Each child in a list should have a unique “key” prop.

【代码】react 解决警告Warning: Each child in a list should have a unique “key” prop.

原创 小红书pc版 网址

小红书pc版。

原创 爱心html 代码

爱心💗

原创 a 标签禁用点击事件跳转

众所周知 a标签是没有 disable 禁用的这里可以使用 pointerEvents 对a标签进行禁用

原创 Antd table 自定义列

const columns = [ { title: "字段名称", dataIndex: "aa", key: "aa", width:192 }, { title: "输出内容", dataIndex: "bb", //实际字段看接口的返回字段名称 这里只是演示 key: "bb", width:768 },

原创 知乎学习记录

1、大猪蹄子研究院大猪蹄子研究院依赖于在useEffect中变化的状态，如何避免频繁渲染2、WangHaoyuAsync是如何被JavaScript实现的 3、Wayne【React】setState 同步/异步4、buuug今天让你彻底搞懂setState是同步还是异步...

原创 自己总结面试题 持续更新中 const arr = ‘/foo/bar/vcx‘ const {log} = console log(arr,“arr“) 经常console小技巧

var a=2; function foo(){ var a=3; console.log(a,"函数"); } foo();//3,"函数" console.log(a);//2

原创 对比数组中最大最小元素

apply 方法求数组中的最大最小值var a=[1,2,3,5];console.log(Math.max.apply(null, a))console.log(Math.min.apply(null, a))ES6 求数组中的最大最小值let Arrp = [1,2,3,4,5,6]let MaxArrp = Math.max(…Arrp)let MinArrp = Math.min(…Arrp)console.log(MaxArrp)console.log(MinArrp)1、命令

原创 antd 组件小知识点 之Modal

常规 class 类组件 关闭谈框时 可能需要 情况 里面的元素 如state值有一个 官方文档 的API 提供了一种方法关键词destroyOnClose注意#<Modal /> 默认关闭后状态不会自动清空, 如果希望每次打开都是新内容，请设置 destroyOnClose。<Modal /> 和 Form 一起配合使用时，设置 destroyOnClose 也不会在 Modal 关闭时销毁表单字段数据，需要设置 <Form preserve={false}