自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(56)
  • 收藏
  • 关注

原创 好用的轮播插件

好用的ui插件swiper 2.6.7版本ElementMint UIlayui

2019-10-22 20:35:41 245 1

原创 swiper使用教程

swiper使用教程<template> <div class="hello"> <h1>hello</h1> <div> <!--<swiper :options="swiperOption" ref="mySwiper" @someSwiperEvent="callback"&g...

2019-10-21 14:36:06 691

原创 引入图标小结

引入地址栏里的小图标<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 136

原创 搜索接口

自己整一个搜索接口注意:选择你需要的类型:有pc的,有callback的等。

2019-10-11 21:11:28 163

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

原创 程序员的脑回路

程序员的脑回路身为一名程序员,我总是天天怀疑我的浏览器出毛病了,因为我总是觉得自己的代码,非常的正确,但是想要的效果就是出不来。通常,最后都我被啪啪打脸了。因为最后结果总是我出错了。为什么我会觉得浏览器出问题了呢?因为有几次,我的代码确实没问题,但是效果没有出来,我刷新了好多次,都不管用,最后,我就放弃了,我第二天来了之后,打开电脑,再从新打开我的浏览器,发现竟然好了。后来我学了一招,实在不...

2019-09-12 20:11:29 313

原创 深拷贝

深拷贝<!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 89

原创 堆栈

基本数据类型与引用数据类型在堆栈上的区别:基本类型:String, 布尔 , number , null , undefined存放在栈内存中(stack),存储的是该对象的真实数据(每一个变量都有一块自己独立的 内存空间,互不影响)。引用类型:存放在堆内存中的对象(heap),保存的是指针(地址)。...

2019-09-12 09:44:09 153

原创 聚合数据实现分页

聚合数据<!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 513

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

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

原创 两个盒子减速运动

两个盒子减速运动<!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 105

原创 拖拽盒子,让盒子随着鼠标移动而移动

拖拽盒子,让盒子随着鼠标移动而移动<!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 949

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

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

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

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

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

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

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

原创 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"> &lt...

2019-08-16 09:33:55 1070

原创 统计某个字符串字符出现的次数,以及出现次数的最大值

某字符串字符出现次数<!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 321

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

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

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

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

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

原创 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 143 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 111

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

原创 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 1501 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 183

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

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

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

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

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

原创 隔五行换色

新闻标题的隔五行换色<!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 154

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

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

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除