- 博客(20)
- 收藏
- 关注
RSS订阅原创 moment 时间差计算方法
moment 时间差计算方法 var x = new moment() var y = new moment() var duration = moment.duration(x.diff(y)); // diff 方法时长对象// duration返回时间戳差值// duration().days() 根据hours,weeks不同方法返回不同单位的时间...
2021-07-22 14:54:12
415
转载 获取贝塞尔曲线控制点坐标
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> </style></he
2021-07-20 16:20:58
1143
转载 canvas绘图详解
canvas绘图详解-06-绘制一个五角星-常用绘图原理先讲如何画一个正规的五角星先讲如何画一个正规的五角星在五角星的内外画两个圆，五角星有五个角，360/5=72度所以得出这两个角的度数然后算出这两个点坐标角度转弧度角度/180*Math.PI所以外顶点坐标 x: Math.cos( (18+72i)/180Math.PI) * R y: Math.sin((18+72*i)/180*Math.PI) * R所以内顶点坐标 x: Mat
2021-07-20 10:06:45
139
原创 react-hooks获取antd4 form表单值
react-hooks获取antd4 form表单值import { Form, Input, Button, Checkbox } from 'antd';const Demo = () => {const [form] = Form.useForm();//获取form实例//通过form.getFieldsValue()就可获得form表单数据 console.log(form.getFieldsValue()) <Form.Item label="Usern
2021-02-22 19:38:02
2027
转载 http请求头字段
http请求头字段对应含义Accept : 浏览器（或者其他基于HTTP的客户端程序）可以接收的内容类型（Content-types）,例如 Accept: text/plainAccept-Charset：浏览器能识别的字符集，例如 Accept-Charset: utf-8Accept-Encoding：浏览器可以处理的编码方式，注意这里的编码方式有别于字符集，这里的编码方式通常指gzip,deflate等。例如 Accept-Encoding: gzip, deflateAccept-Lang
2021-02-19 16:08:05
915
原创 react+dva的简单使用
react + dva基本配置src/index.js 文件import dva from 'dva';import router from './router/index';import { createBrowserHistory } from "history";import store from './store/index.js';const app = dva({ history:createBrowserHistory() // histore信息});store(app)
2021-02-01 19:25:32
370
原创 合并多个useReducer
多个useReducer的合并方法首先创建一个store文件，在store文件下创建存放仓库state状态文件夹和存放reducer方法的文件夹将存放store和reducer的文件进行一个合并这里我将多个state和多个reducer分成多个文件方式进行合并import {useReducer} from 'react';import {Contex} from './context';import combineReducers from './combineReducers';//通
2021-01-31 18:53:46
508
原创 mac 配置全局环境
在用户文件夹下的在这个标志的文件夹下新建名为： ~/.bash_profile 的文件//按照此格式写需要配置的文件的路径export MAVEN_HOME=/Library/Nodejs/npm export PATH=$PATH:$MAVEN_HOME/bin
2021-01-28 16:29:43
946
原创 mac创建快捷新建文本方式
新建文本的快捷方式创建command + 空格快捷搜索 Automator打开Automator后选择快速操作工作流程：选择没有输入 位于:选择访达选择左侧实用工具选项，将实用工具中的运行AppleScript双击或者拖到右侧将此段代码覆盖原有的代码(下图红色位置)on run {input, parameters}tell application “Finder”set selection to make new file at (get insertion loc
2021-01-16 12:59:09
901
原创 react生命周期
react生命周期初始化constructorcomponentWillMount 组件将要加载rendercomponentDidMount 组件加载完毕更新componentWillReceiveProps 组件将要接受参数shouldComponentUpdate 组件是否更新getSnapshotBeforeUpdate 在更新前获取截图componentWillUpdate 组件将要更新（this.forceUpdate强制更新）componentD
2021-01-03 10:10:01
45
原创 React Hooks
useState 的使用import {useState} from 'react'function Example(){//count 为定义的变量 ，通过setCount对变量进行重新赋值 ，useState('初始值') const [count,setCount] = useState(0); return ( <div> <p>You clicked {count} tiimes</p> <button onClick={()=&
2021-01-02 20:53:37
171
原创 redux的使用
Redux 的 使用流程npm install reduxstore/index import {createStore} from 'redux' import reduce from './reduce'; let store= createStore(reduce); export default store;store/reduce.jslet defaultState = {name:'li'}function reduce(state=defaultState,
2021-01-02 13:27:47
207
原创 provide、inject 的使用
provide、inject 的使用provide、inject需要在一起使用、允许一个祖先向其所有子孙后代注入一个依赖、不论组件层次有多深，并且在上下游关系成立的时间里始终生效。实例：1.父组件：provide(){ return{ map_nodeObj:{ map_node:this.obj } }}子组件中引入inject:{ map_nodeObj:{ default:()=>{ return { map:'0' } } }
2020-12-29 14:42:43
212
原创 webpack-mereg
webpack-meregconst { merge } = require('webpack-merge'); // Default APIconst output = merge(object1, object2, object3, ...);// You can pass an array of objects directly.// This works with all available functions.const output = merge([object1, objec
2020-12-26 16:21:42
88
原创 vue 项目中img标签加载失败默认样式解决
vue 项目中img标签加载失败默认样式解决方法一：<img src=’’ :οnerrοr=’'defaultImg"/>默认图片地址:defaultImg方法二：< img src=“123” @error=“defImg()” />在defImg方法中对img标签进行操作
2020-12-25 16:52:02
633
原创 vue + element ui 实现复制内容
vue + element ui 实现复制内容npm i vue-clipboard2import Vue from 'vue'import VueClipboard from 'vue-clipboard2' VueClipboard.config.autoSetContainer = true // add this lineVue.use(VueClipboard)<el-input type="text" v-model="message"> <el-
2020-12-19 16:25:39
1740
1
原创 vue 样式穿透
vue 样式穿透vue修改组件库样式的可能不生效，原因是 中scoped的问题导致的，需要样式穿透。 样式穿透的几种方法： 1. stylus的样式穿透使用：(>>>): 外层类>>>想要修改的类名{ 要修改的样式 } 例：.wrapper >>> .el-card__header { border-bottom: none } 2.sass和ess的样式穿透 使用：(/deep/)不生效可使用::v-deep: 外层类
2020-12-09 09:38:17
356
原创 mobx 6视图更新
mobx 6视图更新需要在store仓库中添加 makeObservableimport { makeObservable} from "mobx";class OrderLine { constructor(){ makeObservable(this) }}export default new OrderLine()
2020-10-13 09:44:41
520
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人