![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
reactJs
guoyangyang@666
越努力越幸运
展开
-
前端工程自动化
前端工程自动化链接:https://github.com/SunshowerC/blog/issues/1css-modules:http://www.ruanyifeng.com/blog/2016/06/css_modules.htmleslint 代码检查原创 2020-02-27 20:02:46 · 305 阅读 · 0 评论 -
react知识点梳理
整理了一下react常用知识点,相关文件上传到了github上,有需要可以自行下载去下载原创 2020-01-02 17:42:37 · 351 阅读 · 0 评论 -
react页面兼容低版本浏览器
react开发时,使用es6语法方便快捷,但是有的浏览器对es6的兼容不太友好,引入“babel-polyfill”模块将解决这个问题。1、引入babel-polyfill模块,命令如下:npm install babel-polyfill --save2、在代码头部加载babel-polyfill,dva项目是在代码入口index.js文件的头部引入,其他项目找到对应的项目入口文件...原创 2018-11-09 10:35:10 · 9316 阅读 · 0 评论 -
修改react项目默认访问的端口号
问题:多个react项目同时启动时存在端口占用的问题,所以需要修改默认的端口号来解决该问题解决方法:在package.json文件中的start后面加入“set PORT=9000 && ”,如下:{"scripts": { "start": "set PORT=9000 && roadhog server",//加入set PORT=900...原创 2019-01-17 14:19:23 · 4526 阅读 · 0 评论 -
react跳转路由后位置在上个页面浏览的位置
react跳转路由后,展示的位置是上个页面浏览的位置。解决的思路是强制回到顶部//在父页面里加入该行代码即可componentWillUpdate(){ document.getElementById('root').scrollIntoView(true);//为ture返回顶部,false为底部}如果使用的是单独的页面,则需要在单独的所有页面里加入如下代码://...原创 2019-02-21 11:02:02 · 3194 阅读 · 1 评论 -
react封装自定义组件
在项目中,我在不同的页面会使用相同样式的代码,为了避免写多处重复的代码,也避免后期多处维护的弊端,我们可以将相同样式的代码自定义封装成组件,在不同的页面调用自定义组件即可。1、先封装自定义组件1)、新建CardList文件夹2)、在CardList文件夹里新建index.js文件,并在index.js文件里书写如下代码://index.js暴露组件CardListimport ...原创 2019-03-04 09:51:18 · 17522 阅读 · 1 评论 -
react实现在路径里给页面传参数
在项目中,尤其是多个项目混用时,项目a需要调用项目b的某个页面,并且要想项目b的页面传入值,可以用如下url的方式传值:http://localhost:8000/#/authentica?openid=1&b=2在项目b的页面中书写该方法,如下://http://localhost:8000/#/authentica?openid=1&b=2。经过此方法后得到对...原创 2019-03-04 16:31:56 · 1594 阅读 · 0 评论 -
日期控件在ios端不兼容问题
日期控件在Android端正常显示,但是在ios端确不兼容,如下图: ios端 Android端将日期转一下,如下操作即可://date在苹果手机不兼容的bug,val...原创 2019-03-04 16:44:55 · 3423 阅读 · 0 评论