IT浪子の博客
将css转换为行内样式的方案css-inline 将css转换为行内样式的方案css-inline
聊聊场景 发送邮件 在第三方网站中嵌入HTML 从其他编辑器拷贝编辑好的文章发布到微信、今日头条等自媒体 在以上场景使用行内样式的兼容性要高很多,也可以保持原样式不变 解决方案 juice inline-css 这两种方案功能和 Api 非常相似,这里就以 juice 为例 安装 npm i juice --save 使用 import juice from 'juice' const html
2020年5月14日
JSON和HTML之间互转实现 JSON和HTML之间互转实现
主要实现功能html转json,再由json恢复html 可去除 style 和 script 标签 将行内样式转换为 js object 将 class 转换为数组形式 主要依赖于 htmlparser2 ; 这是一个性能优越、功能强大的 html 解析库 直接上代码 import { Parser } from "htmlparser2" const numberValueRegexp =
2020年5月14日
flexmark-java markdown给链接添加target属性 flexmark-java markdown给链接添加target属性
flexmark-java 是 java 版的 Markdown 转换工具,基本支持 Markdown 所有的语法,而且扩展性也不错;本文主要是通过扩展形式给链接添加 target 属性 本文的扩展还将支持 Spring Properties 来动态配置, 支持域名排除、支持相对路径排除、支持自定义 target 属性的值. 定义 Properties 配置类 LinkTargetPropert
2020年5月2日
jenkins 获取插件,下载插件提速,配置国内镜像 jenkins 获取插件,下载插件提速,配置国内镜像
jenkins 是目前比较流行的自动化运维工具,由于 jenkins 的镜像源是国外的所以再下载插件的时候会非常慢,甚至会超时,所以本文就重点介绍如何解决这个问题。 正确的做法自然是修改为国内的镜像源,本文使用的是清华大学的镜像源站 清华大学开源软件镜像站 主要分以下两种情况 1. 尚未安装的的情况 本文使用 war 其他类似 1.1 下载包 下载地址 jenkins.war下载地址 1.2 启
2020年4月26日
Linux下 Spring Boot 上传找不到临时目录, 出现500错误 Linux下 Spring Boot 上传找不到临时目录, 出现500错误
错误原因 在 Linux 系统中, Spring Boot 应用以 java -jar 命令启动时,会在操作系统的 /tmp 目录下生成一个 tomcat (或 undertow )临时目录,上传的文件先要转换成临时文件保存在这个文件夹下面。由于临时 /tmp 目录下的文件,在长时间( 10天 )没有使用的情况下,系统执行了 tmp 目录清理服务( systemd-tmpfiles-clean.
2020年4月26日
Selenium ChromeDriver 截图标记指定元素的方法 Selenium ChromeDriver 截图标记指定元素的方法
phantomjs 是无头浏览器的代表,可以截全屏的图,对于标记元素来说是很简单的;不过最新的 Selenium 版本表示不再支持;所以只能使用其他的代理品; 正好 chrome , Firefox 等都推出无头模式,这里就使用 ChromeDriver 作为演示 ChromeDriver 通过设置 setHeadless(true) 既可开启无头模式 设置 ChromeDirver 必要的参数
2020年4月20日
Spring Boot 2.x Whitelabel Error Page 源码分析以及解决方案 Spring Boot 2.x Whitelabel Error Page 源码分析以及解决方案
Spring Boot 2.x Whitelabel Error Page 源码分析以及解决方案 在使用 Spring Boot 如果出现错误会出现 Whitelabel Error Page 页面,这个是 Spring Boot 默认处理错误的一个页面,是一硬编码的形式创建的。我们可以替换调,使用自己的error页面,并且美化它。 网上也有很多类似的文章,不过看了很多有的不全面、有的根本就是错
2020年4月6日
二进制及位运算的理解 二进制及位运算的理解
bit 、byte 、字 1 bit = 1 二进制数据 计算机中最小的单位 1 byte = 8 bit 1 字母 = 1 byte = 8 bit 1 汉字 = 2 byte = 16 bit 1 KB = 1024 byte 1 MB = 1024 KB 1 GB = 1024 MB 基础知识 原码、补码、反码 原码 一个正数,按照绝对值大小转换成的二进制数;一个负数按照绝对值大小转换成的
2020年4月6日
关于Spring Boot 2.x 自定义 ErrorAttributes 不起作用的问题解决 关于Spring Boot 2.x 自定义 ErrorAttributes 不起作用的问题解决
关于Spring Boot 2.x 自定义 ErrorAttributes 不起作用的问题解决 Spring Boot 的出现极大的简化了开发流程,封装了很多实用的工具;今天要说的是 2.x 版本中的异常处理,在 Spring Boot 中其实已经给我们实现好了异常处理方法;对应的 Controller 是 BasicErrorController ,我们可以去实现它,改成自己的逻辑以及返回值,
2020年4月6日
Uncaught TypeError: Cannot read property 'componentWillReact' of undefined Uncaught TypeError: Cannot read property 'componentWillReact' of undefined
在使用 mobx 、 mobx-react 出现错误分析及解决方案 Uncaught TypeError: Cannot read property 'componentWillReact' of undefined at eval (mobx-react.module.js?90c4:1) at W (mobx-react.module.js?90c4:1) 情况一 使用 React.memo
2020年4月6日
Sublime Text v3207和 v 3211 版破解 Sublime Text v3207和 v 3211 版破解
注意:截至文章发布该方法成功破解的版本为 v 3207 和 v 3211 安装 Sublime Text >> 官网地址 打开网站 >> hexed.it 打开文件选择 sublime_text.exe 在最右侧搜索框中输入内容 97 94 0D , 回车 会找到一项 ,点击找到的内容 将找到的内容修改成 00 00 00 导出替换原来的 sublime_text.exe
2020年4月6日
Redis 5 集群安装 Redis 5 集群安装
在 redis3.0 以前集群需要借助哨兵 sentinel ,在 3.0 版本正式推出 Redis Cluster 高可用集群模式; Redis Cluster 方案不需要额外部署 Sentinel (哨兵)集群。 Redis 集群要求至少三个节点,否则不成功。本文采用虚拟机,模拟搭建三主三从集群模式。 虚拟机 IP 分别是 192.168.18.139 , 192.168.18.140 ,
2020年4月6日
React Router v4 & v5 拦截器(钩子)、静态路由、route-view 实现 React Router v4 & v5 拦截器(钩子)、静态路由、route-view 实现
扩展react-router,实现钩子函数(路由守卫)功能,实现静态路由渲染功能,提供类似vue-router中的route-view快速渲染路由的功能。
2020年4月3日
Flex 布局子元素文本超长省略号显示 Flex 布局子元素文本超长省略号显示
Flex 布局子元素文本超长省略号显示
2020年4月3日
Element UI 菜单高亮问题 Element UI 菜单高亮问题
Element ui 菜单可以采用路由的形式或者非路由的形式,为了简单大部分都会采用路由的形式,这样只要菜单可以不用额外操作就可以跳转,高亮 。 不过在一次菜单高亮的时候却出现一个问题,路由明明是正确的,但高亮却时好时坏, 有时候高亮会跳到其他菜单,在当前菜单下刷新确实好的,切换后又不行;无赖之下只能切回非路由模式,然而问题依然存在;经过一个多小时的排查终于发现时在循环的时候菜单的 key 有问
2020年4月2日
1 / 2