- 博客(12)
- 资源 (3)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 Ant Design3.x文件上传实例
upload.jsx：import React, { Component } from 'react'import { Upload, message, Button, Space} from "antd"const props = { name: 'myFileName', action: '/api/upload', headers: { authorization: 'authorization-text', }, onChange(info) { if
2021-04-24 10:26:45
592
原创 ACE Editor在线代码编辑器在React中的使用
ACE 是一个开源的、独立的、基于浏览器的代码编辑器，可以嵌入到任何web页面或JavaScript应用程序中。ACE支持超过60种语言语法高亮，并能够处理代码多达400万行的大型文档。ACE开发团队称，ACE在性能和功能上可以媲美本地代码编辑器（如Sublime Text、TextMate和Vim等）。ACE是Mozilla Skywriter（以前称为Bespin）项目的继任者，并作为Cloud9的主要在线编辑器。以下是它的详细特性：可以对60多种语言进行语法着色(可以导入TextMate/
2021-04-24 09:56:48
1962
原创 Ant Design 3.25.0中如何进行表单验证
index.jsx（父组件）：import React from 'react'import { Row, Col, Card, Input, Button, Table, Tag, Modal, message, Tooltip } from 'antd';import moment from 'moment'import axios from 'axios'import 'moment/locale/zh-cn';import "./question.css"import Create
2021-04-22 21:41:29
334
原创 React+wangEditor V4富文本编辑器+Node.js实现图片上传
1、安装wangeditor 4.6.15：npm i wangeditor@4.6.15 -S2、editor.jsx：import React, { Component } from 'react'import { Button, Space } from "antd"import E from 'wangeditor'export default class Editor extends Component { state = { content: ""
2021-04-17 18:19:09
687
原创 Ant Design RangePicker中如何动态初始化值？
import React from 'react';import { Modal, Form, Input, Button, InputNumber, Select, Checkbox, Radio, DatePicker } from 'antd';import moment from 'moment'import 'moment/locale/zh-cn';import locale from 'antd/es/date-picker/locale/zh_CN';export defaul.
2021-04-16 23:17:44
1620
转载 React+Ant design日期组件DatePicker设置结束时间不能小于开始时间
import React, { Component } from 'react'import { DatePicker, Button } from 'antd';import 'moment/locale/zh-cn';import locale from 'antd/es/date-picker/locale/zh_CN';export default class TimelineCom extends Component { state = { startValue:.
2021-04-15 22:44:23
2036
原创 css 强制不换行超出显示省略号，自动换行超出显示省略号
强制不换行white-space:nowrap;自动换行word-wrap:break-word;强制英文单词断行word-break:break-all;*注意：设置强制将英文单词断行，需要将行内元素设置为块级元素。超出显示省略号text-overflow:ellipsis; overflow:hidden;内容超过DIV宽度后显示省略号单行white-space: nowrap;overflow: hidden;text-overflow: e
2021-04-10 10:02:08
315
转载 CSS总结div中的内容垂直居中的四种方法
一、行高（line-height）法如果要垂直居中的只有一行或几个文字，那它的制作最为简单，只要让文字的行高和容器的高度相同即可，比如：p { height:30px; line-height:30px; width:100px; overflow:hidden; }二、内边距（padding）法另一种方法和行高法很相似，它同样适合一行或几行文字垂直居中，原理就是利用padding将内容垂直居中，比如：p { padding:20px 0; }三、模拟表格法将容器设置为dis
2021-04-10 09:19:56
4851
转载 纯css实现容器高度随宽度等比例变化的两种解决方案
1、padding-bottom实现这里方法非常巧妙，由于padding-bottom的属性值百分比是按照父容器的宽度来计算的，所以这里我们设置容器宽度为父容器的50%；padding-bottom也为50%；就都是父容器宽度的50%；显示出来就是一个完美的正方形了。<style type="text/css">#container { width: 80%; height: 500px;}.box{ width: 50%; height: 0;
2021-04-10 09:06:04
1259
原创 vue调试工具vue-devtools安装及使用
1、到github下载：（下载一定要记得是master主分支的代码，默认克隆后进入的是dev分支，执行npm run build会报错）直接下载zip文件即可。github国内很多地方访问不是很稳定，git clone下载代码的方式可能会比较慢，所以直接下载zip文件。2、在vue-devtools目录下安装依赖包：cd vue-devtoolscnpm install3、依赖包下载完后执行cnpm run build,编译打包成功后会在shells下生成chrome文件夹。此文件夹
2021-04-04 18:34:45
3612
原创 vue element的单选框组模拟tabs使用echarts
<template> <el-card> <el-row> <el-col :span="12"> <el-radio-group v-model="chartComponents"> <el-radio-button label="lineChart">折线图</el-radio-button> .
2021-04-04 15:37:31
249
原创 vue element的tabs中使用echarts
tabs中使用echarts，除了第一个图表能默认显示外，当tabs切换的时候，第一个之后的可能就显示不了了，如何解决？<template> <div> <el-row> <el-col :span="24"> <el-card> <el-tabs v-model="activeName" type="card" @tab-click="handleClick"> .
2021-04-02 09:13:20
2107
将Google Analytics(分析)添加到Android 应用实例
2018-03-25
用百度WebUploader文件上传插件上传文件时能在前端对文件进行加密后再上传吗？
2019-10-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人