- 博客(12)
- 收藏
- 关注
RSS订阅原创 数组map一定不影响原数组？
相信很多人都有用过数组的map方法，都知道map在不影响原数组的情况下，会返回一个新数组。但是当map的数组是非基础类型数据时，是否还能不影响原数组？这是由于基础类型是栈内存存name value ，而引用类型的栈内存中的value存放的是其数据的堆内存地址，而其数据则存放在堆内存中，我们对于引用类型的赋值若未深拷贝则是会直接修改到原数据，所以，如何处理这个问题呢？结论：map如何遍历的数组结构是非基础类型时，会修改到原数组数据。很简单，提前深拷贝需要处理的数组，这样就不会直接修改到原数组。
2022-11-23 20:45:00
691
1
原创 vue---watch与computed监听data
细心的朋友会发现，为什么简单的属性监听有时会要调用computed?这是因为处理场景的需求，computed和watch都是用来按照vue的特性跟踪监听属性变化的，所以当，我们需要对某个特殊的场景进行监听时什么时候用computed、watch？按官方最简单理解：computed监听一个值受多个值影响时watch 监听简单的一个值只对新旧属性进行判断时，只要看是否要深度监听一般业务场景，复杂的逻辑大多都是用computed去监听的。
2022-11-18 22:30:00
1365
原创 useSelector、useDispatch、useStore优化useContext替换redux
redux-react-hook写法，react-edux的useSelector、useDispatch、useStore优化useContext
2022-07-26 16:12:49
741
原创 前端网站SEO优化
seo、sem简单理解提醒：单页面程序seo优化不好服务器渲染网站，seo好做（动态title、description等）SEM，Search Engine Marketing 搜索引擎营销。SEM的直接理解：在例如 google、百度这样的搜索引擎上，会产生基于关键词的搜索。所有基于关键词的搜索结果页面上进行的营销，都可以叫做SEM。SEO，Search Engine Optimization 搜索引擎优化。是指在了解搜索引擎自然排名机制的基础上，对网站进行内部及外部的调整优化，提升网页在搜
2022-03-27 11:34:38
790
原创 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
5313
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
1371
原创 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
879
原创 WEB性能优化--懒加载--预加载
WEB性能优化–图片媒体篇目的为了提升客户端效果体验。原生js实现（懒加载）原理：图片的getBoundingClientRect().top高度 是否小于当前可视视图高度，小于则把data-src的url替换给src1、第一种方法：获取对应元素举例顶部的距离来判断。// onload是等所有的资源文件加载完毕以后再绑定事件window.onload = function(){ // 获取图片列表，即img标签列表 var imgs = document.querySelectorA
2022-03-09 10:12:22
342
原创 js深浅拷贝（原理简单解读与方法总结）
需要懂的基础知识堆栈stack 栈 ，由自动分配的内存空间，由系统自动释放heap 堆 ，动态分配的内存，堆存数据随机存放 将指针指向栈内存js数据类型基本数据：变量与值都是在栈中引用数据，就是变量存在栈，但是值是对象，这个是保存在堆内存中的基本数据类型：undefined、null、boolean、number、string，这些类型按值访问，可以操作保存在变量中的实际值引用数据类型：object、array、function、date对象等，大概就是一个对象可以由多个值组成
2022-02-28 17:56:58
1510
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人