自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(132)
  • 资源 (5)
  • 论坛 (1)

原创 mysql恢复误删除的历史数据

场景:用docker部署了mysql,没有做额外的处理,只部署了一个,不小心误删除了大量数据我用的是mysql8.0的docker镜像生成的容器,默认配置中mysql的主要数据都在/var/lib/mysql中,可挂载也可不挂载出去,如果mysql无法启动了,也可以通过docker cp的方式将无法启动的容器中的文件拷贝出来,将它放入新的mysql容器中。最开始我把注意力放在.ibd文件中,但各种操作很麻烦,而它适合恢复整体数据,而不是历史数据,读取这个文件内容也很麻烦。然后我便想到SQL操作日志

2020-07-15 12:23:41 228

原创 推荐一个很好用小程序开发库remax.js

作为一名沉迷于用react方式开发前端的我,在面对小程序的开发风格时,很是不适,于是在网上搜了相关的第三方封装的库,react这方使用比较多的就是taro,taro有点全家桶的感觉,但是它虽然使用的是react方式,却并不是真正的react,当我在使用react hooks编程时,会更加感觉到它是一个假的react,当时我处于急需将小程序开发上线,特别想有一款类似于全家桶的,但仅仅是用了一下下taro我就放弃了,我还是转向了一个真正使用react开发小程序的库—remax.js,这是蚂蚁团队成员开发的一款真

2020-06-28 15:18:13 677

原创 draft.js error: Unknown DraftEntity key: null

123123

2020-06-01 21:14:14 256

原创 题库变味了

我只是想吐槽一下面试靠背面试题的人,这就犹如大学时期到了期末考试的时候,让老师划范围,然后跟班里成绩好的人接题库,熬上几个通宵,疯狂地看,疯狂地背,最后成功地过了及格线。这样的情况我坚信很多人都是这么过来的,至于真正学到了什么,Nothing!互联网的飞快发展,导致从业IT行业人数剧增,各培训单位几个月就能产出大量的工程师,有的出来包装一下就是几年工作经验,我就是培训出来的,深有体会。面试的时候...

2019-10-23 16:34:26 201

原创 邮件中SVG渲染异常问题(polygon)

最近在开发邮件模板的时候,发现关于SVG中polygon标签的渲染问题,如果含有polygon标签的则对方在收件箱中点开会发现凡是用这个标签描述的都没显示出来,我的解决办法是替换成path标签,然后将属性points改成d,将属性points的值的最前面加上M,最后面加上z即可。...

2019-09-18 19:38:26 436

原创 一个用于对react&redux(包含saga)项目进行赖加载的工具fay-react-redux-loadabe

一个用于对react&redux(包含saga)项目进行赖加载的工具fay-react-redux-loadabeGitHub:fay-react-redux-loadablenpm:@fay-react/react-redux-loadable很久之前有写过一些关于code-spliting的一些例子,随着技术库的发展,这次整理一个项目中使用的code-spliting,并且整合了...

2019-09-10 19:03:52 227

原创 A-Z AA-AZ BA-BZ ... AAA无限循环

最近在做一个纯前端导入excel(.xlsx)并展示、操作、导出,发现列头字母循环问题,一开始以为是26进制做法,但如果是26进制,那么Z后面应该是BA,就好像10进制,9后面是10而不是00,所以纠结之余用回调解决了这个问题:const letters = [ 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L',...

2019-07-17 11:14:41 663

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

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

2018-09-25 20:03:20 183

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

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

2018-08-14 09:04:25 906 1

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

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

2018-03-28 11:47:09 6541

原创 使用docker搭建gitlab-ce

docker搭建gitlab-ce无互联网环境下,在外网docker pull [image],docker save [image] > [image].tar,在局域网下docker load < [image].tar 首先先创建一个空的容器卷,为了数据备份迁移方便:sudo docker pull ubuntu;sudo docker run \ ...

2018-03-28 11:24:49 2275

原创 iframe根据内容自适应

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

2018-03-07 15:33:45 2015

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

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

2018-02-22 17:24:13 579

原创 webstorm对webpack中resolve进行智能提示

我们会经常用一些本地的库,然后在webpack中利用resolve中的alias给指定库路径起别名,这样在项目中就可以像引用node_modules里的库一样引用它,当然默认webstorm会对引用node_modules里的库有提示作用,而对resolve是没有提示作用的,此时我们需要再webstorm中配置webpack的配置文件,这样便可识别。最好下载webstorm EAP版本,对webpa

2017-12-12 10:54:15 5121

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

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

2017-11-24 10:46:34 3816

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

HTML5存储 HTML5的本地存储有localStorage、sessionStorage两种,可谓大势所趋,localStorage是存储在本地的,sessionStorage是存储内存中的,localStorage是无法跨浏览器存在,在Firefox、Chrome、Safari中存储格式是SQLite,在IE和Opera中则是XML,在Firefox、Chrome、Safari、IE

2017-11-20 22:55:41 230

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

之前我写过一篇关于redux相关的code splitting 之前的文章->http://blog.csdn.net/fay462298322/article/details/78361579 而后我进入GitChat又重新整理了一份,关于code splitting其实跟你用不用react这些库没什么关系,只不过我示例中使用了它,也因为我是react的热衷者,我觉得react才是当前

2017-11-17 11:31:55 377

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

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

2017-10-27 10:29:15 7984 1

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

— 2017-11-27更新 我见过有人将公共部分提取出来,其实没有必要,经过code-splitting之后,子级引用的组件在父级已经引用了那么子级不会再引入该组件,也就是去重,这就是webpack中自带的plugin:CommonsChunkPlugin作用,如果你把代码提取出来,结果首屏加载大概是这样子:先加载common.js然后加载app.js,请求两次,而这两个合成一个便只要请求一次

2017-10-27 10:02:10 3974 2

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

在我身边或许你的身边都会有很多抱怨房价高的人,也或许你就是那个抱怨房价高的人,我希望你们能够理性地看待房价的问题,不要一味地去觉得它很高,其实它并不高,它很合理。 为什么?你们有没有去仔细想过?我记得我当时刚上大学的时候,那时候刚从大学毕业出来的人很多也就1000左右的工资,而现在这会儿已经4000左右,这是很普遍的数字,我这里不说那些高学历高能力的,我只从最普通的角度去说事。这是4倍的飞跃,那么

2017-10-19 11:35:09 334

原创 react针对DOM事件的函数

鼠标事件:onClick 、onContextMenu 、onDoubleClick 、onMouseDown 、onMouseEnter 、onMouseLeave 、onMouseMove 、onMouseOut 、onMouseOver 、onMouseUp 、onDrop 、onDrag 、onDragEnd 、onDragEnter 、onDragExit 、onDragLeave 、on

2017-09-21 18:00:49 897

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

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

2017-09-21 16:49:55 8637 1

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

这段时间在将webpack从1升级到3,因为等项目稳定下来想升级2的时候,3都出来了。想了解3的东西,直接可以看官网就好了,都有解释,根本不用看别人的翻译,官网也提供了中文,地址:https://webpack.js.org。不要浪费时间看别人的博客,多看看官方文档。我这里只是贴出我自己项目的webpack3的配置文件内容。没有特殊要求,我这份就足够了,目前只对SPA类型的项目做了升级,分别有两份配

2017-09-12 21:52:51 779

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

我并不是一个纯粹的前端开发,但又想面面俱到,很多人会跟我一样去学习各种语言,最后搞的身心疲惫。越学越觉得自己会的越少。其实这是一个很正常的现象,每个人都是,不能在心理上出现障碍,知识不够就慢慢学,身体不好就慢慢锻炼。         前端这几年的技术膨胀的很快,我以前都只是会jQuery,也只去了解jQuery衍生出来的库,导致我现在学的东西很多,有时感觉自己很累,有时觉得迷茫,开始怀疑接受转变的

2017-08-24 09:27:44 475

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

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

2017-08-09 16:58:31 495

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

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

2017-08-09 15:44:41 25156

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

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

2017-08-04 15:18:04 12201

原创 Linux centos7 安装Nginx

首先去官网http://nginx.org/en/download.html下载nginx的压缩包,然后解压,进入终端,cd到你解压后的nginx目录中,然后在终端输入命令进行configure:./configure --prefix=/fay/nginx,–prefix参数是指你将安装后的nginx放在哪里,如果configure过程不带任何错误,那么恭喜你,你可以直接make && make

2017-07-26 11:56:10 299

原创 yum Cannot find a valid baseurl for repo: base/7/x86_64

在一个刚安装好的centos7上使用yum install的时候,报出了Cannot find a valid baseurl for repo: base/7/x86_64这个错误,很明显是源的访问问题,于是在网上搜了相关解决方案,全是什么改DNS、/etc/sysconfig/network-scripts/ifcfg-ens33什么的,跟这些基本没关系,这些只是你的网络没设置好,而根本原因就是

2017-07-24 17:23:00 8703 3

原创 webpack模块化打包,结合react-route实现分文件打包,按需加载

一般单页应用是离不开路由的,那么一般引入组件的时候大家习惯性的使用import XXX from ‘XXX’,这样的话,webpack在打包的时候会将import的组件全部打包进去,这里我是利用react-route来实现路由机制的,这里可以采用它提供的getComponent来动态获取组件,这样就实现了按需加载,而不是一股脑的都打包在一个文件中,大大提供了首屏加载的速度,如下图: 其中thi

2017-07-13 17:33:31 3809 1

原创 react 热加载,局部刷新,babel-preset-react-hmre

react热加载在没有使用相关插件之前,以我开发为例,只用webpack-dev-server --inline时候,当组件经过更改保存后,页面会进行重新刷新,如果是简单的应用这样做可以,但是一旦复杂起来,重新刷新后就不得不经过很多操作后回到之前的状态,显然这样的情况是我们不愿意看到的,而且大大降低了开发效率,所以我这里选择了babel-preset-react-hmre,利用它便可以实现局部刷新

2017-07-12 16:44:18 4889

原创 eslint 安装配置(JS代码质量检测工具)

eslint注:这里不讲eslint的知识,仅仅讲使用一、安装(以下是全局的,同时安装到项目中–save-dev)npm install eslint -gnpm install eslint-plugin-import -gnpm install eslint-plugin-react -gnpm install babel-eslint -g二、配置首先在项目中与package.js

2017-07-12 09:36:41 5790

原创 JS代码质量检查工具,后起之秀-eslint

eslint:javascript代码质量检查工具。 目前大环境下主要有三款JS代码质量检查工具:jslint、jshint、eslint。 jslint:无需配置,直接使用,因为配置是定好的。缺点是有限的配置选项,很多规则不能禁用,规范严格,扩展性差,无法根据错误定位到对应的规则。 jshint:是基于jslint开发的,有了很多参数可以配置,支持配置文件,方便使用,支持了一些常用类库,支持

2017-07-10 17:00:12 2939

原创 redis中以层级关系、目录形式存储数据

使用redis存储数据的时候,有时候为了查看的方便,通常会有层级或者说是目录,这时候我们在set的时候,需要将key值使用“:”的符号来区分层级关系,比如:set(“a:b”, “123”),那么在redis中就是a目录下的key值为b的value为123。

2017-06-29 15:22:11 18112 3

原创 centos7 防火墙firewall

以前用习惯了centos6,设置防火墙的时候都是用iptables,最近在用centos7,发现防火墙默认使用firewall,然后一脸懵逼,后来搜集了一些资料,大致操作如下:1、如果你机器上没有安装firewall的话,我们可以采用yum的方式安装yum install firewalld2、开启服务systemctl start firewalld.service3

2017-05-19 10:47:59 297

原创 react将字符串转义成html语句

在使用reactjs库的时候,会遇到将一段html的字符串,然后要将它插入页面中以html的形式展现,然而直接插入的话页面显示的就是这段字符串,而不会进行转义,可以用一下方法插入,便可以html的形式展现:<div dangerouslySetInnerHTML={{__html: "<p>爱死费崇政</p>"}} />

2017-05-10 08:45:43 21146

原创 Java将远程服务器上的文件经过本地服务器中转后输出至前端

import java.io.IOException;import java.io.InputStream;import java.io.OutputStream;import java.net.HttpURLConnection;import java.net.URL;import javax.servlet.http.HttpServletResponse;URL imgUrl = n

2017-05-03 15:47:30 4035

原创 PrintWriter输出到页面中呈现乱码现象解决方案

一般情况只使用下面代码:PrintWriter out = response.getWriter();out.print(&quot;爱死费崇政&quot;);输出到页面上基本会呈现出乱码现象,解决方案如下:PrintWriter out = response.getWriter();response.setCharacterEncoding(&quot;utf-8&quot;); response.setContent

2017-05-03 10:18:41 6818 3

原创 启动Tomcat报错icu4j-2.6.1.jar!/com/ibm/icu/impl/data/LocaleElements_zh__PINYIN.class

这段时间遇到一个奇怪的错误,错误大致如下: icu4j-2.6.1.jar!/com/ibm/icu/impl/data/LocaleElements_zh__PINYIN.class; nested exception is java.lang.ArrayIndexOutOfBoundsException: 48188 目前具体的还不知道什么原因,我的解决方案就是不用icu4j,我之所以会依赖

2017-05-03 10:11:41 5872 1

原创 MAC风扇运转监控以及转速控制软件

Macs Fan Control 这是一款Mac平台的风扇运转监控及转速控制工具,可以帮助我们监控当前的各硬件(CPU、硬盘等)的温度状态及风扇运转状态,我们可以根据这些实时数据控制风扇的转速,非常方便。 官网下载地址

2017-04-08 09:59:49 7001

模仿天猫的返回顶部HTML JS CSS JQuery

模仿天猫的返回顶部HTML JS CSS JQuery

2017-04-01

dubbo控制台文件

dubbo控制台,将压缩包解压,后将其中的文件导入tomcat的ROOT中,前提删除原先ROOT的所有文件,运行,在浏览器中打开即可

2016-12-28

MAC远程连接Windows工具

微软官方免费远程桌面控制Windows的软件,MAC版本

2016-10-24

maven3.3.9版本下载

项目管理工具MAVEN的安装包下载,版本3.3.9

2016-10-23

MAC SVN客户端工具

SvnX for mac是MAC OS平台上一款免费的SVN客户端软件,有助于你浏览和管理你的工作进度,控制版本变更,它也可以让你浏览你项目更改日志和修改内容。SVNX是mac下一个开源的图形化操作工具,使用起来比较方便 .支持图形化查看需该,删除,提交,以及解决冲突文件。

2016-10-23

爱死费崇政的留言板

发表于 2020-01-02 最后回复 2020-01-02

空空如也
提示
确定要删除当前文章?
取消 删除