React项目是用umi脚手架搭建的AntDesign,用到一个第三方表格组件Jexcel,npm install 之后组件的样式加载不上,犯了愁,翻阅各种资料,踏平两个小坑. 大家都知道,安装完成的组件都会在node_modules中,组件对应的依赖也是,包括css.官方文档写的倒是很简单,组件头部直接 import "../node_modules/jexcel/dist/jexcel.css",开发的第一反应是只有路径没错,应该是可以用的. 贴上安装后在node_modules文…

//show: //code: import React from "react" import {findDOMNode} from 'react-dom' import { Button, Row, Col} from 'antd' class CanvasTest1 extends React.Component { componentDidMount() { const divDom = findDOMNode(this) const ctxCanvas1 = divDom.q…

ant-design给我们提供的图标不够怎么办呢?答案是我们可以自定义图标. 自定义图标也挺简单的,现在图标推荐用svg格式,那么我们就需要制作svg图片. 下面让我们看看如果制作svg图片吧. 1.百度搜索svg在线编辑器 2.打开https://c.runoob.com/more/svgeditor/ 3.在右侧调整好canvas宽高,使之和图片宽高相同 4.点击文件->导入图片 5.点击视图->源代码,就可以看到生成的源代码了 6.去掉无用代码,光留下svg和image标签即可 7.自定…

http://scaffold.ant.design/#/scaffolds/ng-alain http://scaffold.ant.design/#/scaffolds/react-redux-antd http://scaffold.ant.design/#/scaffolds/chat http://scaffold.ant.design/#/scaffolds/Da 很好的学习资料: https://github.com/carlleton/reactjs101 https://git…

B站教程视频 https://www.bilibili.com/video/av38372336?from=search&seid=1131449710389099812 1 安装node.js https://nodejs.org/en/ ① 判断node是否安装成功 $ node -v   $  npm -V ② 安装cnmp代替npm   官网:https://developer.aliyun.com/mirror/NPM?from=tnpm $ npm install -g cnpm -…

前端流行框架大比拼 angular vue react ant-design angularjs angular是个MVVM的框架.针对的是MVVM这整个事.angular的最主要的场景就是单页应用,或是有大量数据绑定的情况. 特性 双向数据绑定 ioc依赖注入 指令 上面这几点用起来确实很爽,随便指定个区域,配一个controller,然后里面的东西就都在scrope里了,确实很方便 如果各位想看,参见 https://github.com/i5ting/ionic_ninja/blob/ma…

前言: 技术栈主要基于react + ant-design 描述: 填写信用卡卡号时,会自动四位空格,并格式校验判断卡种  ,这里我们业务只涉及到四种卡. 代码解析 // ant 组件自引,这里我只讲解下具体的 changeCardNumber= (e)=>{ e.target.value = value.replace(/\D/g, '').replace(/(\s)/g, '').replace(/(\d{4})/g, '$1 ').replace(/\s*$/, '') // 这里主要是判…

UI选择务必慎重,货比三家. 弱水三千只取一瓢:弱水三千只取一瓢,源起佛经中的一则故事,警醒人们在一生中可能会遇到很多美好的东西,但只要用心好好把握住其中的一样就足够了 老牌构建于jQuery框架之上的UI外, 新锐UI派系: 基于Vue: ELementUI, iViewui 基于React: AntDesign, Amaze UI React 根据GitHub.前端社区.掘金等平台对当前流行的前端UI框架的进行了小小的整理和汇总(ps:前端UI框架的应用是通过GitHub star数,社区热…

最近在做的新项目使用的技术栈是 React+AntDesign,本篇主要记录在实践过程中使用react-router-dom时遇到的一些方法的总结. 1.HashRouter和BrowserRouter react-router-dom依赖于react-router,主要用于浏览器环境下的开发.它的路由基本有2个路由容器即HashRouter和BrowserRouter,HashRouter使用的是hashchange的方法,浏览的url中包含#,BrowserRouter使用的原理是H5的hi…

工作比较忙,一直没有时间总结下最近学习的一些东西,为了方便前端开发,我使用React+Redux+Router+antDesign总结了一个通用的模板,这个技术栈在前端开发者中是非常常见的. 总的来说,我这个工程十分便捷,对于初学者来说,可能包含到以下的一些知识点: 一.React-Router的使用 Router是为了方便管理组件的路径,它使用比较简单,一般定义如下就行,需要注意的是,react-router的版本有1.0-3.0,各个版本对应的API大致相似,但也有不同,我使用的是2.X的,…