- 博客(16)
- 资源 (3)
- 收藏
- 关注
原创 数据处理(对象)
let obj = { a: "ff", orgCode: "gg", orgName: "gg", orgTypeId: "1285934181556489220", b: "ff",} const newObj = {}; const attrs = {};for (const key in obj) { console.log('value值', obj[key]); if (Object.prototype.hasOwnProperty.call(o.
2021-09-17 20:32:06 103
原创 图片上传-阿里云oss
<template> <div> <!-- <button>选择图片上传</button> multiple 多选 accept:接受图片格式--> <label for="upload" class="choose-img" :class="{upLoading: isUploading}">选择图片上传</label> <input type="file" multiple id="u
2021-05-25 21:53:56 196
原创 将数组用二维数组输出
1、将数组用二维数组输出(输出两行,一行4个)原数组res.list = res.list.slice(6,14)this.phoneList = [res.list.slice(0,4),res.list.slice(4,8)]// 结果(2) [Array(4), Array(4), __ob__: Observer]0: (4) [{…}, {…}, {…}, {…}, __ob__: Observer]1: (4) [{…}, {…}, {…}, {…}, __ob__: Obse
2021-05-25 21:53:05 160
原创 升序,降序,重置
<template><div> <div>用户信息</div> <button @click="asc">升序</button> <button @click="desc">降序</button> <button @click="reset">重置</button> <ul> <li v-for="(item, index) in userL
2021-05-25 21:51:01 135
原创 堆叠柱状图数据处理
let list = [ { Platform: 1, // 平台Id StoreId: 1, // 店铺Id StoreName: 'eBay', // 店铺名字 SalesProfit: 111, // 销售流水 SalesAmount: 111.111, // 销售总计 TimeZone: '2018' // 时间 }, { Platform: 2, StoreId: 2, StoreName: 'she.
2021-05-25 21:49:08 532
原创 自动循环输出
let timer;let key = []let r =0;let arr = [];for(let i =0;i<10;i++){ arr.push(i)}timer= setInterval(()=>{ key.push(arr[r]) if(key.length>3){ key.shift() } r >8? r = 0 : r++ console.log(key);},1000)
2021-05-25 21:40:41 49
原创 vue-弹窗公共组件定义
将弹窗组件定义出来先定义一个单独组件modal.vue,$emit子传父,props:父传子<template> <transition name="slide"> <div class="modal" v-show="showModal"> <div class="mask"></div> <div class="modal-dialog"> <div class="mod
2021-03-18 12:47:51 272
原创 vue 组件吸顶
是否需要显示<div class="nav-bar" :class="{'is_fixed':isFixed}"></div>isFixed:false 是否需要定位data(){ return{ isFixed:false //是否需要定位 } }, mounted(){ window.addEventListener('scroll',this.initHeight) },距离顶部距离met
2021-03-15 16:02:03 107
原创 在百度编辑器修改html
创建简报类var html = `<div class="yulan-text"> <div class="yulan-box dashed"> <h3 class="fz16"><i class="icon-jbk-h3"></i>文本</h3> <p>2018年5月9日09:00——2018年5月10日09:00,全网共录得与观山
2020-08-20 10:17:11 183
原创 featureCarousel 3d 旋转
效果图代码演示<style type="text/css">.gxw-right { width: 100%; height: 100%; padding: 12px 20px;}.gxw-tab { position: relative; width: 100%; height: 120px; background: white; border: 1px solid #d3dbe3; /* padding: 0
2020-08-19 12:30:09 230
原创 jquery-圆点围绕的圆形
制作一个用jquery为基础的圆点围绕的圆形效果图css样式.container { position: relative; width: 168px; height: 168px; margin: 350px auto; border: 1px solid green; border-radius: 50%;}.box { width: 8px; height: 8px; border-radius: 50%; background: red; position: ab
2020-08-03 16:04:34 525
原创 circleProgress 插件环形进度条
circleProgress 插件环形进度条效果图 <!-- circleProgress 插件环形进度条--> <div class="clue-hd-right"> <a href="javascript:;" class="btnw">数据分析</a> <div class="redate-b...
2020-03-16 17:40:18 590
原创 jquery-水印设置
水印设置 jquery.range 插件,可左右上下摆放 <!-- 水印设置 --> <div class="watermark-content"> <div class="wa-pic"> <p class="wa-one"><img src="../images/h...
2020-03-16 17:17:49 572
原创 上传文件按钮 type=file
文件上传按钮 <div class="up-file"> <input type="file" name=""> 本地上传 </div>.up-file{ position: relative; display: inline-block; margin-right: 7px; hei...
2020-03-16 14:38:01 300
原创 jquery banner无缝轮播,左右切换 自动播放
jquery banner无缝轮播,左右切换 自动播放效果展示html代码<div class="graphic-box"> <div class="gra-imageList"> <ul class="gra-list-parent"> <li><img src="../images/t...
2019-12-26 14:45:54 661
原创 css三角形,伪类,阴影
css三角形,伪类,阴影效果图html+css如何插入一段漂亮的代码片 <div class="box"></div> .box{ position: relative; width: 150px; height: 150px; background-color: white; border: 1px solid #e5...
2019-12-12 16:01:05 276
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人