- 博客(29)
- 收藏
- 关注
RSS订阅原创 vue3中keep-alive实现路由缓存
在商城类项目中我们会遇到这样的需求，一个商品列表页，点击其中一个商品进到详情页返回后还是原来的列表状态，为此我们可以使用vue里面的一个组件keep-alive，它可以用来缓存不活动的组件，它本身不会渲染。1. 可以在路由里面配置需要缓存的路由页面，router/index.js文件。2. 在app.vue写以下代码，keep-alive包含需要缓存的组件。3. 实现页面滚动行为，回到原来的位置。以上就是vue3中的实现。
2023-05-05 22:18:01
812
原创 vue父向子传静态数据，子组件立即渲染需要用watch监听
在子组件中，当它得到父组件传递过来的静态数据后，如果直接进行渲染，则可能会触发多余的 DOM 更新和计算。为了避免这种情况的发生，Vue 会在下一次更新时（即下一个事件循环）再进行渲染。当父组件的数据发生改变时，Vue 会将这些更新操作放入一个队列中，等到下一次事件循环时批量处理这些更新操作，这样可以提高性能。在 Vue 中，父组件传递给子组件的数据如果是静态数据（即不是响应式数据），则子组件会在渲染之前立刻获取到这些数据，但是并不会立刻渲染。如果想让数据立即渲染在页面上可以用watch监听想渲染的数据。
2023-04-22 21:05:30
596
原创 商品在固定区域滚动
商品在固定区域滚动是我吗经常到的一个需求，例如一个订单列表，里面有多个商品，区域。就只有这么大展示不了所有的，所以我吗常常需要在这个区域里超出则隐藏，滚动则出现。我们的商品信息是在红色区域里展示，一般超出则隐藏，滚动实现，代码如下。
2023-04-15 11:15:49
146
1原创 react开发中发现的问题
Expected an assignment or function call and instead saw an expression no-unused-expressions Search for the keywords to learn more about each error
2023-03-24 20:07:35
68
原创 结合charCodeA()和toLowerCase()和toUpperCase()实现一个字符串小写转大写大写的函数，即‘aBc’=＞ ‘AbC‘
实现字符串大小写互换涵数
2023-03-20 23:59:41
84
原创 什么是深浅拷贝？
深拷贝对于原始类型时直接复制其变量值，对于引用类型，则是递归到基本类型变量后再复制。深拷贝后的对象与原来的对象是完全隔离的，互不影响，对一个对象的修改不会影响另一个对象。浅拷贝是会把对象的每个属性进行依次复制(原始类型)，但是当对象的属性值是引用类型时，实质复制的是其引用，当引用指向的值改变时也会跟着一起变化。深拷贝和前面的浅拷贝都是针对复杂数据类型（对象及数组）来说的，浅拷贝只拷贝一层，但是深拷贝是层层拷贝。函数库lodash的cloneDeep方法。
2023-03-20 00:11:48
175
原创 聊一聊js中的闭包
在javascript中，根据词法作用域的规则，内部函数总是可以访问外部函数中声明的变量的，当通过调用一个外部函数返回的内部函数后，即使该外部函数已经执行完毕，但是内部函数引用外部函数的变量依然保存在内存中，我们把这些变量的集合称为闭包。因为for循环是同步执行代码，setTimeout时候异步执行代码，var声明的作用域范围在函数作用域范围内，所以js代码中，i是在test这个作用域里，所以当for循环结束后i就等于8，然后setTimeout执行打印8个8。2. 防抖节流，函数颗粒化，bind的实现。
2023-03-16 00:25:29
57
原创 帷幄匠心面经
聊一聊你的项目经验？你用过quill作富文本编辑器，知道它的一些数据格式和api吗？# coding，如何实现一个接口前一个请求的结果是后一个请求的参数，且超时会fail？# 写一个数组加法[1,2,3,[1,2,[2,3,[1,6,6],7],8],6,7]# 写一个日期格式函数，eg:yyyy/mm/dd,yyyy-mm-dd。# async await介绍一下，打印值是什么？# class用过吗，用class写一个继承看看？# 反问，前端团队多大？# 输入url到页面渲染发生了什么？
2023-03-16 00:00:04
119
原创 封装一个原生ajax请请求
安全问题：AJAX技术给用户带来很好的用户体验的同时也对IT企业带来了新的安全威胁，Ajax技术就如同对企业数据建立了一个直接通道。ajax的逻辑可以对客户端的安全扫描技术隐藏起来，允许黑客从远端服务器上建立新的攻击。Ajax不支持Back与History功能，即对浏览器机制的破坏：在动态更新页面的情况下，用户无法回到前一页的页面状态，因为浏览器仅能记忆历史纪录中的静态页面。对搜索引擎支持较弱：如果使用不当，AJAX会增大网络数据的流量，从而降低整个系统的性能。解决的办法：可以先用服务器渲染。
2023-03-14 23:43:47
62
原创 设计模式之观察者模式（Observer）
观察者模式是非常常用的设计模式，它描述了对象一对多依赖关系下，如何通知并更新的机制，这种机制可以用在前端的 UI 与数据映射、后端的请求与控制器映射，平台间的消息通知等大部分场景，无论现实还是程序中，存在依赖且需要通知的场景非常普遍。
2023-03-10 00:12:59
98
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人