斜影梧桐-CSDN博客

4.25总结（视频P49-P51）一、初始化React脚手架1、基础相关react提供的脚手架库：create-react-app项目整体技术架构：react + webpack + es6 + eslint脚手架开发项目特点：模块化, 组件化, 工程化2、创建项目（1）全局安装： npm i -g create-react-app（2）切换到需要创建项目的目录后，创建项目文件夹： create-react-app hello-react（3）进入项目文件夹：

2022-05-23 22:45:01 259

原创 axios日常学习记录

视频P1-P13一、json-server工具包的安装1、安装使用npm全局安装 npm install -g json-server查看版本号 json-server -v2、创建json数据 —— db.json在项目文件夹根目录下，执行代码：json-server --watch db.json会产生一个db.json文件3、使用访问json-server --watch db.json运行的对应地址，即可访问对应接口的json数据，如：http://localhost:3

2022-05-06 22:19:21 2228

原创 Promise日常学习记录

promise学习博客地址记录：ES6 Promise用法小结ES6中promise如何实现视频（P1-P10）一、基础复习1、区分函数对象和实例对象函数对象：将函数作为对象使用时，简称为函数对象实例对象：new 函数产生的对象，简称为对象function Fn(){ // Fn函数}const fn = new Fn() // 构造函数，fn是实例对象（简称为对象）console.log(Fn.prototype); // Fn是函数对象（将一个函数作为对象使用）Fn.call

2022-04-30 22:05:20 464

原创 react基础日常学习记录

4.21总结一、原生js事件绑定的三种方法/addEventListener，onclick,按钮onclick绑定函数方法二、类中this的指向问题，普通函数this指向问题（区分严格模式）1、类中默认开启严格模式，只有通过实例调用类中的方法，this才会指向实例对象，否则为undefined2、普通函数中，this指向window，若开启严格模式，则this为undefined三、 bind函数的两个作用1、生成一个新的函数2、更改this对象，具体改成啥，看你传的参数是啥四、

2022-04-21 22:50:41 742

原创 webpack--踩坑之旅

一、Insufficient number of arguments or no entry found. Alternatively, run 'webpack(-cli) --help' for usage info.解决办法：检查entry项目打包入口文件路径

2022-03-10 17:37:10 919

原创 js接收excel文件流并解析下载文件

情景：后端为post请求，且接口返回为excel文件流方法：可以使用原生XMLHttpRequest和原生fetch两种方法 // 下载模板 doDownLoad(){ if (this.upSelectRows.length === 0) { this.$message.warning("请选择要提交的数据！"); return; } this.downloadTemp2('授权支付明细文件','/df/pay/common/

2022-02-16 17:35:08 2224

原创 git pull报错 Your account has been blocked

git 拉取代码时报错修改方法：若是因为远程仓库有人修改东西的话，重新设置远程仓库地址即可git remote set-url origin 远程仓库地址

2022-02-11 14:28:49 748

原创 vue小记

一、子组件获取父组件的中data及methods// 父组件中信息data() { return { flag: true }}// 父组件中方法methods:{ getInfo(){}}// 子组件中获取父组件data和调用父组件方法this.$parent.flag // truethis.$parent.getInfo()二、简化 :class当逻辑为以下情况时:class=" $route.name === 'Home' || $rou

2022-01-11 16:44:13 160

原创 js日常记录

一、数组中对象去重// 数组中对象去重let newAgency = []agencyCodeArr = agencyCodeArr.reduce((cur,next)=>{ newAgency[next.agencyCode] ? "" : newAgency[next.agencyCode] = true && cur.push(next) return cur},[])//设置cur默认类型为数组，并且初始值为空的数组................

2021-12-14 15:53:08 872

原创 jquery日记

一、jquery判断元素是否隐藏$("#content").is(":visible")二、jquery给循环元素动态绑定点击事件// expendInfoContent为循环元素上层盒子id，i为数据遍历拼接区分不同子元素绑定事件$("#expendInfoContent").on('click','#arrowTop'+ i)$("#arrowTop" + i).click(function(){ // 执行对应代码})三、jquery动态拼接元素js部分代码let load

2021-12-01 18:00:40 629

原创 vue中央事件总线bus的使用方法

中间bug.jsimport Vue from 'vue' const Bus = new Vue() export default Busmain.js中挂载import InputBus from './js/bus.js'Vue.prototype.$inputbus = InputBus;使用页面引入import inputBus from '../../fpay-pay/PayInput/js/bus.js'事件触发pageChangeUp(pageIndex, page

2021-12-01 16:59:13 307

原创 jquery实现antv f2柱状图及饼状图联动

一、项目中要求实现的效果注意：其实做出来是有个bug的，联动效果2中点击左右滑动时虽然选中了饼图对应的数据，但是阴影效果没有添加上去，因为添加了之后之前阴影效果无法清空导致阴影会一圈一圈加重，故先去掉了（此处希望有大神给出建议，怎么清掉饼图阴影）二、实现代码及思路思路：联动效果1：点击饼状图时获取对应柱状图信息并刷新柱状图联动效果2：点击时根据chart.interaction更改饼状图选中数据，并刷新柱状图html代码<div class="cha

2021-12-01 16:53:35 972

原创 ES6之语法用例分析（代码优化篇）

一、解构赋值使用场景：从对象obj中取多个对象赋值const {a,b,c,d,e} = obj若创建的属性名和服务端返回的数据对象名不同const {a:a1} = obj;注意：解构对象不能为undefined和null，否则会报错，可以给一个{}默认值const {a,b,c,d,e} = obj || {};二、…扩展运算符1、使用场景：合并数据const a = [1,2,3];const b = [1,5,6];const c = [...new Set([...a,

2021-10-16 17:32:59 292

原创 calc函数以及在less中使用冲突的解决办法

calc使用方法：注意：计算符号前后必须有空格.g-body{ height: calc(100% - 50px);}在less中使用产生冲突时解决办法：.g-body { background: @bg-color1; height: calc(~"100% - 50px ");}less变量写法：@g-head-height: 60px;@bd-color1: #888;.g-body { background: @bg-color1; hei

2021-02-21 10:40:45 263

原创全屏的load

用<a-spin :spinning="true" size="large" tip="加载中...">包裹代码XXX</a-spin>

2021-02-01 20:39:25 153

原创 JS强制将数字保持为小数点后两位，如3.1替换为3.10

changeTwoDecimal_f(x) { var f_x = parseFloat(x) if (isNaN(f_x)) { alert('function:changeTwoDecimal->parameter error') return false } var f_x = Math.round(x * 100) / 100 var s_x = f_x.toString() var pos

2021-02-01 15:48:53 242

原创特殊字符正则校验，只去除对《》和()等特殊字符的校验

/^[《》（）\u4e00-\u9fa50-9A-Za-z\s_-]+$/应用场景：

2021-01-05 11:37:06 341

原创 antd form表单使用setFildesValue 赋值失效问题

用setTimeout设置一个延时

2020-12-17 15:30:20 3036 1

原创 vue中inject用法

作用：刷新vue组件使用方法：在APP.vue中 provide(){ return { reload:this.reload } },methods:{ reload(){ this.isRouterAlive = false this.$nextTick(function(){

2020-11-30 20:12:48 43352 4

原创 ES6模板字符串的使用

function formatParams() { let obj = [ { char_code: "1111", char_id: "001", char_name: "江西省", element: "PAY_COUNT" }, { char_code: "2222", char_id: "002", char_name: "河南省", element: "AGENC" }, { ch

2020-11-10 19:19:28 294

原创数组方法报错问题：Error in v-on handler: “TypeError: Cannot read property ‘split‘ of undefined“ found in....

在使用前需判断要处理的数据是否存在，否则会产生阻塞问题加上判断后就不会报错了

2020-11-09 10:37:18 1149

原创 vue中子组件触发父组件方法

this.$parent即可触发this.$parent.getInputInfo('PAY_ACCT',agency_code);

2020-11-09 10:16:27 177

原创 vue中input校验只能输入正负数且保持两位小数

onkeyup="this.value= this.value.match(/\-|(\-?\d+(\.\d{0,2})?)/) ? this.value.match(/\-(\-?\d+(\.\d{0,2})?)/)[0] : ''"

2020-10-21 14:35:40 1951 3

原创 ES6删除和过滤对象中部分属性

ES6删除和过滤对象中部分属性

2020-10-19 15:20:01 1861

原创 GitHub如何配置SSH Key

GitHub如何配置SSH Key

2020-09-29 10:57:04 55

原创 vue中用js实现回到顶部效果

点击直接回到顶部，无动画效果backTop() { document.body.scrollTop = 0; document.documentElement.scrollTop = 0;}先快后慢backTop() { let scrollToptimer = setInterval(function () { // console.log("定时循环回到顶部"); var top = document.body.scrollTop || docu

2020-09-16 14:14:10 761

原创 vue中使用轮播图插件pagination小圆点样式失效问题

原因：scoped限制解决方案：在父标签class的基础上，进行样式穿透在sass/less中使用/deep/样式穿透.swiper-container/deep/ .swiper-pagination-bullet{ background: #f7bc1b;}在stulys中使用：>>>实现样式穿透.swiper-container>>>.swiper-pagination-bullet-active{ background: #f7bc1b;

2020-09-16 10:35:04 595

原创 Vue项目中使用轮播图插件vue-awesome-swiper

方式一：直接引入轮播图插件1、安装npm i [email protected] -S2、直接在组件中加载插件import Swiper from 'swiper';import 'swiper/dist/css/swiper.min.css';3、使用template模板中<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">sli

2020-09-15 13:30:43 1139

空空如也

空空如也