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