前端
富尔牛
这个作者很懒,什么都没留下…
展开
-
2021-05-16
两行CSS代码教你实现简单轮播、先上图像这种图片轮播效果,我们经常再某宝某站上能看到。那如何用最简单的CSS代码实现这种效果呢?下方安排一、页面基本布局HTML部分:<body> <main> <section> <div> <img src='http://i0.hdslb.com/bfs/feed-admin/98bb7原创 2021-05-16 22:03:52 · 118 阅读 · 0 评论 -
CSS绘制渐变黑白背景栏
CSS渐变绘制黑白背景栏1. 简单的CSS效果预览2. background没错,你没有看错,就是这么简单,如果还想了解更多CSS实用技能,请继续关注!1. 简单的CSS效果预览看完了上面的一些CSS样式,你会不会以为就是通过一个image链接的一张图片呢,其实这些都是通过一行CSS实现的。2. background我们通常会使用background属性来为网页添加背景图片,来实现炫酷的背景效果。其实处理添加外部的背景图片,我们还可以通过radial-gradient、linear-grad原创 2021-03-17 13:23:45 · 748 阅读 · 2 评论 -
Js一招教你获取当月天数
Js一招教你获取当月天数@TOCJS如何获取指定月份的天数有一次前端面试,面试官问我Date对象能不能直接获取任意月份的天数,我想了以下说可以,可以通过getDate()方法获取。结果面试官说不可以,暗道糟糕,我知道通过getDate()是可以获取任意月份的天数的。但是不能够直接获取,需要其他参数的配合,但是想不起来是什么了,最后面试失败。痛定思痛,来与大家分享Js如何获取任意月份的天数。1. getDate首先我们先来了解以下Date对象的getDate方法,链接如下Date.prototype.原创 2020-08-14 12:26:20 · 2555 阅读 · 2 评论 -
如何利用原生JS优雅地实现滚动动画
如何利用原生JS优雅地实现滚动动画在很多页面中,我们都会看到滚动的效果,比如说回到顶部、轮播图等等,这里的滚动效果到底是怎么优雅又简洁地实现呢?接下来就以一个小小的demo与大家共同学习。下图是一个简单的页面有一个按钮,一个box,点击按钮box将会优雅地降速水平移动到500px的位置。接下来一起来看js代码吧。// 获取box与元素let box = document.querySelector('div')// 1. 获取btn元素,绑定点击事件let btn = document.qu原创 2020-05-27 22:25:55 · 549 阅读 · 0 评论 -
原生JS实现京东放大镜效果
js实现京东放大镜效果我们经常会在京东、淘宝上看到一个效果鼠标放到商品图片上会出现一个遮罩框,右侧会显示一个商品的大图细节,今天就来尝试一些自己写一个实现代码:首先,将实现过程分为三个步骤鼠标移入商品时,出现一个放大镜遮罩框;鼠标移出,遮罩框消失遮罩框的位置跟随鼠标的移动而移动,但移动范围仅限为放置商品图片的盒子右侧的大图随着放大镜的移动而移动,显示当前大图效果在这里我们对HTML、CSS简单书写,主要对JS代码进行分析:1.当鼠标移入左侧盒子的时候,出现放大镜以及右侧大图;移除后,放原创 2020-05-25 23:11:58 · 612 阅读 · 0 评论 -
手把手教你Javascript如何实现冒泡排序
冒泡排序的Javascript实现任何语言实现冒泡排序的逻辑都大同小异,因为代码取决于算法,算法是固定的。要成功实现这一算法,主要有三步:确定外层遍历的遍数:假如有一个数组arr = [2,1,3,1,91,0,10],这个数组内部数据的排序情况我们是不知道的,所以最好是一个一个地依次比较。首先拿数组中的第一个依次与剩下的所有数字比较,在这个过程中把最大的值就比较出来了,并放到数组的最后一...原创 2020-05-06 23:01:31 · 225 阅读 · 0 评论 -
webpack中使用Vue小结
关于在webpack中使用Vue的相关心得1.安装vue包:npm i vue -s完成这个命令后,最新vue包就会自动添加到本项目的node_modules中2.由于在webpack中推荐使用vue这个组件模版定义组件,所以需要安装能解析这种文件的loader,npm i vue-loader vue-template-complier -Dwebpack老版本做到这个时候就...原创 2019-08-06 18:09:36 · 120 阅读 · 0 评论