- 博客(56)
- 收藏
- 关注
原创 swiper使用教程
swiper使用教程<template> <div class="hello"> <h1>hello</h1> <div> <!--<swiper :options="swiperOption" ref="mySwiper" @someSwiperEvent="callback"&g...
2019-10-21 14:36:06
741
原创 引入图标小结
引入地址栏里的小图标<link rel="icon" href="./favicon.ico" type="image/x-icon">href里的地址是可以改变的引入字体图标:1.<link rel="stylesheet" href="./assets/font/iconfont.css">2.把dem-index.html中的“第一步”和“第二步”的...
2019-10-11 21:48:23
162
原创 vue选项卡
vue选项卡效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/vue.js"></script> ...
2019-10-11 20:53:38
129
原创 程序员的脑回路
程序员的脑回路身为一名程序员,我总是天天怀疑我的浏览器出毛病了,因为我总是觉得自己的代码,非常的正确,但是想要的效果就是出不来。通常,最后都我被啪啪打脸了。因为最后结果总是我出错了。为什么我会觉得浏览器出问题了呢?因为有几次,我的代码确实没问题,但是效果没有出来,我刷新了好多次,都不管用,最后,我就放弃了,我第二天来了之后,打开电脑,再从新打开我的浏览器,发现竟然好了。后来我学了一招,实在不...
2019-09-12 20:11:29
342
原创 深拷贝
深拷贝<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2019-09-12 13:21:04
107
原创 堆栈
基本数据类型与引用数据类型在堆栈上的区别:基本类型:String, 布尔 , number , null , undefined存放在栈内存中(stack),存储的是该对象的真实数据(每一个变量都有一块自己独立的 内存空间,互不影响)。引用类型:存放在堆内存中的对象(heap),保存的是指针(地址)。...
2019-09-12 09:44:09
169
原创 聚合数据实现分页
聚合数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2019-09-11 13:28:21
559
原创 jQuery手风琴
jQuery手风琴<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...
2019-09-03 13:25:05
138
原创 cookie的封装
cookie的封装// 添加function setcookie(key, value, day) { var date = new Date(); date.setDate(date.getDate() + day); document.cookie = key + " =" + value + ";expires = " + date;}// 获取functi...
2019-08-24 20:57:22
108
原创 两个盒子减速运动
两个盒子减速运动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...
2019-08-24 20:55:50
129
原创 拖拽盒子,让盒子随着鼠标移动而移动
拖拽盒子,让盒子随着鼠标移动而移动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <m...
2019-08-24 20:53:34
983
原创 js缓冲动画
js缓冲动画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...
2019-08-21 20:17:14
223
原创 js拖拽碰撞
拖拽碰撞当拖动图片时,碰到页面中的天蓝色盒子,盒子会由天蓝色变成黄色。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale...
2019-08-21 20:06:18
368
原创 js滚轮事件
js滚轮事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...
2019-08-20 22:05:38
827
原创 js限定文本框里面的输入字数
限定文本框里面的输入字数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...
2019-08-20 21:34:59
204
原创 js轮播图,可以修改后直接用
js轮播图,修改后,可以自己用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met...
2019-08-19 22:22:34
199
原创 js终极版轮播图
终极版轮播图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...
2019-08-19 09:38:15
123
原创 js图片随机排序和升序排序
js图片随机排序和升序排序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...
2019-08-16 09:39:33
1294
原创 js求20--100之间10个不重复的随机数
求20–100之间10个不重复的随机数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...
2019-08-16 09:33:55
1117
原创 统计某个字符串字符出现的次数,以及出现次数的最大值
某字符串字符出现次数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...
2019-08-15 15:36:26
347
原创 js获取文件后缀名
js获取文件后缀名<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...
2019-08-15 15:33:49
1408
原创 js倒计时秒杀效果
js倒计时秒杀效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...
2019-08-15 15:30:33
217
原创 js在页面输出文字,相打字效果,一个接一个出现
在页面一个接一个的显示文字<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...
2019-08-15 15:27:57
1893
原创 js走马灯效果
文字走马灯效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...
2019-08-15 15:23:34
139
原创 js倒计时
js倒计时方法一:(好理解)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met...
2019-08-14 11:23:43
95
原创 js在页面显示日期时间
js在页面显示日期时间<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...
2019-08-14 10:18:16
172
1
原创 js定时弹出的小广告
js定时弹出的小广告<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...
2019-08-13 14:28:02
134
原创 js验证按钮
js验证按钮<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...
2019-08-13 14:25:12
200
原创 js轮播图带箭头和小圆点的
js轮播图带箭头和小圆点的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...
2019-08-12 22:12:22
1535
1
原创 js全选复选框
js复选框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ...
2019-08-12 21:56:39
213
原创 js模拟购物车
js模拟购物车数量加减及总价计算<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...
2019-08-12 21:55:29
359
原创 js轮播图升级版
js轮播图升级版<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...
2019-08-10 09:01:22
118
原创 js写选项卡
js写选项卡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...
2019-08-09 21:57:01
513
原创 js做轮播图(简单版的)
js做轮播图(简单版的)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...
2019-08-09 21:51:56
353
原创 js写九九乘法表
js写九九乘法表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...
2019-08-08 20:42:22
319
原创 隔五行换色
新闻标题的隔五行换色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...
2019-08-08 16:32:21
164
原创 js控制开关灯泡
js控制开关灯泡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...
2019-08-08 16:29:29
234
原创 js的简单应用
js的简单应用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...
2019-08-08 15:35:37
102
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人