富尔牛-优快云博客

原创 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 187

原创简单CSS绘制３D贺卡

如何利用CSS绘制一些简单却又炫酷的３D效果呢？首先上图这是一张单纯用CSS实现的３D贺卡，下面一起来看一下事如何实现的：１．ｈｔｍｌ代码 Niu 嗯~ o(*￣▽￣*)o，就这？？？２．ＣＳＳ代码ａ．清除默认样式，以及设置ｂｏｄｙ全屏背景颜色 * { padding: 0; margin: 0; } body { display: flex; justify-con

2021-03-28 21:06:09 1072 1

CSS渐变绘制黑白背景栏1. 简单的CSS效果预览2. background没错，你没有看错，就是这么简单，如果还想了解更多CSS实用技能，请继续关注！ 1. 简单的CSS效果预览看完了上面的一些CSS样式，你会不会以为就是通过一个image链接的一张图片呢，其实这些都是通过一行CSS实现的。 2. background 我们通常会使用background属性来为网页添加背景图片，来实现炫酷的背景效果。其实处理添加外部的背景图片，我们还可以通过radial-gradient、linear-grad

2021-03-17 13:23:45 983 2

原创 Js一招教你获取当月天数

Js一招教你获取当月天数@TOC JS如何获取指定月份的天数有一次前端面试，面试官问我Date对象能不能直接获取任意月份的天数，我想了以下说可以，可以通过getDate()方法获取。结果面试官说不可以，暗道糟糕，我知道通过getDate()是可以获取任意月份的天数的。但是不能够直接获取，需要其他参数的配合，但是想不起来是什么了，最后面试失败。痛定思痛，来与大家分享Js如何获取任意月份的天数。 1. getDate 首先我们先来了解以下Date对象的getDate方法，链接如下Date.prototype.

2020-08-14 12:26:20 2833 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 650

原创原生JS实现京东放大镜效果

js实现京东放大镜效果我们经常会在京东、淘宝上看到一个效果鼠标放到商品图片上会出现一个遮罩框，右侧会显示一个商品的大图细节，今天就来尝试一些自己写一个实现代码: 首先，将实现过程分为三个步骤鼠标移入商品时，出现一个放大镜遮罩框；鼠标移出，遮罩框消失遮罩框的位置跟随鼠标的移动而移动，但移动范围仅限为放置商品图片的盒子右侧的大图随着放大镜的移动而移动，显示当前大图效果在这里我们对HTML、CSS简单书写，主要对JS代码进行分析: 1.当鼠标移入左侧盒子的时候，出现放大镜以及右侧大图；移除后，放

2020-05-25 23:11:58 695

原创深入理解Javascript实现数组去重

数组去重 JavaScript要实现数组去重有很多方法，小编这里就与大家分享最简单的一种。分析算法远比实现代码更重要，因此我们就先描述一下数组去重的实现算法。拿到任意一个数组，数组中有重复的元素。如果不是通过编程，让我们人脑来实现，我们该如何实现呢？很简单，我们通过看就能筛选出重复的数组了。我们会从前往后查看数组，如果后面有一个元素前面已经出现了，我们在脑海中就会过滤掉该元素，最终得到一个去重后的数组。其实计算机也是一样。计算机也需要从前往后查看数组，比较然后筛选，翻译成编程术语就是遍历、去重。我们

2020-05-13 23:00:34 526

原创手把手教你Javascript如何实现冒泡排序

冒泡排序的Javascript实现任何语言实现冒泡排序的逻辑都大同小异，因为代码取决于算法，算法是固定的。要成功实现这一算法，主要有三步: 确定外层遍历的遍数：假如有一个数组arr = [2,1,3,1,91,0,10],这个数组内部数据的排序情况我们是不知道的，所以最好是一个一个地依次比较。首先拿数组中的第一个依次与剩下的所有数字比较，在这个过程中把最大的值就比较出来了，并放到数组的最后一...

2020-05-06 23:01:31 282

原创 Vue实例中this的指向问题

首先让我么看一些代码，先不要往下看，你自己先想一下这里的this分别指的是什么。 <script> var msg = '我是window下的msg' var vm = new Vue({ el: '#app', data: { msg: '我是vm实例中的msg' ...

2019-08-14 17:10:32 2211

原创 webpack中使用Vue小结

关于在webpack中使用Vue的相关心得 1.安装vue包： npm i vue -s 完成这个命令后，最新vue包就会自动添加到本项目的node_modules中 2.由于在webpack中推荐使用vue这个组件模版定义组件，所以需要安装能解析这种文件的loader, npm i vue-loader vue-template-complier -D webpack老版本做到这个时候就...

2019-08-06 18:09:36 178

原创前端小白的入行心得

前端小白的入行心得 #本人是一名大三实习生，目前在杭州市滨江区一家公司实习。实习期为一年，现在刚刚入职一周的时间。在这一周的时间里，我没有为公司做任何事情，整天在公司里学习、学习再学习。经过以后的自我学习，才发现前端深似海，技术更新迭代太快。比如说JS原生基础要十分的扎实，ES6最新变更要及时补漏，还有各种前端框架Vue、React等.至于CSS更是翻天覆地在升级，之前的很多方式例如浮动等都已经渐...

2019-07-21 13:26:09 488

原创如何建立Java1.8与MySQL5.5的第一个连接

对于Java初学者来说，第一次连接数据库总是一件令人头大的事，小编我可是深有体会，因此写下这篇Blog与大家分享，希望与大家共同学习（不喜勿喷）！

2018-11-14 18:05:34 4712 1

富尔牛的博客