标签react下的文章

admin 发布于 01月31, 2018

markdown转react组件(2)

去年写了一篇文章:markdown转react组件,这次算是一些补充吧。

先说个事,没想到会有人抄我(小翼)的文章,还不给加个原文链接,真TM不要脸,而且抄了不止一篇。。

这不禁让我想到在大学时,我写了三年的生活博文,结果被一个人抄袭,搞的我最后都没有啥兴趣写了。真是蛋疼。

阅读全文 »

admin 发布于 01月09, 2018

react写style的一个坑

昨天交互让我改一下样式,需求大概是一个表格,然后有一个描述字段,这个是直接读取后端字段的,会有一个问题是:有些地方好几行(五六行),有些地方只有一行。她的建议是统一两行,然后用省略号。

这个css还是so easy的,出于偷懒,我就这样写了:

let style = {
    "height": 42,
    "overflow": "hidden",
    "text-overflow": "ellipsis",
    "display": "-webkit-box",
    "-webkit-box-orient": "vertical",
    "-webkit-line-clamp": "2"
}

// react代码
return (<div style={style}></div>)

阅读全文 »

admin 发布于 10月19, 2017

create-react-app的proxy说明

前两天,同事来说我说:后端服务拆分,现在前端一个项目,里面的请求需要对应多个不同的后端URL,它create-react-app好像是做不到的,要怎么搞?(但事实上这个脚手架是可以做到的,然后我也没去看,相信了同事说的)。

一开始我们这边为了防止组员间接口URL冲突,是单独把后端URL放在了.env文件中,且不提交。

所以现在的问题是转化成了要怎么在env中配置,比如说将其写成这样的:

myProxy=["URL1", "URL2", ...]

阅读全文 »

admin 发布于 08月23, 2017

markdown转react组件

需求是做一个类似ant-design网站的功能,其实就是文档和代码查看及效果。

因为我不是太懂ts,所以就拉了一个ant-design1.x的分支,然后简单读了一下site目录的实现。朋友告诉我,它的实现是基于bisheng

于是又看了一下bisheng的相关资料。

阅读全文 »

admin 发布于 05月22, 2017

redux笔记

近期后端有一个项目,要添加一些功能和页面,以及对之前UI的一些优化。

就方案来说,一般是两种:

1、在之前代码上重构,唯一的缺点,就是需要前端有一个JAVA环境,因为代码是放在后端目录下的。 2、整个推翻重来,前后各自的目录分开。

就1而言,我觉得在不考虑低版本浏览器的情况下,可能使用vue + elementUI会是一个不错的选择。

在一番PK之后,最终选择了2的方案,于是乎开始纠结用Vue还是React。由于部门已经用了太多的技术栈(Backbone、bootstrap、jquery、React),最终还是决定用React,理由是再学一门,将来维护起来心累。

对我而言,这也是一个挑战,毕竟我之前只是做了react的边角代码,并没有深入到里面去,比如说像redux,并没有使用过。

当然redux坑还是蛮多的,比如说:

由于Redux的理念非常精简,没有追求大而全,这份架构上的优雅却在某种程度上伤害了使用体验:不能开箱即用,甚至是异步这种最常见的场景也要借助社区方案。

于是乎业内会有一些其他的方案出来,像dva之类的,不过我个人还是建议先踩一下redux吧,这样一来,对自身的成长也是一个帮助。

阅读全文 »