snabbdom是比较著名的虚拟dom库,Vue2 diff算法就是借鉴了snabbdom的构思。本文主要对源码核心部分解读,实现一个简易版的snabbdom
自己的开源项目meng-admin登录环节告一段落,部署到线上时遇到了很多问题,例如前端vite开启了base以及使用browser路由模式404的问题,具体的nginx配置见下文
分割面板在日常开发中经常使用,可将一片区域,分割为可以拖拽整宽度或高度的两部分区域。模仿iview的分割面板组件,用angular实现该功能,支持拖拽和[(ngModel)]双向绑定的方式控制区域的展示收起和拖拽功能。
在前端开发中,CSS的transition属性允许我们在一定的时间范围内平滑地过渡一个元素从一种样式到另一种样式。然而,当涉及到高度(height)从0到auto的过渡时,事情会变得有些复杂,因为CSS无法直接计算auto值作为过渡的终点。
<body> <div class="container"> <button class="btn">Hover me!</button> <div class="dropdown"> <div>苹果~</div> <div>香蕉~</div> <div>水蜜桃~</div> <div>橙子~</div> <div>葡萄~</div> </div> </div> </body>
如果给.dropdown添加动画该如何实现呢
解决方法如下,有js方案也有css方案