前进的小勺子-CSDN博客

原创 antd pro protable request请求有数据页面不渲染或postdata里的data一直是undefined

异常原因protable的request请求默认的数据格式为{data: [], pageSize: 10, current: 1, total:28, success: true,}request请求如果返回的数据格式不是以上形式就会获取不到data，pageSize等提示undefined。因此页面不会正常渲染，使用postdata处理请求返回的data也会报错。解决方法 request={async (params) => { const respo

2021-09-07 10:49:51 5339 2

原创轮播图vue-awesome-swiper：一行显示多张且图片有描述

安装及配置标题安装命令：npm install swiper vue-awesome-swiper --save main.jsimport VueAwesomeSwiper from 'vue-awesome-swiper'import 'swiper/css/swiper.css'Vue.use(VueAwesomeSwiper);swiper.css文件是在node_modules文件夹中，如果swiper版本在6.0.0及以上就要将import 'swiper/css/swipe

2021-04-14 14:30:20 2041 4

原创 echarts在结合element中的el-tabb标签切换时容器宽度设置为100%，只展示100px问题解决

原因echarts结合el-tab时，初次渲染组件moutnted的时候，未显示tab内的组件display为none，echarts无法获取父组件的高度100%，而转换成100px显示方法1给图表设置固定宽度方法2通过 mounted的时候获取window.innerWidth，根据innerwidth设置echarts的宽幅，如：const myEcharts = echarts.init(document.getElementById(‘UnSafeActStatistics’));wi

2021-04-10 17:15:03 911

原创 Error in mounted hook: “TypeError: right-hand side of ‘in‘ should be an object, got undefined“报错解决

Error in mounted hook: "TypeError: right-hand side of ‘in’ should be an object, got undefined"报错解决今天在做一个Echarts玫瑰图组件时遇到了这样的报错，意思是mounted部分报错‘in’的右边应该是个对象，找了半天原因，没有格式错误，最后发现是在setOption部分出错了，在此记录，供以后参考。以下是具体代码：<template> <div id="myecharts" s

2021-03-16 19:47:29 3648 1

原创 [‘1‘,‘2‘,‘3‘].map(parseInt)结果解析

一、问题说明console.log(['1','2','3'].map(parseInt));//返回结果为[1,NaN,NaN]二、map函数1.map函数用法var num = [4,5,6]; var newNum = num.map((ele, index) => { console.log(index);//0，1，2 return ele ; }) //console.log(newN

2020-09-30 00:39:02 533

原创从URL输入到页面渲染完毕发生了什么（详细且涵盖知识面广）

这个问题是面试中常考题目,也是一个很大的题目，它涵盖的知识点很多。包括域名解析，tcp连接的三次握手和四次挥手，页面渲染等。如果面试官问到这个问题，你回答的很清楚，那么会有很多知识都不会再问了。下面就来说一下，从 URL输入到页面渲染完毕到底发生了什么。总体过程分以下为六步：- 读取url识别协议并解析域名- 建立TCP连接- 发送HTTP请求获取资源- 服务器处理请求返回相应资源- 浏览器解析HTML，渲染页面- 结束连接**1、**读取url识别协议并解析域名（1）浏览器识别协议，判

2020-09-12 19:57:35 347

原创巧计 js的全局函数有哪些

js的全局函数有哪些简易记忆：6（编码相关）+ 2（数据处理）+ 4（数字相关）+ 1（特殊）编码相关：escape()、unescape()、encodeURI()、decodeURI()、encodeURIComponent()、decodeURIComponent()数据处理：Number()、String()数字相关：isFinite()、isNaN()、parseFloat()、parseInt()特殊：eval()下面来说一下这些全局变量的作用dec

2020-09-05 01:36:30 241 1

原创 require引入component实际运用

require引入component实际运用已经有好久没更新了，前段时间考试加实验着实有点急，今天重新开始写。今天分享使用component: resolve => require([’…/component/project.vue’], resolve),方法实现步骤条，展示不同组件。这里简单记录一下该方法实现的具体步骤，及抛弃import的原因。定义静态常量/** * 静态常量 */class StaticHelper { /** * 全量的步骤定义 *

2020-08-31 08:54:29 1739 1

转载 Vue-Element之数据赋值与重置

Vue-Element之数据赋值与重置父组件传递给子组件的对象变量，不能直接赋值或通过计算属性给子组件的变量赋值。因为对象的特性，直接赋值会使得子组件中对象的取值受到父组件中相应对象的影响。应采用下面的形式let form = Object.assign({}, this.formInline)服务器返回的数据覆盖表格中的内容，不用循环数组push的方式给tableData赋值，而采用下面的形式，直接赋值this.tableData = res.data.data.*向对象中增加属性

2020-08-30 10:59:26 3892

原创 Ajax原理及相关面试题总结

Ajax原理及相关面试题总结AJAX 是一种通过向服务器异步发送请求，获取数据，并在不需要重新刷新当前页面的情况下局部更新数据的web开发技术。 Ajax相当于是用户和服务器之间的中间层，它使得用户操作和服务器响应异步化。不是所有用户请求都需要向服务器提交，某些数据验证和数据处理都交由服务器自己完成的，只有在需要获取新数据时才会由Ajax引擎代为向服务器发送请求。Ajax原理简单的来说就是，利用XMLHttpRequest对象来向服务器发送异步请求，从服务器获取数据，在由JavaScript操作 Dom

2020-08-14 00:08:30 345

原创 js数据类型

js数据类型js数据类型分两大类：基本数据类型，引用数据类型，由于在内存中存放形式不同，所以这两种的对变量的访问机制也不同。基本类型是按值访问，可以直接得到变量值。引用类型则是按引用访问。在访问引用类型的值是先得到存该值的地址，再通过该地址得到变量值。以下的特殊性数据类型是对于基本数据类型中null和undefined两种来说，基本数据类型包括：字符串string,数字number,布尔值boolean，NULL，undefined特点：基本类型值大小固定，变量值存放在栈内存中。基本类型

2020-08-12 20:01:59 93

weixin_45432575的博客