- 博客(16)
- 收藏
- 关注
RSS订阅原创 js 关于默认事件e || event 回调函数传多个参数问题
方法一<div @default="exampleFun($event, 'other')" />exampleFun(el, string) { console.log('默认事件：'， el) console.log('另外的参数：'， string)}方法二<div @default="e => { this.exampleFun(e, 'other')}" />exampleFun(el, string) { console.log('默认事
2022-01-12 09:14:55
1221
原创 js 时间戳转换为倒计时
js 时间戳转换为倒计时countDown(number) {. // 传入时间戳 let timeStamp = number - Math.round(new Date().getTime() / 1000) // 传入时间戳减去当前时间戳。 除1000是为了消除毫秒 var timer = setInterval(() => { // 设置定时器 一秒更新一次数据 if (timeStamp <= 0) { // 如果到0了以后清除定时器 this.day = '00' this.ho
2021-11-17 17:07:02
1131
原创 处理字符串 截取到指定字符串之前或之后
处理字符串 截取到指定字符串之前或之后getCaption = (obj: string) => { // 截取第一个-之前的字符串 const index = obj.indexOf('-'); obj = obj.substring(0, index);// 截取最后一个-之后的字符串 const index = obj.lastIndexOf('-'); obj = obj.substring(index+1,obj.length); return obj; va
2021-08-03 09:11:07
1969
原创 js点击后按返回数据发起请求并渲染dom
//设返回数据为typeEchartsData: [{ type: 'lineEchart', typeId: '01', },{ type: 'lineEchart', typeId: '02', },{ type: 'barEchartSlider', typeId: '03', },{ type: 'mapEchart', typeId: '04', }]};
2021-08-03 09:10:55
365
1
原创 js数组去逗号
export function formatData(data, roToZero = false) { if (roToZero && data === '-') { return 0; } else if (data !== '-') { return data.indexOf(',') === -1 ? parseFloat(data) : parseFloat(data.replace(/,/g, '')); } else { return par
2021-08-03 09:10:40
792
原创 antd走马灯Carousel 宽高百分比 点样式修改
import { Carousel } from 'antd';//dots样式的修改:global { .slick-dots li button { width: 10px !important ; height: 10px !important; background: rgb(255, 255, 255) !important; // 改变dots的颜色 border-radius: 100% !important;
2021-08-03 09:10:10
4952
原创 js map数组判空方法
map返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。resourceRatioData && resourceRatioData.list.length? resourceRatioData.list.map((items, idx) => {return (if (!list) return;list.map(()=>())list && list.mapconst list1 = list === undefine
2021-08-02 11:10:08
1099
原创 react后台获取数据调用CallBack立即使用
函数定义处代码如下：handleChooseSchool=(value)=>{ const that = this; const {dispatch}=this.props; dispatch({ type:'EduMangeProjectsModel/getUser', payload:{ id:value }, callback : (res) => { this.handleScho
2021-08-02 11:08:46
725
原创 react等待请求返回数据后再次发起请求 两组数据一起返回 service层
export async function queryMapJsonData(params: any) { return request(`${Url.workbenchReport.url}/mapInfo`, { method: 'POST', body: params, });}export async function queryMapData(params: paramsType) { const p1 = request(`${Url.workbenchRepo
2021-08-02 11:03:59
1092
原创 react Promse.all Promise.race 处理多个异步处理
Promse.all 同时返回 按请求顺序返回Promise.race 哪个结果获得的快，就返回那个结果需要特别注意的是，Promise.all获得的成功结果的数组里面的数据顺序和Promise.all接收到的数组顺序是一致的，即p1的结果在前，即便p1的结果获取的比p2要晚。这带来了一个绝大的好处：在前端开发请求数据的过程中，偶尔会遇到发送多个请求并根据请求顺序获取和使用数据的场景，使用Promise.all毫无疑问可以解决这个问题。return Promise.all([p1, p2]).the
2021-08-02 11:03:11
512
原创 用一个接口一个组件拿到3组不同的数
*fetchIndicators({ payload, callback }, { call, put }) { const response = yield call(queryIndicatorsData, payload); yield put({ type: 'updateIndicators', payload: { data: response.data, type: payload.type }, });},updateIndicators(state: an
2021-08-02 11:02:12
137
原创 react 父组件调用子组件的方法
export default class Parent extends Component { render() { return( <div> <Child onRef={this.onRef} /> <button onClick={this.click} >click</button> </div>
2021-08-02 11:01:28
238
原创 获取字符串字节长度
* @method 方法名 getStrLength* @param {参数类型} 参数名 str 参数说明 目标字符串* @param {参数类型} 参数名 str 参数说明 字节长度* @return {返回值类型} 返回值说明*/export function getStrSubstring(str, size) { const strCopy = str.replace(/[\u4e00-\u9fa5]/g, 'aa'); if (strCopy.length > s
2021-08-02 11:00:34
639
原创 js获取url参数方法
获取url 参数@Description: 方法说明 获取url 参数 如果不传或者是all 这返回所有@method 方法名 getQueryVariable@param {参数类型} 参数名 参数说明@return {返回值类型} 返回值说明*/export function getQueryStringData(name = ‘all’) {const queryString = window.location.search.substring(1);if (queryString
2021-08-02 10:53:33
164
原创 Echarts 柱状图上下对称
varxAxisData=[];vardata1=[];vardata2=[];vardata3=[];vardata4=[];for(vari=0;i<180;i++){xAxisData.push('Class'+i);data1.push((Math.random()*2).toFixed(2));data2.push(-Math.random().toFixed(2));...
2021-08-02 10:49:46
2674
原创 React工程构建
此外还可以自己搭建react框架（这里建议大家可以安装一个webStorm开发工具） 一般分为以下几步 1. 新建空白工程reactDemo 2. 初始化项目：在项目目录控制台输入npm init 命令初始化package.json文件；这个文件是一个类似于pom.xml的文件，用来描述需要的依赖库。 3. 下载webpack插件 4. 新建配置文件webpack.config.js文件，添加配置信...
2021-08-02 10:47:43
1180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人