自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 简单的下拉选择

<template> <div class="level-select"> <div class="search-box"> <Tag class="search-tag" @on-close="handleClose" closable v-for="(item, i) of selectList" :k...

2019-12-28 14:21:24 206

原创 通过 Object.defineProperty()来实现双向数据绑定的小案例

/* 核心语法:Object.defineProperty(obj, prop, descriptor) 参数 obj 需要定义属性的对象 prop 需要定义或修改的属性的名字 descriptor 将被定义或修改的属性的描述符 */...

2018-08-11 16:40:49 1825

原创 数组Array的toString()方法与a == 1 && a == 2 && a == 3

如何让a == 1 &amp;&amp; a == 2 &amp;&amp; a == 3成立,首先想到的是数组。我们知道当复杂类型数据与基本类型数据作比较时会发生隐性转换,那么,当a是一个数组时,a == 1,数组a就会调用它的toString方法,而数组的toString方法会调用自身的join()方法:var a = [1,2,3];console.log(a.join() === a.to...

2018-07-04 20:00:37 1089

原创 for 循环中setTimeout(function () { console.log(i)},100)中的异步问题

for (var i = 0; i &lt; 3; i++) { setTimeout(function () { console.log(i); },100) }上述代码执行完后,打印3次3,这是setTimeout是异步执行的,会排在任务队列中,只有主线上的全部执行完,才会执行任务队列里的任务,当主线执行完...

2018-07-02 16:52:58 3916

原创 抽奖小案例(js抽奖概率+css3旋转动画)

进入界面后2s开始旋转抽奖,3s后停止,效果图:实现代码:&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-sca

2018-06-29 16:40:59 6717

原创 微信小程序使用豆瓣API接口

douban: function (){wx.request({url: 'https://douban.uieee.com/v2/book/1220562',//必须要设置"content-type":"json",不然会报错 400 (Bad Request)header:{"content-type":"json"},success: function (back...

2018-06-22 21:02:28 15062 3

原创 拖拽小案例(以克隆的方式实现)

&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; &

2018-05-28 10:07:59 2294

原创 如何实现图标翻转180度后显示另一张图片

1.html结构:&lt;div class="test"&gt; &lt;img class="one" src="./images/hotlink01.png" alt=""&gt; &lt;img class="two" src="./images/hotlink01_h.png" alt=""&

2018-05-21 19:43:22 9536 1

原创 利用js来实现动态进度条效果

1.html结构:&lt;div class="out"&gt; &lt;div class="inner"&gt; &lt;span&gt;0%&lt;/span&gt; &lt;/div&gt; &lt;/div&gt;2. css样式: &lt;style&gt; .out {

2018-05-21 16:59:29 2689

原创 简单的css3旋转动画,结合js使用

让一个div元素旋转360度示例:1.div的样式结构:div { margin: 50px auto; width: 200px; height: 200px; background-color:pink; }2.设置旋转属性的类名:div.rotate {             /* 旋转3...

2018-05-16 16:35:13 5272

原创 用jquery来实现checkbox的全选与全不选

HTML结构:&lt;ul&gt; &lt;li&gt; &lt;input type="checkbox" class="thead"&gt;全选或全不选 &lt;/li&gt; &lt;li&gt; &lt;ol&gt; &lt;li&g

2018-05-16 14:40:45 2648

空空如也

空空如也

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

TA关注的人

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