前端梳理记录-CSDN博客

原创前端搭建服务器入门

5、成功之后运行浏览器运行ip地址，默认会打开一个index.html。失败重新运行systemctl start nginx。6、如果没有，打开服务器实例，查看端口是否一致。nginx启动默认监听的是80，添加80端口。3、终端输入命令，连接服务器。4、安装成功后，查看是否启动。步骤如下，以阿里云举例。ssh 用户名@ip。

2024-02-23 16:07:44 441

原创 error in ./node_modules/@ant-design/pro-card/es/components/Actions/index.less

ant-design-pro. npm start 报错。将antd 版本改为4.18.0。

2022-08-17 11:52:34 1056 1

http.jsimport axios from 'axios';import { message } from 'antd';const baseURL = (val) => { const baseVal = { 'development': '/api', 'production': 'https://123/login' }; return baseVal[val];};//创建axios实例const http =

2022-04-14 14:42:43 85

原创 react js 前端的三种导出excal表格方式

一、下载插件 npm ijs-export-excel优点：使用简单，方便，可实现分sheet导出缺点：可调节性低，文字位置，大小等不可调整使用代码：import ExportJsonExcel from 'js-export-excel'; let dataTable = [{ 'Test1': 'hello', 'Test2': 'tim' }] let colunms =['Test1', 'T...

2022-04-11 16:36:45 2787

原创 antd Table 首行为空行，已解决（谷歌，safari）

出现原因：修改表格行高.ant-table-tbody > tr > td,{ position: relative; height：0.48rem; padding: 7px 7px !important ; //修改表格padding上下值，或者height首行出现空行 overflow-wrap: break-word;} 解决方案1、适用于谷歌浏览器/* css假如一下代码*/tr.ant-table-measure-row { ..

2022-04-11 16:00:16 1480

原创 react 图片管理增删改查，预览，下载

实现效果父组件import GameImg from 'xxx';<TabPane tab="图片管理" key="2" > <GameImg gameId={gameId} picList={picList} gamename={gamename} closeImg= {close}/></TabPane>// picList：库存中已经上传的图片列表信息子组件：import React, { useSta

2022-01-14 18:26:50 931

原创 react 一个Form.Item获取和写入两个值

效果：代码： <Form.Item label="分辨率" style={{ marginBottom: 0 }} > <Form.Item name="resolutionsMW" style={{ display: 'inline-block', width: 'calc(50% - 12px)' }} rules={[{ required: true, message: '' }]}>.

2022-01-04 15:25:46 1388

原创 react+antd 制作Checkbox+Tag联动标签

实现效果：父组件：import GameTabAll from './GameTabAll'; const onSelect = (arr) => { console.log('onSelect=' + arr); onSelectTags(arr); };//taglist:所有标签列表//tagid:默认选中标签//onSelect:乘接子组件修改后返回值<GameTabAll options={taglist} tagid={JSON.

2021-12-10 11:50:27 1508

原创 react中时间措与日期格式的简单转化

let time；1、毫秒时间措转时间格式let endTime = moment(time).format('YYYY-MM-DD');2、时间格式转毫秒字符串let endTime =new Date(time).valueOf()

2021-12-07 16:54:22 1078

原创 react 文本框警示

要求：1、字符串前后空格，自动删除前后空格并提交 2、字符串内全是空格或输入框为空时，红字弹出提示效果：代码： <ProFormText rules={[ { required: true, message: '请输入标签名称', }, { min: 2, message: '不少于2字符' }, { ...

2021-12-07 15:02:14 1295

原创 GIT管理代码

重要语句记录1、查看当前用户和邮箱Git config user.name Git config user.email2、设置用户和邮箱Git config --global user.name “wjxIT666” Git config --global user.email “a106115345.”3、git仓库初始化git init4、查看git提交状态（每次修改过后都需要查看一下）git statuse5、推入git暂存区git add...

2021-12-01 15:04:16 182

原创 react+antd表格点击操作按钮时不触发行点击事件

1、修改按钮绑定一个事件2、表格绑定行点击3、会遇到点击操作按钮时，行点击事件也执行得问题，只要阻止事件冒泡就好了

2021-11-25 14:12:31 3870 1

原创 javascript处理异步的三种方法

一、回调函数篇1、单线程同步执行案例let girlname = '张三'；function start () { girlname = '黄蓉'； console.log(`我是${ girlname }`);}function end() { console.log(`${girlName}你好，我是郭靖，认识一下吧`);}start();end();上面案例不存在异步，单线程同步执行，最后输出：// 我是黄蓉// 黄蓉你好，

2021-11-16 15:35:33 1984

原创 js底部导航栏在内容不够时固定在底部，内容足够时随着页面滚动下滑

前几天做一个页面，遇到一个问题，在pc端时内容足够，底部导航栏不用做特别处理；在移动端打开时会出现页面内容不够，底部导航栏在页面内容下面出现，导致页面底部有大量留白；想实现效果，当内容不足时，底部导航栏固定在页面底部，内容足够时，底部导航栏不需要固定到页面底部解决思路：动态写入内容部分最小高度：内容最小高度=当前屏幕高度-顶部导航高度-底部导航高度代码：let header = document.querySelector('.banner-othe...

2021-11-01 14:35:09 1245

hjy1006154810的博客