react
lulu_0632
这个作者很懒,什么都没留下…
展开
-
通过使用Mac 自带apache 可以实现vue/react打包后文件本地直接运行测试
通过使用Mac 自带apache 可以实现vue/react打包后文件本地直接运行测试,操作如下:1.打开终端2.查看httpd的版本信息,运行命令如下:httpd -v 或者apachectl -v 3.启动apache httpd服务:sudo apachectl start此时,打开浏览器地址栏输入 “http://localhost”,可以看到内容为“It works!”的页面。4.打开httpd的配置文件,sudo vi /etc/apache2/httpd.conf5原创 2020-09-23 16:49:56 · 580 阅读 · 0 评论 -
react 自写组件实现:固定列与表头的表格
实现背景:客户要求手机端H5页面实现用表格展示预算信息,要求表格固定表头和首列与第二列,原项目使用antd-design-mobile,没有表格组件,故自写于此。实现功能:可配置的固定左边几列,或者固定右边几列具体代码:目录结构:normalTable.js代码如下:import React from 'react';class NormalTable extends React.Component { constructor(props) { super(props);原创 2020-05-14 16:46:40 · 2763 阅读 · 1 评论 -
umi+react+antd-mobile 手机端页面横向滚动不可用问题
需求是手机端展示个表格要求首行和首列固定其他的滚动,在浏览器上模拟成功,但是手机上始终无法横向滚动,排查各个样式、代码等最终发现是因为打包后的文件中umi.css里有以下样式:* { touch-action: pan-y;}修改:#root * { touch-action: pan-y;}特此记录~~...原创 2020-01-15 10:00:10 · 1297 阅读 · 0 评论 -
umi修改浏览器上方图标2种方法
icon图标存放在public文件夹下的static目录下1.在document.ejs文件中添加如下:<link rel="icon" type="image/x-icon" href="<%= context.publicPath %>static/favico.png" />参考地址:https://umijs.org/guide/html-template....原创 2019-12-13 14:47:57 · 7592 阅读 · 3 评论 -
关于react+umi+dva+antd mobile打包上线后加载DOM太慢,出现一段时间的空白的解决方法1
此项目是个需要嵌套到甲方的APP中H5项目,用的 react+umi+dva+antd mobile编写,写完上线后发现在加载之初会有一段很长时间的空白如上图所示,umi加载顺序为先加载umi文件再加载vendors文件然后是layout.js 最后才是对应的页面的文件。解决后效果如下:方法如下:1.修改webpack打包配置,在.umirc.js文件中添加打包配置chainWeb...原创 2019-11-20 11:32:02 · 7705 阅读 · 0 评论 -
基于dva@2和ant design的react项目IE兼容调整
项目要求兼容IE9,在实际应用中出现以下问题: (一)引用“babel/polyfill”后出现空白页面并且在按下F12后有报错:查找资料后修改如下: 1:重新安装 “@babel/polyfill”: “^7.0.0-beta.51”, 2:在index.js中引用import '@babel/polyfill';Object.setPrototypeOf = require('...原创 2018-06-20 16:02:18 · 4406 阅读 · 2 评论 -
使用ant design Checkbox Group循环遍历问题及解决方案
项目要求做个权限的设定功能, 其中的企业,审批,供应商相当于该行中的全选按钮,选中的话其同行的其他项也要被选中,而这些权限菜单是通过后台接口获取的数据,数据结构如下:[ { "children": [ { "children": [], "hasChildren": false...原创 2018-07-13 18:59:53 · 24350 阅读 · 4 评论