NiceYours-CSDN博客

原创简单的下拉选择

<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 1826

原创数组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 1091

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

原创抽奖小案例(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 6719

原创微信小程序使用豆瓣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

原创拖拽小案例（以克隆的方式实现）

<!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 2294

原创如何实现图标翻转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 9541 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 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 5273

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

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

2018-05-16 14:40:45 2649

qq_42209630的博客