# web01:超过15天前端经验的可以不用点进来了 react初接触

369 阅读3分钟

web01:超过15天前端经验的可以不用点进来了 react初接触

写在前面

我这个页面的UI是找到github里另一个项目做的模板,地址是:
github.com/adityadroid…

我在练手之前干了啥

  1. 看了react的文档,高级部分没看,只看了核心概念
  2. 看了antd的文档,组件部分没看,用一个看一个,现看先查
  3. w3c的html走了一遍
  4. 我具有多年iOS开发经验

写页面遇到的问题:

问题1: 如何让span独占一行

问题重点是行内元素,有一些标签是行内元素,对行内元素设置宽高是没有用的,如果一定要改的话,可以用css把display改掉!

问题2: 怎么给按钮前面加一个icon

我查阅资料查到两种方式:

a.在css里使用background

stackoverflow.com/questions/2…

b. 使用i标签添加图片

www.w3schools.com/howto/howto… 我这里使用了在css里设置background的方法

问题3: 当react某一个组件的全部元素也不能填满屏幕,如何让整个屏幕有背景颜色

这个问题让我了解到px、em、rem、%、vw、vh、vm这些单位的区别,需要找到你页面的最根级页面,给一个100vh就ok了! blog.csdn.net/weixin_4219…

写页面的时候 就遇到这几种问题,
希望评论区可以有小伙伴指点一下,
上面问题的不同的解决办法,好坏不要紧,能解决就好!

初接触antd遇到的问题:

1. antd给按钮添加自定义图片是非常麻烦的

虽然Button提供了icon这个属性口 但是icon接收的是类型为antd-Icon的组件
而antd的-con接收自定义图像的时候又是时接收了一个组件
这样套了两层,感觉很麻烦! 不如用原始的html的写法了!

2. antd安装遇到的问题:

如果添加了config-overrides.js文件,
一定记得要更改package.json里sprict的内容.
我一开始在博文里看到添加了文件,但是没改package.json,
结果浪费了四个小时,最后全部重来,一点点查才发现这个问题!
我也是刚刚开始接触antd,如果哪里理解的不对的话,
请小伙伴指出,不要让我继续丢人了,哈哈!

~

贪婪造成的问题, 我一开始是按照react官网创建了项目,然后添加了一个tsx的文件,导致了很多错误,后来我把ts全都删了,以我目前的能力,我还解释不了我遇到什么问题,总而言之就是编译失败,感觉如果要是用js创建的内容然后想添加ts的支持应该是非常麻烦的一件事情,如果反过来也许会好很多,但是我决定还是老老实实想学习js吧!ts以后再学

~ 最后

最后要是有人愿意看我的源码,指出问题的话,万分感谢! 我愿意出5元巨款(这四舍五入就是一个亿),请求大佬帮我看下代码哪里不好,可以直接在issue里指出,我会联系你付款的, 我照抄的那个项目里还有两个页面没写,有初学react的小朋友,如果想一起写的话,可以写一个留个地址,我跨太平洋也给你点赞,点star。

~ 现在的前端真是太友好了,你可以啥都不会,只要你想弄,不怕耗时间,谷歌都能谷歌出来一个页面,这让我非常的有自信心了!

~代码地址

github.com/zyzhangyu/r…