自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 生成10个随机数(10-100),并将其从小到大排列的方法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met

2018-06-06 13:14:07 31312

原创 一个简单的用JS计算重复个数的方法(只适合数组中只有一个元素有多个重复的情况)

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&lt

2018-04-12 18:16:05 1141 1

原创 js实现数组乱序的方法

// 乱序算法// 示例:var a = [1, 2, 3, 4, 5];// 1.0封装函数function chan() {// 2.0获取示例例子的长度var b = a.length;// 3.0遍历示例for (var i = 0; i < a.length; i++) {// 生成随机索引,然后将生成的随机索引和遍历的a[i]...

2019-03-24 21:14:13 926

转载 使用JS为数字添加千位分隔符

&lt;script&gt;// 目标数字// 封装一个函数function change(a) {// 将数字转变后才能字符串,在转变成数组var b = a.toString().split("").reverse();// console.log(b);// 创建新数组和一个计数器var c = [],count = 0;// 遍历由数字转变成的...

2019-03-06 13:51:56 1597

原创 封装一个函数,显示其指定的单词的首个字母的索引

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; &lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;&amp

2018-11-30 20:37:59 223

原创 粗略的仿京东(部分仿)

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; &lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;&amp

2018-11-03 17:12:36 544

原创 盒子内随机产生不同颜色方块

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; &lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;&amp

2018-09-19 23:19:00 1088

原创 数组里面从小到大排列的两种方法

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; &lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;&amp

2018-09-07 18:05:19 23557

原创 数组中数据叠加的方法

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;&lt

2018-08-08 02:15:55 4194

原创 自制轮播图(兼容IE8)

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; &lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;&amp

2018-07-30 22:38:14 1391

原创 一个简单的日历

HTML部分:&lt;div id="box"&gt;&lt;div id="top"&gt;&lt;span id="span1"&gt;&lt;&lt;/span&gt;&lt;span id="span2"&gt;确定&lt;/span&gt;&lt;input type="te

2018-07-27 16:43:30 270

原创 前端css样式实现文字中间,两边线条的两种方法

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;&lt

2018-07-24 16:52:20 6926

原创 仿QQ实现左滑效果(移动端)

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;met

2018-07-11 14:44:55 661

原创 点名册(随机语音点名)

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;met

2018-07-08 23:23:11 1275

原创 随机生成数,不重复,而且按顺序从小到到排列(待完善)

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;met

2018-07-08 00:08:08 2217

原创 使用a标签实现回退操作

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;met

2018-07-03 00:14:23 2833

原创 简单的字符串字母大小写转换的方法

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;met

2018-07-02 23:56:00 682

原创 简单的三元表达式

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;met

2018-07-02 19:45:57 2823

原创 分别使用JS和JQ获取想要input元素的方法

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;met

2018-07-02 18:48:42 3237

原创 使用MUI 实现模仿QQ向左滑动出现删除,编辑的代码

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;met

2018-06-28 18:51:35 4845 7

原创 art-template小demo

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;met

2018-06-01 00:20:41 529

原创 简单的H5标签canvas的封装用法(如有不对,欢迎指正)

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;met

2018-05-27 18:21:39 451

原创 使用onchange获取textarea内容区域的数据,并且储存的方法(如有不妥之处,欢迎指正)

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;met

2018-05-17 17:22:28 6039

原创 使用数组splice()方法,删除并且替换掉数组中的某个值

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;met

2018-05-17 16:27:47 5074

原创 路由嵌套

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;met

2018-04-20 23:26:27 211

原创 使用component实现一个页面间切换

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;&lt;meta http

2018-04-20 23:00:17 1357

原创 点击对应栏实现输出对应栏数字的三种方法

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;met

2018-04-13 19:00:40 147

原创 一种斐波那契数列的实现方法

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;met

2018-04-13 15:12:35 88

空空如也

空空如也

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

TA关注的人

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