- 博客(16)
- 收藏
- 关注
RSS订阅
原创 react使用proxy解决跨域问题
目前开发的时候都是前后端分离，各自独立进行开发，虽然到最后前端和后端都会部署到同一台服务器上，但是在开发过程中，前端和后端需要进行联调，在这个过程中势必会出现跨域的问题。在写本文章之前我开发过程中遇到的跨域都是直接甩锅给后端，让后端的同学去解决，俗话说大前端小后端（开个玩笑，后端同学不要介意～），我们前端也应该具备解决跨域的能力。接下来就给大家介绍一下我刚才所尝试的前端来解决跨域的问题：使用r...
2019-08-28 16:23:15
8523
原创 vscode快速生成react初始化组件
编辑器vscode应用商店搜索ES7插件安装rcc快速生成一个react组件rconst快速生成一个constructor构建函数如果习惯使用class生命组件的同学最常用的应该是rce快捷键 这更符合我们常规操作还有好多其他的组件可以在使用的过程中慢慢了解~...
2021-09-18 10:43:03
631
原创 React项目导出excel表格
业务场景：现在常用的后台管理系统数据都以表格的形式展示在页面上，经常需要将表格里面的数据导出对应的表格来实现客户的需求，接下来就从react项目介绍一种前端实现导出excel最简单的方法安装插件 yarn add js-export-excel或者npm install js-export-excel 页面先引入安装的插件 import ExportJsonExcel from 'js-export-excel' 代码调用 <button className="formBtn s
2021-02-01 15:21:47
1282
原创 antd Table Pagination组件分页 onShowSizeChange onChange问题
antd分页组件当pagesize发生改变的时候会触发onShowSizeChange的回调，然后会触发onChange的回调，仔细看一下官网上介绍的这俩函数的区别onChange 页码改变的回调，参数是改变后的页码以及每页条数 function(page, pageSize) onShowSizeChange pageSize变化的回调 function(current, size) 通过官方API可以看出，onShowSizeChange->f...
2021-01-29 11:29:05
5605
8
原创 git配置ssh密钥
在进行配置之前 先检查当前电脑之前是不是已经生成：任意目录下打开git bash，执行: cd ~/.ssh如果能进入到.ssh目录，则证明，之前生成过.ssh，可以直接使用；如果不能进入到.ssh目录，则需要我们进行配置一、如果之前没有配置过 1.配置 git config --global user.name 'XXX' git config --global user.email 'XXX@XX.XXX' 2.生成密钥 ...
2020-12-14 11:01:10
276
1
原创 react webpack多入口应用项目配置
背景：目前前端主流的框架例如react、vue大多用于进行单页面开发，但是随着项目的不断扩大，如果每做一个项目都搭建一个框架有点过于浪费资源，或者在对公司的老项目进行迭代开发的时候整体架构需要做一些改善（比如很多早期的项目都是原生js或者jq写的 而且还存在还多前后端不分离的项目），在原有的项目上进行增加新的功能也会增加开发成本并且使得项目难以维护。本文章主要讲解在react项目中配置多页面多入口案例。
2020-12-11 16:07:02
996
2
原创 Git修改密码之后git push提示“fatal: Authentication failed for”
命令行输入git config --system --unset credential.helpergit config --global credential.helper store然后在执行git push 输入用户名和密码即可
2020-01-13 16:01:06
394
翻译 React面试过程中的那些事～
React作为现在前端开发领域的三大框架之一（React，Vue, Angular）广受前端同学的青睐，甚至会有一些刚步入IT行业的小白来说都会直接上手，今天我们就先来聊聊react的那些事～React的生命周期都有哪些？ 首先我们先来看一下React的整体生命周期图 Constructor：是ES6对类的默认方法，通过new命令生成对象实例时自动调用该方法。并且，该方法是类中必须有的，如...
2020-01-13 15:44:14
178
原创 react基础面试
React中keys的作用是什么？在开发的过程中，我们需要保证某个元素的key在其同级元素中具有唯一性。因此React Diff算法中React会借助元素的key值来判断高元素是新近创建的还是被移动而来的元素，进而减少一些不必要的元素重新渲染，提高性能。此外，React还需要借助key值来判断元素与本地状态的关联关系，因为key值在开发的过程中非常重要。keys是react用于追踪哪些列表中元素被...
2019-07-01 14:55:51
219
原创 前端面试题——基础知识
由于前端知识点太多就很复杂，面试的时候有很多面试官又经常问一些偏基础的技术点，故整理此文章来帮助大家更高的应对面试，也以备自己不时之需。div垂直水平居中的方法 1. .parnet { position: relative; width: 100%; height: 200px; background: red; }...
2019-03-15 16:06:24
584
转载 如何在React中配置eslint进行代码检测
首先需要安装依赖包npm install eslint --save-dev npm install eslint-config-airbnb --save-dev npm install eslint-plugin-import --save-dev npm install eslint-plugin-jsx-a11ly --save-dev npm install eslin...
2019-01-31 11:03:26
1058
转载 .eslintrc配置文件
{ "parser": "babel-eslint", "extends": "airbnb", "rules": { "generator-star-spacing": [0], "consistent-return": [0], "react/forbid-prop-types": [0],
2019-01-31 11:02:43
965
原创 如何正确使用form表单提交
使用form表单提交数据的时候一般情况下我们会直接使用type为submit的按钮直接进行提交数据，但是在提交之前前端有时候需要校验提交的数据是否正确（比如上传的文件格式，用户输入的内容等等）并且监听数据是否上传成功。这个时候我们可以给提交按钮绑定点击事件。form表单的action属性在页面初始化的时候设置，点击事件中我们可以获取到用户上传的数据进行校验这个还比较容易实现，但是我们如何得知数据...
2019-01-28 11:40:08
1408
1
原创 jquery-form.js文件
/*! * jQuery Form Plugin * version: 4.2.2 * Requires jQuery v1.7.2 or later * Project repository: https://github.com/jquery-form/form * Copyright 2017 Kevin Morris * Copyright 2006 M. Alsup * ...
2019-01-28 11:39:02
1491
原创 React生命周期函数的正确使用
当一个页面中存在父子组件时需要注意使用componentWillMount和componentDidMount这两个生命周期函数，如果需要先加载父组件里面数据传递给子组件，然后再加载子组件（获取网络数据）这种情况下我们不能同时在子父组件中都是用componentDidMount来获取数据，因为这个时候会先执行子组件的componentDidMount生命周期函数，但是此时还未得到从父组件传递过来的...
2019-01-27 18:40:51
475
原创 初识vue和mongoDB
1, mondb专业术语 表 行 列这个表列行的概念没找到 专业术语查看node.js的ppt课件 db.foo.find(…).limit(n) 根据条件查找数据并返回指定记录数 db.foo.find(…).skip(n) db.foo.find(…).sort(…) 查找排序 db.foo.findOne([query]) 根
2017-12-04 15:09:44
660
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人