Campanulata-优快云博客

原创一行代码实现页面平滑滚动

这个方法虽然现在兼容性不怎么好，但是只一行代码，简单方便易操作，而且更符合渐进增强，这个是从别的地方看来的，具体是哪我也忘了，如果有人看到了可以告诉我，我把这个的出处写上 <ul class="menu"> <li><a href="#html">html</a></li> <li&

2018-09-05 16:48:44 2660

原创一个简单的菜单hover效果

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body,html{ padding: 0; mar

2018-09-05 15:33:03 954

原创 js实现正金字塔

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/j

2018-08-20 14:47:11 7368

最近项目中需要截取文章发布时间和文章摘要，然而后台给的时间精确到秒，这不是设计师所需要的，那么作为前端，在获取到这样的时间的时候，就要把年月日后边的时分秒去掉，那么问题来了，本来是很简单的一个需求，可是我对闭包和作用域链不熟啊，把时间去掉之后怎么再把数据准确的铺到页面上呢？于是乎，一个机智的方法出现了，Vue不是可以有过滤器这个东西吗？那我自己写个过滤器不就好了？那么时间这部分就搞定了，可是文...

2018-07-18 10:07:20 206

原创 VUE学习心得(持续更新ing!)

这篇博文将长期更新，将会是我自己踩得坑，自己爬坑的总结1.组件部分在Vue的components里边，每个template 里边的元素，必须有一个大的盒子完整包裹<template> <Carousel v-model="value1" loop> <CarouselItem> <div cla...

2018-07-13 17:04:02 608

原创折线图分隔线设置

又一个神奇的坑，再一次爬坑成功这次是让设置echarts的分隔线颜色先上个echarts的默认颜色图实际需要的是分隔线颜色浅一点，如下图是在哪设置的呢？在一个神奇的地方yAxis: { type: 'value', //分隔线样式 splitLine:{ show:true, lineStyle: { color: "#485061" } } },就是...

2018-07-03 11:53:00 1688

原创给盒子添加花样边框的方法

这两天做项目遇到一个需要给盒子添加不同边框的需求，因此自己研究了一下，先上图看看成品的样子在没仔细想的时候，我用的是分开切图的方法，然后分别设置，最后发现不对，达不到想要的效果。之后仔细研究了border-image,发现了一个以前没注意过的属性，border-image-slice。下面上代码border: 8px solid #153b4f; border-image: url(../img...

2018-07-03 09:31:04 3063

原创照片墙

算是一个瀑布流吧，作了3d旋转，然后懒得去写json，图片是直接复制粘贴的，如果有其他需要的话，可以用json保存图片地址<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>照片墙</title> <link rel=&q

2018-06-12 16:31:32 380

原创视觉差效果

这个是真的简单，想明白就很简单<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href

2018-06-12 16:18:37 815

原创自动输入

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-3.3.1.min.js" type="text/javascript"

2018-06-12 16:15:41 1847

原创随机

运用随机函数实现随机显示颜色和位置<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-3.3.1.min.js" type="text

2018-06-12 16:12:22 243

原创垂直居中

vertical-align: middle;垂直居中的实现方法<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> bod

2018-06-12 16:09:32 232

campanulata的博客