- 博客(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
247
原创 通过 Object.defineProperty()来实现双向数据绑定的小案例
/* 核心语法:Object.defineProperty(obj, prop, descriptor) 参数 obj 需要定义属性的对象 prop 需要定义或修改的属性的名字 descriptor 将被定义或修改的属性的描述符 */...
2018-08-11 16:40:49
1871
原创 数组Array的toString()方法与a == 1 && a == 2 && a == 3
如何让a == 1 && a == 2 && 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
1144
原创 for 循环中setTimeout(function () { console.log(i)},100)中的异步问题
for (var i = 0; i < 3; i++) { setTimeout(function () { console.log(i); },100) }上述代码执行完后,打印3次3,这是setTimeout是异步执行的,会排在任务队列中,只有主线上的全部执行完,才会执行任务队列里的任务,当主线执行完...
2018-07-02 16:52:58
3979
原创 抽奖小案例(js抽奖概率+css3旋转动画)
进入界面后2s开始旋转抽奖,3s后停止,效果图:实现代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca
2018-06-29 16:40:59
6840
原创 微信小程序使用豆瓣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
15223
原创 拖拽小案例(以克隆的方式实现)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
2018-05-28 10:07:59
2330
原创 如何实现图标翻转180度后显示另一张图片
1.html结构:<div class="test"> <img class="one" src="./images/hotlink01.png" alt=""> <img class="two" src="./images/hotlink01_h.png" alt=""&
2018-05-21 19:43:22
9694
1
原创 利用js来实现动态进度条效果
1.html结构:<div class="out"> <div class="inner"> <span>0%</span> </div> </div>2. css样式: <style> .out {
2018-05-21 16:59:29
2717
原创 简单的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
5346
原创 用jquery来实现checkbox的全选与全不选
HTML结构:<ul> <li> <input type="checkbox" class="thead">全选或全不选 </li> <li> <ol> <li&g
2018-05-16 14:40:45
2681
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人