![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
皆非的万事屋
这个作者很懒,什么都没留下…
展开
-
使用transition实现弹幕滚动效果
想要实现比较理想的弹幕滚动效果还是有一定难度的。这里以vue为基础,讲一种实现弹幕滚动的方法,不考虑重叠,弹幕过长或其他问题。 一个弹幕即为一个组件,所以要实现设计此子组件,即弹幕组件,这里属性要包含该弹幕的位置(随机、定端、底端),大小,颜色,内容等等,由父组件循环渲染并赋值。 &原创 2020-06-04 08:58:47 · 3493 阅读 · 0 评论 -
vue中调整某一div的滚动条始终触底
举一个比较长见的例子,在聊天框中,每一条消息都是一个组件,通过在父组件中根据数据v-for循环出来该组件,接收到消息之后也能快速渲染出来,这是很方便的方法。 但是要注意的一点是,每次该div里添加一条新的消息之后右边的滚动条应该是立马触底的,也就是显示最新的一条消息,因为消息一般都是添加在一个集合的末尾,当然也就是最后渲染,位置在div的最下原创 2020-06-04 08:53:20 · 1083 阅读 · 0 评论 -
html中absolute和relative对子div的宽高的影响
css中的postion是一个比较重要的样式,其中的absolute和relative不仅对自身的位置有影响,对子div的位置也会有影响。 不仅如此,对子div的宽高也有影响。 我们都知道将div的width和height设置为百分比可以实现自适应,但是有时候原创 2020-06-04 08:49:50 · 1159 阅读 · 0 评论 -
WebSocket前端测试源码,可直接复制使用
代码如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>WebSocket测试</title></head><body> <p>WebSocket</p> &l...原创 2020-01-15 11:25:57 · 749 阅读 · 0 评论 -
如何禁止form表单提交但又用到其input的自验证?
我们知道html中的表单一旦提交,路由就会改变,页面跳转到你的action属性中的url。但有的时候想用form表单的自验证,很方便,而且浏览器有自带的提示(chrome),那么方法如下:<form action="javascript:;" onsubmit="submiting()"> <input type="...原创 2019-08-29 20:20:14 · 793 阅读 · 1 评论