- 博客(21)
- 收藏
- 关注
RSS订阅原创 element ui
input 只允许输入正整数 <el-input v-model="props.rows" placeholder="请输入行" type="number" min="1" step="1" onkeypress="return( /[\d]/.test(String.fromCharCode(event.keyCode) ) )" autocomplete="off"
2022-01-05 14:18:40
206
原创 HookReact
一、State Hookconst [age, setAge] = useState(42);二、Effect HookuseEffect给函数组件增加了操作副作用的能力，跟 class 组件中的 componentDidMount、componentDidUpdate 和 componentWillUnmount 具有相同的用途，只不过被合并成了一个 API。 useEffect(() => { document.title = `You clicked ${count} ti
2021-12-11 22:26:42
570
原创 VUE2.0
1.配置路由 vue-routerexport default new Router({ routes: [ { path: '/user/:id', name: 'User', component: User }, ]})嵌套路由命名视图重定向路由跳转//声明式导航<Router-link to="/index">去home</Router-link><router-link :to="{path
2021-12-11 00:26:38
604
原创 react
1. react的脚手架：1.安装脚手架并且创建项目cnpm / npm i create-react-app -gcreate-react-app myapp2.使用npx直接创建项目npx create-react-app myapp (npm 的版本必须在5.2.0以上)3.使用npm创建项目npm init react-app myapp （npm的版本必须在6.0.0以上）...
2021-12-10 23:12:29
121
原创 VUE
VUE一、基本介绍1.基础1.设计模式MVC业务逻辑，数据，界面显示分离，改变交互不需要改变业务逻辑。优点：耦合性低，生命周期成本低，重用性高缺点：模型视图严格分离MVP数据层，视图层，发布层，在视图中不直接使用model,之间的通信通过Presenter进行，交互都在其中，而MVC中直接从model中读取数据。MVVM利用一些指令绑定，就能在model和viewModel保持不变的情况下，将ui与逻辑分离，model代表我们所需要的数据模型，不会影响浏览器如何展示数据。2.双向
2020-10-09 14:50:08
98
原创 百度大集合啦
input 密码框自动填充 <Input size="large" type="password" autocomplete="new-password" />链接: link.https://www.cnblogs.com/htmlli/p/8949651.html链接: link.
2020-08-18 11:06:42
88
原创 数组的方法
reduce const arr = [ { amount: 10, index: 1 }, { amount: 15, index: 2 }, { amount: 50, index: 3 }, ]; const arr = data.map((item) => item.amount); const newData = arr.reduce((prev, acc, index, arr) => { console
2020-08-05 14:19:38
107
原创 PL姐姐的成果
import React, { useRef, useEffect, useState, forwardRef } from 'react';import { CloseCircleFilled, MoreOutlined, PlusOutlined,} from '@ant-design/icons';import { Badge, Avatar, Button, Tooltip } from 'antd';import SelectModal from './SelectModal'
2020-07-02 15:12:51
203
1
原创 antd上传文件OSS
封装组件：import React from 'react';import { Upload, message, Button } from 'antd';import { UploadOutlined } from '@ant-design/icons';import axios from 'axios';class AliyunOSSUpload extends React.Component { state = { OSSData: {}, }; async compo
2020-06-17 15:18:34
1537
原创 antd上传头像OSS
import React, { useState, useMemo } from 'react';import { LoadingOutlined, PlusOutlined } from '@ant-design/icons';import { Upload, message } from 'antd';import { uploadOss } from '@/service/common';function isAbsoluteURL(url) { return /^([a-z][a-z\
2020-06-17 14:22:31
879
原创 git
1、在当前分支下（一般是master分支），创建feature的本地分支分$ git checkout -b featureSwitched to a new branch ‘feature’2、将feature分支推送到远程$ git push origin featureTotal 0 (delta 0), reused 0 (delta 0) To code.aliyun.com:1273398724/test.git * [new branc
2020-06-16 10:54:10
91
原创 封装请求axios
封装axiosimport axios from 'axios';import FileSaver from 'file-saver';import { notification, message } from 'antd';import store from '@/utils/configureStore';const codeMessage = { 200: '服务器成功返回请求的数据。', 201: '新建或修改数据成功。', 202: '一个请求已经进入后台排队（异步任务）
2020-05-26 15:55:31
150
原创 antd 使用笔记
1.antd 将时间转成13位时间戳 onChangeweek1 = (date, dateString) => { const newdate = Date.parse(date);//13位时间戳 //或者 const data2 = new Date(dateString); data2.getTime()//13位时间戳 };2.react...
2020-03-04 16:54:20
384
原创 TIPS
1const Types = Object.freeze(obj);//作用：冻结一个对象。一个被冻结的对象再也不能被修改const id = Types[type];//根据对象的键找值
2020-01-07 13:31:52
97
原创 react HOOK
react hook高阶组件Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。一、useState const [fboList, setFbolist] = useState([]); const [flowlist, setFlowlist] = useState({}); //声明变量，定义类型...
2020-01-07 13:30:04
215
原创 前端将文件/图片传给后端
我的vue项目中需要将图片传给后台。首先：HTML代码：<input name="file" type="file" @change="updata"/>传给后台有两种方式：1.form提交data() { return { fileList: [], dialogVisible:false, base:"", ...
2019-11-19 11:23:44
9479
4
原创 创建vue项目，Element安装使用
创建项目npm i @vue/cli -g vue creat myapp页面布局app.vuesass库src中的lib抽离页面组件src中components 的底部组件src的views home页面创建路由…()=>import () 路由懒加载/路由重定向请求数据npm i axios -S图片没有出来又reffer校验，在index中...
2019-11-02 09:57:19
211
原创 手把手教你写react项目
1.创建项目cnpm / npm i create-react-app -gnpx create-react-app myapp2.抽离配置文件cd myapp运行 npm run eject 抽离配置文件修改package.json ，配置dev指令3.配置项目配置src文件夹的别名 @pakeage.json的alias选项中： 'react-native'...
2019-09-21 21:23:11
1663
1
原创 反向代理proxy
跨域：跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，基于同源策略的保护，请求不到数据同源策略：同协议，同端口，同域名如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击跨域解决方案：jsonp , cors (后台) ,反向代理react反向代理1.配置单个反向代理在package.json 中添加proxy选项组件中调用时去掉域名即可在webpack版本2.0以...
2019-09-19 13:59:26
1761
原创 react
react1.空脚手架github地址：下载后安装react:cnpm icnpm i react react-dom -S2.新建index.html,在body标签中写一个id为root的div<body> <div id="root"></div></body>3.在入口文件此处为index.jsimport Reac...
2019-09-10 17:53:37
187
原创 webpack
1.首先新建一个文件夹，创建配置文件webpack.config.js。新建一个src文件夹，里边放main.js文件，我们先在此文件中console.log(“aaa”)在配置文件中：module.exports = { entry:{//入口文件 app:'./src/main.js' //入口文件路径，打包后会出现app.js }, output:{//出口文件 pat...
2019-09-07 13:37:51
94
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人