前端
关注
分享
扫一扫
前端有关知识总结
李zhuang
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
获取贝塞尔曲线控制点坐标
<!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 · 1342 阅读 · 0 评论 -
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 · 256 阅读 · 0 评论 -
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 · 2161 阅读 · 0 评论 -
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 · 1196 阅读 · 0 评论 -
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 · 460 阅读 · 0 评论 -
合并多个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 · 616 阅读 · 0 评论 -
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 · 247 阅读 · 0 评论 -
vue 项目中img标签加载失败默认样式解决
vue 项目中img标签加载失败默认样式解决方法一：<img src=’’ :οnerrοr=’'defaultImg"/>默认图片地址:defaultImg方法二：< img src=“123” @error=“defImg()” />在defImg方法中对img标签进行操作原创 2020-12-25 16:52:02 · 754 阅读 · 0 评论 -
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 · 1930 阅读 · 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 · 493 阅读 · 0 评论 -
mobx 6视图更新
mobx 6视图更新需要在store仓库中添加 makeObservableimport { makeObservable} from "mobx";class OrderLine { constructor(){ makeObservable(this) }}export default new OrderLine()原创 2020-10-13 09:44:41 · 623 阅读 · 0 评论