- 博客(12)
- 收藏
- 关注
原创 数组map一定不影响原数组?
相信很多人都有用过数组的map方法,都知道map在不影响原数组的情况下,会返回一个新数组。但是当map的数组是非基础类型数据时,是否还能不影响原数组?这是由于基础类型是栈内存存name value ,而引用类型的栈内存中的value存放的是其数据的堆内存地址,而其数据则存放在堆内存中,我们对于引用类型的赋值若未深拷贝则是会直接修改到原数据,所以,如何处理这个问题呢?结论:map如何遍历的数组结构是非基础类型时,会修改到原数组数据。很简单,提前深拷贝需要处理的数组,这样就不会直接修改到原数组。
2022-11-23 20:45:00
757
原创 vue---watch与computed监听data
细心的朋友会发现,为什么简单的属性监听有时会要调用computed?这是因为处理场景的需求,computed和watch都是用来按照vue的特性跟踪监听属性变化的,所以当,我们需要对某个特殊的场景进行监听时什么时候用computed、watch?按官方最简单理解:computed监听一个值受多个值影响时watch 监听简单的一个值只对新旧属性进行判断时,只要看是否要深度监听一般业务场景,复杂的逻辑大多都是用computed去监听的。
2022-11-18 22:30:00
1443
原创 useSelector、useDispatch、useStore优化useContext替换redux
redux-react-hook写法,react-edux的useSelector、useDispatch、useStore优化useContext
2022-07-26 16:12:49
871
原创 前端网站SEO优化
seo、sem简单理解提醒:单页面程序seo优化不好服务器渲染网站,seo好做(动态title、description等)SEM,Search Engine Marketing 搜索引擎营销。SEM的直接理解:在例如 google、百度这样的搜索引擎上,会产生基于关键词的搜索。所有基于关键词的搜索结果页面上进行的营销,都可以叫做SEM。SEO,Search Engine Optimization 搜索引擎优化。是指在了解搜索引擎自然排名机制的基础上,对网站进行内部及外部的调整优化,提升网页在搜
2022-03-27 11:34:38
1041
原创 try-catch-promise错误捕获
写这篇博客的原因,基于在别的地方看见别人说用try-catch捕获promise错误,而本人不解,try怎么能捕获到异步promise的错误呢,于是有了下面本人的一些尝试与理解。了解promise的catch捕获的错误,与如何用try catch去捕获promise的错误1. 简单回顾promisepromise是一个构造函数,于是你可以newpromise有两个回调函数,resolve:表示成功,reject:表示失败promise的状态:pending、resolve、reject。(这.
2022-03-26 12:18:49
5823
3
原创 formik-yup书写React表单验证
使用formik和yup是为了解决react-form表单验证的繁琐不使用插件,form表单验证利用onChange事件触发写的表单规则再分别对不同type书写规则验证逻辑为表单定义state// 关键代码逻辑//组件触发区<TextField id="ResetEmail" type="email" label="E-mail" onChange={this.handleInputChange} value={ResetEmail}.
2022-03-15 12:57:41
1454
原创 useReducer、useContext替代redux方案
先简单复习一下redux工作流程#mermaid-svg-nCvKmte5Ot8lM6qB {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-nCvKmte5Ot8lM6qB .error-icon{fill:#552222;}#mermaid-svg-nCvKmte5Ot8lM6qB .error-text{fill:#552222;stroke:#552222;}#me
2022-03-13 14:18:19
979
原创 WEB性能优化--懒加载--预加载
WEB性能优化–图片媒体篇目的为了提升客户端效果体验。原生js实现(懒加载)原理:图片的getBoundingClientRect().top高度 是否小于当前可视视图高度,小于则把data-src的url替换给src1、第一种方法:获取对应元素举例顶部的距离来判断。// onload是等所有的资源文件加载完毕以后再绑定事件window.onload = function(){ // 获取图片列表,即img标签列表 var imgs = document.querySelectorA
2022-03-09 10:12:22
414
原创 js深浅拷贝(原理简单解读与方法总结)
需要懂的基础知识堆栈stack 栈 ,由自动分配的内存空间,由系统自动释放heap 堆 ,动态分配的内存,堆存数据随机存放 将指针指向栈内存js数据类型基本数据:变量与值都是在栈中引用数据,就是变量存在栈,但是值是对象,这个是保存在堆内存中的基本数据类型:undefined、null、boolean、number、string,这些类型按值访问,可以操作保存在变量中的实际值引用数据类型:object、array、function、date对象等,大概就是一个对象可以由多个值组成
2022-02-28 17:56:58
1602
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人