使用vue简单实现选项卡切换效果 简单写了点样式,自行复制查看 附代码 <style scoped> .menu{ display: flex; align-items: center; } .menu span{ color:...
最近做项目,需要获取到近30天的日期来获取对应的内容,如下图 写了个demo,加了些拼接判断,拼接成 01-01这种类型,如下代码,代码有点杂乱,反正需求是出来了,如果有什么更简单的,欢迎评论留言。 // 获取月日 let times = ...
今天看到很多博客,有一个统计网站运营时间,突然也想给网站添加那么一个,于是网上也整理了一个,稍作修改。 目前样式没有去写,改天有空我会再次更新本文。 HTML代码,我们将它放置网站需要显示统计时间的地方 <span id="share...
瀑布流网页页面效果目前是一种很常见的布局,下面使用原生js实现一个瀑布流效果,附代码如下 复制代码,图片路径自己修改即可 <style type="text/css"> *{ margin:0; padding:0; } img...
也是上班时遇到,后台接口数据给我反的是一个时间戳,需要转化为日期时间展示到前台,方法如下: 首先大家先参考下面代码 // 下面一句代码是获取一个时间对象 //时间戳,填写你需要转换的内容 var date = new Date(时间戳); ...
最近上班做项目,需要用到一个类似支付宝/微信支付时候的密码输入框,这种输入框需要判断很多,只能输入数字,并且从第一位输入,如果输入字母会不显示(也就是没输入,为空,直到输入数字才可以),第一位输入完成之后光标进入第二位,以此类推,并且删除又...
选项卡是网站非常常见的效果,大多都是利用了css属性中的display,下面陌涛给大家带来vue中使用v-show来简单实现选项卡效果。 在开始之前,大家得先在页面中引入VUE <style> #app{ width: 400p...
大部分网站,都会给部分文章图片或者封面图片添加一个懒加载效果,从而减少一次性向服务器进行大量请求。 下面,陌涛就给大家讲解下给网站添加懒加载教程,其实就是将图片src赋值为一张指定的图片,当用户滚动滚动条到可视区域图片时候,再去加载真正的图...
在各种浏览器中存在三种事件模型:原始事件模型( original event model),DOM2事件模型,IE事件模型.其中原始的事件模型被所有浏览器所支持,而DOM2中所定义的事件模型目前被除了IE以外的所有主流浏览器支持。 浏览器事...
在很多文章页面,可能文章比较多,在一半之后,会有个按钮之类"点击阅读全部/查看更多/阅读剩余内容",点击之后就会显示所有隐藏的内容,在之前,陌涛一直没写过写个效果,刚好今天开发项目遇到了,就给大家简单讲解下此效果的一个小方法,方法可能不是最...
在使用VUE时,不能直接对节点直接进行操作,所以可能大家需要操作dom获取节点或者通过mounted来对节点进行操作,那么陌涛给大家带来下面两个方法讲解 第一种:通过选择器来获取 template中代码 <template> &...
目前,大多网站,都有点击返回顶部效果,尤其是页面内容比较多的网站,有了点击返回顶部,不需要用户翻阅上去,直接点击之后滚动到顶部,一般情况下,都是在网站右下角有个固定定位的小火箭/飞机等之类的图标; 当然是用锚点链接也是也可做到,但是给用户体...
很多网站效果,当页面向下滚动到某高度时候,导航栏或者其他会悬浮固定到顶部或某个位置,那么下面陌涛就给大家简单介绍下 css代码 <style> .show{ position: fixed; top: 0; } #nav{ wi...
懒加载:首先将图片的src链接设为同一张图,并将其真正的图片地址存储在img标签的自定义属性中。当js监听到该图片元素进入可视窗口时,即将自定义属性中的地址存储到src属性中,达到懒加载的效果。 顾名思义,简单理解就是 当页面打开,首先所有...
大家好,本次在开发项目中,点击按钮,弹出一个自定义的弹出窗口和遮罩层,因为页面的超出一屏,有滚动条,但是想让弹出窗时候,禁止浏览器滚动,那么就简单写一个方法给大家。 首先,我们打开我们的txt文本,开始敲代码吧! 嗯... 算了,不装逼...