前端
Vue3中使用setup监听props
背景描述
子组件展示父组件传来的参数,展示的信息随着父组件上tab的切换动态更新。
一开始的想法是单独监听这个传递的参数,但看了VUE3的文档之后,似乎对参数的监听必须精确到属性。例如参数为
{
name: 'Doctor',
gender: 'Timelord'
}
需要在子组件的watch中写明监听的是name还是gender。
该参数中有很多可能会改变的属性,一一监
拖拽不够自由?Vue3 DnD它来了!
前言
众所周知,在React中有一款非常强大的拖拽库,叫React DnD,而Vue中,大部分都是类似于vue.draggable等拖拽排序的库,然而它并不能满足我们所有的需求,特别是应对一些自由拖拽或混合拖拽的场景(例如:低代码),它是很难做到的,所以vue3-dnd它来了!
React DnD
React DnD 是 Redux 核心作者 Dan Abramov 创造的一组 React 工具库
微信小程序实现tabbar凹凸圆选中动画
1.实现效果
c41eaaf41cb24d0ea8231e3d89131854.gif
2.实现原理
2.1 引入阿里巴巴矢量图标
可参考文章:微信小程序引入外部icon(阿里巴巴矢量图标)
2.2 css函数var
css的var函数:var() 函数用于插入自定义的属性值,如果一个属性值在多处被使用,该方法就很有用。
语法:
var(custom-property-name,
#什么是防抖和节流,他们的应用场景有哪些
防抖(debounce)
触发高频事件后 n 秒内函数只会执行一次,如果 n 秒内高频事件再次被触发,则重新计算时间
#示例代码:
节流(throttle)
高频事件触发,但在 n 秒内只会执行一次,所以节流会稀释函数的执行频率
#示例代码
#总结 (简要答案)
防抖:防止抖动,单位时间内事件触发会被重置,避免事件被误伤触发多次。代码实现重在清零 clearTim
解决element-ui中的el-select选择器无法显示选中内容的问题
问题描述:今天本人在编写前端页面时突然发现引用的element-ui中的el-select选择器无法显示选中内容,但是当我把表单数据全部填写完后打算上交时,el-select选择器的内容又能够出现我首次选择的东西了,但是点击其它无效,不能够切换数据。对数据修改时毫不影响el-select选择器的使用。
问题代码:
<div class="form-group">
<
彻底理解粘性定位 - position: sticky
粘性定位可以被认为是相对定位(position: relative)和固定定位(position: fixed)的混合。元素在跨越特定阈值前为相对定位,之后为固定定位。例如:
.sticky-header { position: sticky; top: 10px; }
在 视口滚动到元素 top 距离小于 10px 之前,元素为相对定位。之后,元素将固定在与顶部距离 10px 的位置,直到
iOS开发 APP跳转到设置或系统页面
iOS10以前
打开设置应用: UIApplication.openSettingsURLString
打开通用设置: App-Prefs:root=General
打开关于本机: App-Prefs:root=General&path=About
打开软件更新: App-Prefs:root=General&path=SOFTWARE_UPDATE_LINK
打开网络设
前端核心知识:Vue 3 编程的 10 个实用技巧
文章目录
1. **使用 `ref` 和 `reactive` 管理响应式数据**
原理解析
代码示例
注意事项
2. **组合式 API(Composition API)**
原理解析
代码示例
优势
3. **使用 `watch` 和 `watchEffect	
109:SE SPEC编写以及程序要点注意
最近在做一个肿瘤项目,从SDTM SPEC编写到编程都亲手写了一遍,几乎接触了80%的domain,所以,接下来一段时间会一个domain一个domain分享给大家。说实话,真的学到很多,也认识到自己的不足,还是需要学习(真的要吐槽一句,太累了!学无止境,有完没完)
同时你们看到我没有经常更新文章,一部分原因是确实太忙了,另一部分就是精神有点崩溃,工作是一部分原因,YQ被困在家快2个月了也是一部分