04 2018 档案

jQuery实现一个简单的轮播图
摘要：实例代码： 运行效果： 麻雀虽小，五脏俱全 阅读全文
posted @ 2018-04-30 17:01 指间流逝的夏末 阅读(955) 评论(0) 推荐(0)
jQuery复选框全选反选与不选
摘要：示例代码： 复制黏贴运行即可看效果 阅读全文
posted @ 2018-04-28 10:39 指间流逝的夏末 阅读(191) 评论(0) 推荐(0)
Vue学习—生命周期和钩子函数的一些理解
摘要：生命周期示意图： 示例代码： <!DOCTYPE html> <meta charset="utf-8"> <html> <head> <title>vue生命周期</title> </head> <body> <div id="app"> <p @click="add">{{ message }} 阅读全文
posted @ 2018-04-27 09:24 指间流逝的夏末 阅读(140) 评论(0) 推荐(0)
奇妙的CSS3—一个简单的阴影效果
摘要：实例代码： 运行效果： 阅读全文
posted @ 2018-04-23 20:17 指间流逝的夏末 阅读(117) 评论(0) 推荐(0)
Vue学习—组件的学习
摘要：1、什么是组件？ 组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素， Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。 定义组件一般有以下三种 阅读全文
posted @ 2018-04-18 00:12 指间流逝的夏末 阅读(486) 评论(0) 推荐(1)
Vue学习—Vue写一个图片轮播组件
摘要：1、先看效果： 熟悉的图片轮播，只要是个网站，百分之90以上会有个图片轮播。我认为使用图片轮播。 第一可以给人以一种美观的感受，而不会显得网站那么呆板， 第二可以增加显示内容，同样的区域可以显示更多内容。 2、每学一个新东西 ，图片轮播都是很好的练手案例，而且，也很实用。 3、基本要求：页面加载，自 阅读全文
posted @ 2018-04-17 21:13 指间流逝的夏末 阅读(32959) 评论(0) 推荐(2)
奇妙的CSS3—导航栏下划线跟随效果
摘要：先来看一下效果： 1、基本效果就是这样的 ，鼠标悬停，下划线划入。鼠标离开，下划线划出 2、下划线的划入是有方向的，从左侧划入悬停，下划线由左向右伸长。从右侧划入，下划线由又往左伸长 实现思路 1、导航是由ul+li组成的，在这里显然li 的宽度是不固定的。所以，我们可能需要从 li 本身的宽度上做 阅读全文
posted @ 2018-04-16 22:40 指间流逝的夏末 阅读(2819) 评论(0) 推荐(0)
一个实现 手机端“输入验证码 ”效果Demo
摘要：之前在“掘金”上看到这样一个demo 我觉得很有意思，于是今天把它搬下来，记在自己的“小本本”里也许会对以后的项目有点用，若要自己去实现这样一个案例也能实现，但是可能没有那么“妙”。 想法： 1、使用label标签做显示验证码的框， 2、然后每个label for属性指向同一个 id 为vcode  阅读全文
posted @ 2018-04-16 22:05 指间流逝的夏末 阅读(821) 评论(0) 推荐(0)