react.js
(● ̄(エ) ̄●)正秋七
还在努力搬砖的前端开发师一枚啦~
展开
-
总结关于vue和js的面试题【持续更新】
一、vue1. vue 双向数据绑定原理Vue通过Object原型上面的defineProperty方法,对每个Vue文件里面的data数据进行遍历,为每一个变量或者属性通过defineProperty进行数据重写,实现双向绑定2. 如何解绑双向数据绑定第一定义全局的变量,然后通过json.stringify去拷贝给data里面的数据第二就是使用v-once实现第一次以后的数据更改不会触发视图第三自己调用defineProperty去重新写一下通过json转换的方式,用JSON,对对象进原创 2021-09-10 17:05:09 · 134 阅读 · 0 评论 -
如何解决项目复制时可能前后会出现逗号?
如何项目复制时可能前后会出现逗号?参考代码如下// 复制时去除前后空格function addLink(e) { var body_element = document.body; var selection = window.getSelection(); var selectedText = selection.toString(); selectedText = selectedText.replace(/\s{1,}/g, ''); //做兼容 e = window.e原创 2021-09-10 16:18:17 · 622 阅读 · 0 评论 -
react.js 使用Echarts 实现点击选中图例时候最多只能选两个,最少不得少于一个
react.js 使用Echarts 实现点击选中图例时候最多只能选两个,最少不得少于一个1.安装echarts-for-react插件npm install --save echarts-for-react2.引入import ReactEcharts from 'echarts-for-react';3.使用getShadow() { const { consolidatStatements: { Trend }, } = this.props; le原创 2021-09-10 16:09:57 · 705 阅读 · 0 评论 -
react.js 如何二次封装antd Select组件加入穿梭框Transfer
react.js 如何二次封装antd Select组件加入穿梭框Transfer1.新增一个组件文件:ToMultiselectimport React, { Component } from 'react';import { Modal, Transfer, message, Popover, Input, Card, Button } from 'antd';import fetch from 'dva/fetch';import { object2formdata } from '@/ut原创 2021-09-10 15:55:35 · 1349 阅读 · 0 评论 -
react.js 如何完成多张图片转码Base64 组件
1.新增一个子组件文件:ToBase64Img.jsimport React, { Component } from 'react';import { Modal } from 'antd';import fetch from 'dva/fetch';import { object2formdata } from '@/utils/utils';import domain from '@/utils/domain-config';class ToBase64Img extends React.C原创 2021-09-10 15:50:14 · 520 阅读 · 0 评论 -
react 基于ant.design如何完成自定义Table列组件
react 自定义table列组件react 自定义table列组件,没有进一步放入缓存,仅线上配置自定义列新建一个组件文件 : ToCustomColumns.js 代码如下:import React, { Component } from 'react';import { Popover, Button, Checkbox, Row, Col, Card } from 'antd';import styles from './style.less';class ToCustomCol原创 2021-09-10 15:44:35 · 1387 阅读 · 0 评论 -
react.js 实现ant-design Table表格新增编辑复制form表单 实现批量添加
react.js 实现ant-design Table表格新增编辑复制form表单 实现批量添加如图所示,可进行添加单行,复制插入行和删除行,下面为代码实现逻辑 state = { dataSource: [], //table里的form表单 }; columns = [ { title: '广告', dataIndex: 'adSlotType', width: 150, render: (text, record,原创 2021-09-10 15:34:28 · 1973 阅读 · 0 评论 -
react.js ant-design中table 树结构三级嵌套时逻辑问题
实现三级嵌套树结构时,勾选三级里的子节点时候父节点也会自动勾选,当子节点大于一项时候取消勾选某一子结构时父节点不变;当子节点只有一项时父节点也会自动取消勾选import StandardTablePage from '@/components/StandardTablePage'; // 用户选中某一行 userSelect(record, selected, selectedRows, nativeEvent) { let { selectedRowKeys } = this.st.原创 2021-09-10 15:22:49 · 472 阅读 · 0 评论 -
react.js 如何进行多个嵌套逻辑处理
react.js 如何进行多个嵌套逻辑处理因为一个页面里同时出现的逻辑过多,例:三个类型,每个类型都有不同的配置项,选择A的时候B需要默认为X值,为了避免全部渲染出来导致页面卡顿的问题,做了配置项显示function GetAdType(params, adPlacementId) { var adType = params.filter(function(item) { return item.adPlacementId == adPlacementId; }); return原创 2021-09-10 15:15:15 · 350 阅读 · 0 评论