使用react技术栈,只关注业务开发

使用react技术栈,只关注业务开发 最近一阵子忙于公司业务的架构设计及开发,因此从该架构中抽出一小部分,感觉可以很方便的用于团队的业务开发,不需要太关注webpack等配置,当然这些只是一个简单的分享,不是什么新鲜玩意儿。 我在github上提交了一个示例,fay-react-applica...

2018-09-25 20:03:20

阅读数 90

评论数 0

win7 IE中使用svg时利用symbol的方式出现卡死现象

最近在解决浏览器兼容性问题上,发现在win7系统上的IE11中,点击两个svg图标(symbol方式引入)时,来回点击会导致页面卡死,后来使用这种方式解决了: svg use{ pointer-events: none; } 估计是大部分使用这种方式引入的项目不再考虑对win7下的...

2018-08-14 09:04:25

阅读数 340

评论数 0

gitlab持续集成部署(CI/CD),使用docker配置gitlab-runner

gitlab持续集成部署(CI/CD),使用docker配置gitlab-runner 无互联网环境下,在外网docker pull [image],docker save [image] > [image].tar,在局域网下docker load &lt...

2018-03-28 11:47:09

阅读数 4189

评论数 1

使用docker搭建gitlab-ce

docker搭建gitlab-ce 无互联网环境下,在外网docker pull [image],docker save [image] > [image].tar,在局域网下docker load < [image].tar 首先先创建一个空的容器...

2018-03-28 11:24:49

阅读数 1170

评论数 0

iframe根据内容自适应

使用iframe的时候,往往因为高度的问题发愁,一般情况下,我们都要让iframe进行自适应才能使得页面展示体验更好,如何自适应了?首先我们要先得到资源的文档流的高度和脱离文档流的高度,便可以做到根据内容的高度进行动态改变iframe的高度,从而实现自适应。 文档流的高度...

2018-03-07 15:33:45

阅读数 528

评论数 0

linux下针对某目录下的所有新增或者更新的文件移植并不破坏目录结构

有时候为了增量数据以及修改后的数据的移植方便,我们可以采用类似于下面的这种方式: for i in `find /home/fay/rj-cnpm/data/nfs/ -mmin -10 -name '*.tgz';`; do j=${i%/*} ; mkdir -p /home/fay/...

2018-02-22 17:24:13

阅读数 402

评论数 0

webstorm对webpack中resolve进行智能提示

我们会经常用一些本地的库,然后在webpack中利用resolve中的alias给指定库路径起别名,这样在项目中就可以像引用node_modules里的库一样引用它,当然默认webstorm会对引用node_modules里的库有提示作用,而对resolve是没有提示作用的,此时我们需要再webs...

2017-12-12 10:54:15

阅读数 3776

评论数 0

推荐一款js脚本预加载的插件

现如今前端开发基本都是利用webpack,有些人会有rollup.js,但自从webpack2开始引入了rollup.js的tree-shaking之后,rollup.js的存在价值已然不大,因为这是rollup.js主要亮点,而相比webpack,它缺少了太多的插件支持。 开发大型应用的...

2017-11-24 10:46:34

阅读数 2588

评论数 0

web应用安全笔记(有空就记一点点)

HTML5存储 HTML5的本地存储有localStorage、sessionStorage两种,可谓大势所趋,localStorage是存储在本地的,sessionStorage是存储内存中的,localStorage是无法跨浏览器存在,在Firefox、Chrome、Safari中存...

2017-11-20 22:55:41

阅读数 171

评论数 0

webpack/webpack+bundle-loader/webpack+redux code splitting(按需加载)

之前我写过一篇关于redux相关的code splitting 之前的文章->http://blog.csdn.net/fay462298322/article/details/78361579 而后我进入GitChat又重新整理了一份,关于code splitting其实跟你用...

2017-11-17 11:31:55

阅读数 296

评论数 0

使用reactjs遇到Warning: setState(...): Can only update a mounted or mounting component.

前端数据大部分来源于后端,需要向后端发起异步请求,而在使用reactjs的时候,如果这个组件最初加载的时候就发起这个异步请求,然后在返回结果中进行setState({}),这时候有可能会遇到这个警告:Warning:setState(...): Can only update a mounted ...

2017-10-27 10:29:15

阅读数 6469

评论数 1

react结合redux和react-router开发大型应用实现按需加载(code splitting)

— 2017-11-27更新 我见过有人将公共部分提取出来,其实没有必要,经过code-splitting之后,子级引用的组件在父级已经引用了那么子级不会再引入该组件,也就是去重,这就是webpack中自带的plugin:CommonsChunkPlugin作用,如果你把代码提取出来,结果首屏...

2017-10-27 10:02:10

阅读数 3095

评论数 2

用短短地人生阅历看待房价,看完你或许觉得房价并不高

在我身边或许你的身边都会有很多抱怨房价高的人,也或许你就是那个抱怨房价高的人,我希望你们能够理性地看待房价的问题,不要一味地去觉得它很高,其实它并不高,它很合理。 为什么?你们有没有去仔细想过?我记得我当时刚上大学的时候,那时候刚从大学毕业出来的人很多也就1000左右的工资,而现在这会儿已经40...

2017-10-19 11:35:09

阅读数 277

评论数 0

react针对DOM事件的函数

鼠标事件:onClick 、onContextMenu 、onDoubleClick 、onMouseDown 、onMouseEnter 、onMouseLeave 、onMouseMove 、onMouseOut 、onMouseOver 、onMouseUp 、onDrop 、onDrag ...

2017-09-21 18:00:49

阅读数 643

评论数 0

最简单的web单点登录(SSO)

单点登录示例地址【GitHub】 Fay Sso(单点登录如此的简单,本示例支持IE9+,IE8也可以实现)Test 让我们直接先来测试这个例子,然后看下我实现的想法,你会发现它是如此的简单! 下载这个例子,你需要下载整个fay-sso文件夹,因为fay-uc中的l...

2017-09-21 16:49:55

阅读数 5692

评论数 1

webpack3 针对一般项目用这份配置基本够了

这段时间在将webpack从1升级到3,因为等项目稳定下来想升级2的时候,3都出来了。想了解3的东西,直接可以看官网就好了,都有解释,根本不用看别人的翻译,官网也提供了中文,地址:https://webpack.js.org。不要浪费时间看别人的博客,多看看官方文档。我这里只是贴出我自己项目的we...

2017-09-12 21:52:51

阅读数 625

评论数 0

我的开发世界-聊聊前端(二)

我并不是一个纯粹的前端开发,但又想面面俱到,很多人会跟我一样去学习各种语言,最后搞的身心疲惫。越学越觉得自己会的越少。其实这是一个很正常的现象,每个人都是,不能在心理上出现障碍,知识不够就慢慢学,身体不好就慢慢锻炼。         前端这几年的技术膨胀的很快,我以前都只是会jQuery,也只去...

2017-08-24 09:27:44

阅读数 402

评论数 0

我的开发世界-聊聊前端(一)

最开始接触前端的时候,用的基本都是JQuery,对于整个前端的开发已经将DOM操作植入骨髓,我相信很多人跟我一样,我也相信很多人已经将DOM操作用的出神入化。我对前端技术什么时候开始井喷式的爆发的时间有点模糊,也许是从09年angluarjs的诞生(其他更早期的框架不说了,毕竟angularjs是...

2017-08-09 16:58:31

阅读数 420

评论数 0

谈谈react操作onMouseEnter、onMouseLeave结合css里的hover

react对于每个html元素都添加了很多事件处理函数,这些事件网上一搜就都出来了,这里简单说下在react中利用js进行操作类似于css里的hover所使用的事件。比如这样一个需求,有以下3个div:<div class="a abc">a</div>...

2017-08-09 15:44:41

阅读数 13104

评论数 0

Java 将list集合转化成树形结构的JSON对象

代码见:fay-tree4j将有父子关系的实体类实现IFayTreeNode接口,然后调用FayTreeUtil的getTreeInJsonObject方法,参数为该实体的list集合,返回具有树形结构的JSON对象,格式为{“treeObject”:{...},"children&qu...

2017-08-04 15:18:04

阅读数 7824

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭