vue的实战-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

vue的实战

专栏成员

123

文章

270930

阅读量

24

订阅数

js中，如何获取批量传入文件的大小，名称，进行循环展示。

<div class="handle"> <div class="handle-box" id="drop_area" v-on:drop="dropClick"> <div class="handle-btn"> <img class="btn-icon" src="./images/compress/new-btn-icon.png" alt="">

2022-09-02

10K0

nuxt.js项目入门配置篇

javascript 打包 yarn node.js css

在assets中创建css文件夹，在里面创建reset.css文件，然后在nuxt.config.js中引入。

2020-09-10

1.6K0

react获取运行环境是开发还是生产环境。

import getConfig from '../../../../env.js' // 接口前缀 let phoneApi; // 接口地址获取 if (process.env.NODE_ENV == "development") { phoneApi = getConfig.development.PHONE_API; } else { phoneApi = getConfig.production.PHONE_API; } env.js文件内容 module.exports = {

2020-08-22

1.9K0

react中使用中间件

redux action store 异步中间件

中间件就是在action中不直接去更新数据，而是要通过一定异步处理之后再去更新store里面的数据。 *这里以redux-thunk为例：第一步安装 cnpm install react-thunk --save 第二步：使用createStore的第二个参数引用中间件 import { createStore, applyMiddleware } from "redux" // 使用中间件的步骤1 import logger from "redux-logger" import thu

2020-06-28

6520

函数节流的定义：规定的单位时间内只执行一次，如果在单位时间内执行了多次，那么最后也只会执行一次。

2020-06-28

5880

防抖：事件出发后n秒之后再执行回调，如果在n秒内重复触发那么，只会重新开始计时计算。

2020-06-28

3420

react实现数据绑定

<input type="text" value={this.state.names} onChange={this.namesChange} /> // 更新数据 namesChange = e => { this.setState( { names: e.target.value }, () => { // 获取最新的数据 co

2020-06-28

6380

折线图线条渐变色

option = { xAxis: { type: 'category', boundaryGap: false, data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{ name:'样例3', typ

2020-06-22

6940

function png return split 图表

//格式化图表横坐标文字 let textFormatter = function(e) { let arr = e.split(",");/// 将字符串转数组 let str = arr[0] + "\n" + arr[1]; return str; };

2020-06-19

1.9K0

柱形图渐变色

option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{ name:'浏览', type:'bar', itemStyle:{

2020-06-19

1.2K0

自定义图例

legend: { data: [ // "最高分", "最低分" { name: "最高分", textStyle: { fontSize: 12, fontWeight: "bolder", color: "#cccccc" },

2020-05-26

7340

前端下载文件并设置文件名字

data 是接口地址 if (!data) { return; } let blob = new Blob([data], { type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document;charset=utf-8" }); let url = window.URL.createObjectURL(blob

2020-05-26

2.9K0

H5在app端导出

// 导出pdf exportPdf() { // let img = this.myEcharts1.getDataURL(); let params = { ...this.query, coursename: this.courseName, rname: this.className, lines: this.templateData1, segments: this.template

2020-05-26

7180

echarts的tooltip 使用formatter后，图例小圆点不见了！

image marker png tooltip 数据

image.png 根据数据动态显示 tooltip 当没有优秀率和及格率的时候悬浮的时候不显示 tooltip图例 marker 就是图例小圆点 tooltip: { trigger: "axis", formatter: function(params) { /// alert(JSON.stringify(params)); 显示数据格式 var res = "<div><p>" + params[0].na

2020-05-26

4.5K0

设置图例不能点击

option8: { color: ["#00CCFF", "#FE713A"], legend: { data: ["最高分", "最低分"], icon: "circle", selectedMode: false /// 设置图例不能点击 }, grid: { left: "10%", right: "2%",

2020-05-26

1.4K0

var data = [ { name: "明天", age: "25" }, { name: "明天", age: "25" }, { name: "明天", age: "25" }, { name: "明天", age: "25" }, { name: "明天", age: "25" }, { name: "明天", age: "25" }, { name: "明天", age: "25" }, { na

2020-05-26

9.7K0

this.sharedSize=1*1024*1024;//分片大小 1MB //查询api该文件上传剩余所需片 let {fileSize}=await this.$networkHandler.sendRequest("CHECK_FILE_SLICES",{name:this.file.name}); /// 调用api获取已经上传的文件大小 this.completedCount=fileSize; /// 已经上传的文件大小 if(this.completedC

2020-05-25

1.2K0

vue中的混入

全局混入 // 全局混入 export default { install(Vue) { Vue.mixin({ data() { return {} }, methods: { getClassTitles () { console.log(" 请求标题51！"); } }, }) } } // 全局引入多个混入的文件 import mix from './mi

2020-05-18

4060

新建 action--index.js // import { createStore } from 'redux' import reducer from './../reducer/index' const store = (PreState) => createStore(reducer, PreState) export default store; 新建 reducer--index.js /** * reducer */ import { combineReducers

2020-05-08

7360

为class添加方法,对象合并

// class Point { toString() { console.log("打印"); } } // 为类添加方法：方式一 Point.prototype.say = function() { console.log(" 360"); }; // 为类添加方法：方式二 Object.assign 是对象合并的意思 Object.assign(Point.prototype, {

2020-04-02

1.5K0

点击加载更多

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态