摘要：
HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>数码时钟</title> <style type="text/css"> * { margin: 0; padding: 0; } #box { ma 阅读全文
posted @ 2018-08-14 19:09
狗尾草的博客
阅读(325)
评论(0)
推荐(0)
摘要：
HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>加载更多</title> <style type="text/css"> .list li{ padding: 10px; line-height: 15px; } 阅读全文
posted @ 2018-08-14 19:03
狗尾草的博客
阅读(405)
评论(0)
推荐(0)
摘要：
HTML CSS JS Common.js JS 阅读全文
posted @ 2018-08-14 18:46
狗尾草的博客
阅读(1162)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- saved from url=(0036)ht 阅读全文
posted @ 2018-08-14 18:25
狗尾草的博客
阅读(1878)
评论(0)
推荐(0)
摘要：
HTML： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>放大镜效果</title> <link rel="stylesheet" href="index.css"> </head> <body> <div 阅读全文
posted @ 2018-08-14 18:23
狗尾草的博客
阅读(304)
评论(0)
推荐(0)
摘要：
这里主要提供思路： 一共两个页面通过原生来实现，我们需要对cookie进行封装。 在商品列表页，我们将点击添加的商品放入一个对象中，而后将该对象放入数组中，一个对象可以说就是一个商品。在购物车页面将数据从cookie中读取出来，然后再渲染到页面中。即可完成购物车的操作。 源码传送门：链接：https 阅读全文
posted @ 2018-08-14 18:22
狗尾草的博客
阅读(773)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html PUBLIC "-//W3C//Dli XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/Dli/xhtml1-transitional.dli"> <html xmlns="http://www.w3.o 阅读全文
posted @ 2018-08-14 18:21
狗尾草的博客
阅读(179)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o 阅读全文
posted @ 2018-08-14 18:20
狗尾草的博客
阅读(330)
评论(0)
推荐(0)
摘要：
HTML <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表单留言信息过滤</title> <style type="text/css"> body,html{ height: 100%; } body{ display: fl 阅读全文
posted @ 2018-08-14 18:17
狗尾草的博客
阅读(2988)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>留言字数限制</title> <style> body{ background:skyblue; } h3{ text-align: center; } .text{ widt 阅读全文
posted @ 2018-08-14 18:10
狗尾草的博客
阅读(838)
评论(0)
推荐(1)
摘要：
HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- saved from url=(00 阅读全文
posted @ 2018-08-14 18:08
狗尾草的博客
阅读(252)
评论(0)
推荐(0)
摘要：
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自定义右键菜单</title> <style> body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fi 阅读全文
posted @ 2018-08-14 18:06
狗尾草的博客
阅读(363)
评论(0)
推荐(0)
摘要：
HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>轮播图</title> <link rel="stylesheet" href="css/common.css"/> <link rel="stylesheet" h 阅读全文
posted @ 2018-08-14 18:05
狗尾草的博客
阅读(286)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>艺龙</title> <style type="text/css"> * { margin: 0; padding: 0; } ul { list-style: 阅读全文
posted @ 2018-08-14 18:03
狗尾草的博客
阅读(241)
评论(0)
推荐(0)
摘要：
1. <!DOCTYPE html> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>发送验证码倒计时功能</title> <style> @charset "ut 阅读全文
posted @ 2018-08-14 18:01
狗尾草的博客
阅读(179)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>方向检测</title> <style type="text/css"> * { margin: 0; padding: 0; } ul { list-styl 阅读全文
posted @ 2018-08-14 17:59
狗尾草的博客
阅读(364)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>发送验证码倒计时功能</title> <style> @charset "utf-8 阅读全文
posted @ 2018-08-14 17:59
狗尾草的博客
阅读(249)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2018-08-14 17:57
狗尾草的博客
阅读(201)
评论(0)
推荐(0)
摘要：
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>广告自动关闭</title> </head> <style> .tip{ position: fixed; top: 阅读全文
posted @ 2018-08-14 17:55
狗尾草的博客
阅读(542)
评论(0)
推荐(0)
摘要：
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>广告自动关闭</title> </head> <style> .tip{ position: fixed; top: 阅读全文
posted @ 2018-08-14 17:54
狗尾草的博客
阅读(1841)
评论(0)
推荐(1)
摘要：
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>吸顶效果</title> <style> *{ padding: 0; margin: 0; } body{ height: 2000px; } /*吸顶效果* 阅读全文
posted @ 2018-08-14 17:52
狗尾草的博客
阅读(1959)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <style> .up { display: none; width: 100px; height: 100px; background: red 阅读全文
posted @ 2018-08-14 17:51
狗尾草的博客
阅读(174)
评论(0)
推荐(0)
摘要：
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单正则验证</title> <style type="text/css"> *{ margin: 0; padding: 0; } body{ backgro 阅读全文
posted @ 2018-08-14 17:49
狗尾草的博客
阅读(807)
评论(0)
推荐(0)
摘要：
今天我给大家带来用原生js实现表单登陆的10天内免登陆 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单正则验证</title> <style type="text/css"> *{ margin: 0; 阅读全文
posted @ 2018-08-14 15:05
狗尾草的博客
阅读(633)
评论(0)
推荐(0)
摘要：
actions：既然mutations只能处理同步函数，我大js全靠‘异步回调’吃饭，怎么能没有异步，于是actions出现了... actions和mutations的区别 1.Actions 提交的是 mutations，而不是直接变更状态。也就是说，actions会通过mutations，让m 阅读全文
posted @ 2018-08-14 08:28
狗尾草的博客
阅读(1033)
评论(0)
推荐(1)
摘要：
getters： 有时候，我们需要对state的数据进行筛选，过滤。这些操作都是在组件的计算属性进行的。如果多个组件需要用到筛选后的数据，那我们就必须到处重复写该计算属性函数；或者将其提取到一个公共的工具函数中，并将公共函数多处导入 - 两者都不太理想。如果把数据筛选完在传到计算属性里就不用那么麻烦 阅读全文
posted @ 2018-08-14 08:26
狗尾草的博客
阅读(1863)
评论(0)
推荐(0)
摘要：
前言：vuex的使用，想必大家也都知道，类似于状态库的东西，存储某种状态，共互不相干的两个组件之间数据的共享传递等。我会分开给大家讲解vuex的使用，了解并掌握vuex的核心(state,mutations,getters,actions). 首先，我们需要将vuex的安装依赖下载下来，npm in 阅读全文
posted @ 2018-08-14 08:25
狗尾草的博客
阅读(2411)
评论(0)
推荐(0)
浙公网安备 33010602011771号