colorPicker

Dolores_me — Thu, 28 Sep 2023 14:38:12 +0800

【代码】colorPicker。

电脑测试，模拟微信内置浏览器Firefox/chrome

Dolores_me — Mon, 11 Oct 2021 17:57:04 +0800

在 Chrome 中模拟微信内置浏览器微信和 QQ 内置浏览器 UA 安卓 QQ 内置浏览器 UA: Mozilla/5.0 (Linux; Android 5.0; SM-N9100 Build/LRX21V) > AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 > Chrome/37.0.0.0 Mobile Safari/537.36 V1_AND_SQ_5.3.1_196_YYB_D > QQ/5.3.1.2335 NetT

ideal+本地数据库

Dolores_me — Tue, 23 Mar 2021 16:55:55 +0800

1.安装mysql 2.进入mysql： mysql -u root -p show databases; // 显示目前存在的数据库 create database sasWeb; //创建新的数据库 use sasWeb; //使用sasWeb source /Users/dolores/projects/mysqlDatabase/Dump20201019.sql 导入数据库 3. 在ideal中修改配置，链接本地数据库打开db.propert...

antd+qiniu React上传图片到七牛服务器

Dolores_me — Fri, 16 Oct 2020 10:21:48 +0800

import React, { useState, useEffect } from 'react'; import PropTypes from 'prop-types'; import axios from 'axios'; import * as qiniu from 'qiniu-js'; import { Drawer, Form, Button, Input, Row, Col, message, Checkbox, Select } from 'antd'; import WangEdito.

antd--table随笔

Dolores_me — Mon, 28 Sep 2020 20:02:33 +0800

react+react-sage+react-redux+react-router Table中loading如果使用saga不好处理，可以这样做

antd-随笔-form表单相关

Dolores_me — Mon, 21 Sep 2020 16:28:43 +0800

1.form+radio.group 想设置默认值，需要在form的initialvalues中设置 2.form表格的submit，如果想设置其余参数，那就不要使用form.submit，使用外部传入的submit方法： const handleSubmit = () => { form.validateFields().then(() => { ...

赛事状态判断逻辑

Dolores_me — Tue, 15 Sep 2020 19:47:02 +0800

1.是否上下架（已下架） 2.是够报名已关闭（全部分组都关闭时是报名已关闭状态） //状态不需要 3.报名未开始/报名中/报名已结束/活动已结束 //人员已满

js根据当前日期计算最近n/6个月的总天数

Dolores_me — Mon, 14 Sep 2020 17:24:23 +0800

var nowDate=new Date(); var nowDate=new Date(nowDate.getFullYear(),nowDate.getMonth(),nowDate.getDate()); var preDate=new Date(nowDate.getFullYear(),nowDate.getMonth()-6,nowDate.getDate()); var days=(nowDate.getTime()-preDate.getTime())/(1000*60*60*.

useImperativeHandle的使用 useImperativeHandle + rc-form 的使用

Dolores_me — Tue, 11 Aug 2020 11:48:17 +0800

useImperativeHandle的作用是，在hook中实现父组件调用子组件中的函数或方法。要搭配React.forwardRef将子组件包裹。下面是代码实现：子组件 function Child(props, ref){ const [a, setA] = useState(0); const getA(){ return a; } useImperativeHandle(ref, ()=>{ return a; }), [

freemaker常用功能[下载，函数，split(“, “) ]

Dolores_me — Tue, 07 Jul 2020 20:23:33 +0800

1.freemaker中a标签强制下载【?attname=${e?url}】 ${o.fieldName}下载 2.freemaker中string变array 【?split()】 <#assign time = e?split(':') /> <#list time as t> <#if t_ind

idea快捷键（选择、搜索）

Dolores_me — Tue, 23 Jun 2020 17:55:46 +0800

windows： Add/remove a selection:Alt+Shift+Mouse Click Select/unselect the next occurrence:Alt+J/Shift+Alt+J(Ctrl+G/Shift+Ctrl+G) for Mac OS X) Select all occurrences:Shift+Ctrl+Alt+J(Ctrl+Cmd+Gfor Mac OS X) Clone caret a...

moment.js中时间管理相关API

Dolores_me — Tue, 09 Jun 2020 15:46:52 +0800

两个日期/时间的时差： moment(endTime).diff(moment(startTime), 'years') moment(endTime).diff(moment(startTime), 'months') moment(endTime).diff(moment(startTime), 'days')//开始时间和结束时间的时间差，以“天”为单位； moment(endTime).diff(moment(startTime),'minutes' ) moment(endT...

react路由如何传递多个参数，并获取多个参数

Dolores_me — Sat, 06 Jun 2020 10:37:07 +0800

应用场景：需要传递多个参数，但是只在url中显示其中一个，其他参数在props中获取：使用函数组件HOOKS：使用js添加到路由 props.history.push({pathname: '/function/insurances/buy/' + props.caseCode, state: { eventId: eventId, eventTitle: eventTitle, reason: '' .

From.List用法详解

Dolores_me — Fri, 29 May 2020 13:13:57 +0800

1.Form.List用法好处：可以使用antd中自带的验证。 2.不可控组件，用法简单使用栗子：https://codesandbox.io/s/wonderful-lichterman-br63z?file=/index.js:1723-1742 可在form中加入初始值： Form.List中可以有多个字段，name要定义为 name={[field.name, "lastName"]} //第二项是组内设置的name值 fieldKey={...

react 字符串与组件（JSX）如何拼接？

Dolores_me — Thu, 28 May 2020 13:57:02 +0800

相信大家在开发中都遇到过这种问题 {isExpanded ? '展开' : '收起'} {isExpanded ? : } 点击展开和收起时更新a标签中对应的内容，不过因为符号是一个组件，不能简单的处理，其实只需要在外层添加一个div就可。 {i

react-Dnd 简单拖拽主要Api

Dolores_me — Wed, 20 May 2020 14:38:17 +0800

React DnD使用数据而不是视图作为事实来源，本质上是将拖动的数据描述为对象，不操作实际dom API： 1、项目和类型：这些类型使您可以指定兼容哪些拖动源和放置目标 type: 'box' //自定义（类型非常有用，因为随着应用程序的增长，您可能希望使更多的东西可拖动，但是您并不一定希望所有现有的放置目标突然开始对新项目做出反应。） 2.监控器：监视器使您可以响应于拖放状态更改来更新组件的道具。对于需要跟踪拖放状态的每个组件，您可以定义一个收集函数，该函数从监视器中检索其相关位 //mi

antv + G2，如何redux-saga+ G2

Dolores_me — Tue, 12 May 2020 18:57:57 +0800

1.定义一个全局chart，方便使用chart.changeData(newData) 2.定义chart时，原始数据不能为空，并且结构要与newData结构相同 3. scale（度量）、 legend（图表）、tooltip（提示）、axis（坐标轴）都可以自定义 const data = [ {PV: 0, IP: 0, time: ''} ]; //必须设置相同的数据结构的数据才能使用changeData const chart = n

重启mac或者nginx还需要必须打开的一个mac端口转发服务

Dolores_me — Tue, 25 Feb 2020 10:21:01 +0800

1.当mac重启时，有些服务电脑会自动重新启动，而有些服务则需要手动执行一些启动命令，比如端口转发。 http://shaofan.org/mac-bind-80-port/ （系统升级到10.15.3以上，系统会自动把端口转发配置文件清理掉，按照网址上操作一下就好了） ###具体步骤 sudo vim /etc/pf.conf 添加 rdr on lo0 inet proto tcp f...

freemaker变量格式?string ?html ?url freemaker语法入门

Dolores_me — Fri, 06 Dec 2019 14:08:04 +0800

1.使用布尔值变量？c 布尔值变量可直接用于判断 <#ifunPaid>未付款<#else>已付款 ${unPaid?c} 就会显示出字符串true or false 2.处理含有单双引号的字符串，使用？js_string ?js_string，具体案例： https://mp.youkuaiyun.com/postedit/100115574 ...

前端post请求时，富文本中&被截断为多个参数

Dolores_me — Tue, 29 Oct 2019 16:32:22 +0800

1.问题描述：获取到的富文本，直接将content赋值为到data中，此时“&”会自动截断为每个提交的参数。 vardata=$("#form").serialize(); 解决方案： 1.使用form的submit（）方法。 2.使用$.post()，将参数一个个传进去 $.post({ id: id, content: content }) 3....

Dolores_me的博客