- 博客(23)
- 收藏
- 关注
RSS订阅原创 两种获取接口返回值进行处理的方法（回调和async与promise结合）
通过传入回调函数的方式function getData(callback) { fetch('https://get.zhushang.net/new_zhu_pro/public/index.php/api/getTaskDetailInfoByTaskID?id=64') .then(res => res.json()) .then(res => { ca...
2020-02-27 17:38:31
2079
原创 flex学习笔记（附常用flex布局）
轴的概念主轴: 水平方向交叉轴: 垂直方向容器: 分为父容器和子容器容器属性父容器: flex-directin flex-wrap flex-flow justify-content align-items align-contentflex-direction: 布局方向row(默认): 主轴方向从左到右row-reverse: 主轴方向从右到左column: 交叉轴方...
2020-02-27 11:50:21
230
原创 js复制文本到剪切板(使用原生和引入库的方式）
封装一个copy方法(并加上消息提示)copy = (e) => { let copyDom = document.createElement("input"); // 获得需要复制的内容 copyDom.setAttribute("value",e); //不需要让他displaynone // copyDom.style.display = "no...
2020-02-27 10:21:09
436
原创 vscoce占用内存过高解决方案
首选项 -> 设置 -> 搜索:search.followSymlinks快捷键: ctrl + shift + p弹出来的设置回车进入也行将true -> false即可如果是中文版的描述为将复选框取消即可,我的是已经取消了的重启vscode...
2020-02-27 09:29:38
504
原创 umi面包屑和页头配置和使用
在使用umi框架的时候,本来我们的页面是只能写在如图所示位置的内层红框中通过审查元素可得,是由于框架自带的一个样式有margin导致了我们的内容正常情况是无法布局到外面去的(因为一般我们不会改框架自己写好的样式)那么如果我们想要实现像这样的面包屑和页头要怎么办呢umi自己封装了一个组件PageHeaderWrapper,使用起来也非常简单import React from 'reac...
2020-02-26 23:32:07
7402
5
原创 前端禁用f12,右键菜单等
说明: 如果使用vue或者是react项目的话,将代码写在生命周期函数中,组件加载完毕的生命周期中,如果是使用的原生的就写在script标签中禁用f12document.onkeydown = function () { if (window.event && window.event.keyCode == 123) { alert("F12被禁用"...
2020-02-26 19:49:08
3129
原创 dva中对于mock的简单使用(另附umi中的使用方法和自己手动fetch发送请求方法,还有mock中response和request参数的配置)
在根目录的mock目录下新建一个文件’mockData.js’,写入下面代码module.exports = { 'GET /api/mockData': (request, response) => { console.log(request); response.send({ msg: '登陆成功' }) }}在根目录下的.roa...
2020-02-26 16:37:12
1949
原创 dva学习笔记（附带serve层封装请求的使用方式）
介绍:轻量级框架dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架全局安装dva-cli1). npm install dva-cli -g2). dva -v查看版本创建项目dva new dva-demo提供功能:开发服务器,构建...
2020-02-26 16:03:27
508
原创 处理warning:Each child in a list should have a unique “key” prop.
问题: 使用react在循环生成多个组件的时候经常会报一个警告:Each child in a list should have a unique “key” prop原因: 这是由于在进行组件遍历的时候没有加一个key来进行区分每个组件,因为dom需要deff进行对比解决方案:如果是进行循环遍历生成组件的,将key设置为index即可Html = () => {const d...
2020-02-26 10:13:57
94621
7
原创 修改antd中选择器修改不了的样式
据官网的API进行修改直接添加样式进行修改重点: 如果不能直接修改样式的组件，该怎么修改它的默认样式呢？解决方案: 通过修改antd全局样式F12打开控制台的审查元素,找到需要修改的元素如图中箭头的选择器是antd的,我们的项目中如果直接是修改不了的通过global关键字来全局修改即可生效:global(.ant-tabs .ant-tabs-left-bar .ant...
2020-02-24 14:03:16
2464
原创 纯前端导出excel
每个页面需要单独配置options，比较麻烦。定制化程度不高，只能直接导出一个。这个版本支持去掉不需要的列。，如果有不需要的列（比如。
2020-02-17 21:48:57
351
原创 vscode快速生成代码块
ES7 React/Redux/GraphQL/React-Native snippets常用代码块生成无状态组件 rfc生成类组件 rcc打印 clg导入 imp导入React imr导入React,useState,useEffect imrse生命周期方法 cdmthis.setState sst类组件定义方法 met生成匿名函数 ...
2020-02-15 11:31:24
3421
1
原创 封装一个金额转化方法,包括转化千分位和大写金额
/** * Lq * 2020-2-14 * 将金额标准化,保留两位小数,并转化为千分位 */ formattingMoney: (money:number):string => { return money.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,'); }...
2020-02-15 09:32:10
500
原创 ant design pro项目中添加面包屑
导入面包屑组件import { PageHeaderWrapper } from '@ant-design/pro-layout';在return的jsx最外层包裹面包屑组件 <PageHeaderWrapper title="我的测试"> 这是我的测试页面 </PageHeaderWrapper>其中:title参数为面包屑下面的标题在路由...
2020-02-14 15:42:20
10617
6
原创 使用useEffect方法做到useState回调效果
当使用hook的useState的时候,我们会需要更新完数据之后执行一个回调方法,但是useState没有回调,怎么办呢,通过useEffect来达到同样效果问题环境:组件加载完成之后我要请求一个接口,拿到接口返回的数据之后再将它打印出来初次想法 const [data, setData] = useState({}); // 组件加载时执行一次 useEffect(() =>...
2020-02-14 10:04:54
6776
1
原创 antd中Form组件表单校验使用的Form.create()
两种用法注意: 这两种方式都要return一个jsx,要不然会报错类组件class CustomizedForm extends React.Component {...代码}CustomizedForm = Form.create({})(CustomizedForm);export default CustomizedForm函数组件const aaa =(form...
2020-02-13 10:48:32
5945
原创 vscode无法连接到扩展商店
打开设置 -> 应用程序 -> 代理服务器 -> proxy将http://127.0.0.1:8080填入即可
2020-02-11 22:30:50
14117
6
原创 git使用ssh方式绑定远程仓库
如果是第一次设置的话需要配置一下自己的用户名和邮箱git config --global user.name "xxx"设置用户名git config --global user.email "xxx@xxx.com"设置密码git config --list查看git配置信息检查是否原来有ssh keycd ~/.ssh;ls看是否存在 id_rsa 和 id_rsa.pub文件，...
2020-02-11 21:15:05
560
原创 解决git每次提交代码都要输入帐号和密码问题
执行下面这条代码git config --global credential.helper store然后首次提交的时候输入一次帐号和密码之后就不需要再次输入了
2020-02-11 20:35:01
3863
原创 github搭建项目页面
这个命令的意思是将 dist 目录推送到 gh-pages，完了之后删除本地对应的分支。成功后，你应该能在 GitHub 上看到这个分支的内容了。目录推送到远程（当然手动也可以）（无法正常找到资源文件。
2020-02-11 15:22:11
894
1
转载 前端Javascript与Nodejs的异同
前言很多小伙伴学Node的时候，都没有好好认识她就开始疯狂追求，想一举拿下，直接在网上搜索Node实战，想知道她活好不好，想先用她建个简单博客练练手。JavaScript和Nodejs我相信很多入坑Nodejs的人都是前端转过来的，但是局限于公司项目用不到Nodejs，只能自学，有些重要且基础的东西就忽略了。...
2020-02-09 21:53:13
121
原创 切换root时,su:鉴定故障
linux系统在使用su切换到root的时候报错,鉴定故障原因:原来的root没有设置密码解决方案:sudo passwd root命令后会提示你输入新的密码,然后就能正常切换了...
2020-02-09 20:41:31
4439
3
原创 使用linux系统安装umi提示命令未找到
全局安装nodecnpmcnpm i yarn tyarn -gtyarn -vyarn global add umiumi -v提示umi命令未找到需要将 yarn global bin 路径配置到环境变量中官网上只有mac和windows系统的# mac 系统:$ sudo vi ~/.bash_profile# 在 .bash_profile 中添加下面一行：e...
2020-02-07 11:41:29
2128
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人