- 博客(20)
- 资源 (34)
- 收藏
- 关注
RSS订阅
原创 WebStorm添加px转rem单位插件
背景使用rem时需要将原来的px转成rem，一般是通过在媒体查询中设置转换的比例为10或100来方便计算，这里我考虑在IDE中开发插件来通过一个快捷键的形式来使IDE自动转换单位，更好地提高效率以及适用不同的比例，我使用的IDE是WebStorm，下面介绍开发方案。方案通过IntelliJ提供的插件API来取出highlight部分的text，再在IDE中设置一个可以设置比例的窗口，在插件中...
2018-09-28 15:58:59
26625
7
原创 cropper图片编辑插件绘制圆形图片
在上传图片前需要对图片进行编辑，我选用的是cropperjs插件绘制圆图的主要思路首先是将图片选取框中的可见区域设置为圆形，再在上传图片时在原图的基础上通过JS选取出一个圆图，再将选取的圆图上传到后台接口1.通过CSS设置cropper选取框的样式为圆形.cropper-view-box, .cropper-face { border-radius: 50%;}2.通过...
2018-05-02 10:08:55
16195
原创 处理Spring中使用JsonView与自定义返回结果切面的冲突
关于JSONVIEW在工程中使用JSONVIEW来自定义返回的JSON字段，通过在实体类中配置不同的view来设置不同的返回类型，然后中通过@JsonView注解来选择相应的返回view，例如:在实体类中定义不同的viewpublic class User implements Serializable { private static final long serialVer...
2019-03-17 21:17:34
954
5
原创 基于node实现的批量转换px到rem的工具
背景在项目中需要通过rem单位来实现页面适配不同分辨率，之前都是通过设置计算的比例为10或100手动计算，或者IDE提供的插件来实现，现在考虑通过node来实现一个通用的批量转换项目中的样式文件中单位的工具。实现开发的思路是以文件为单位，按文件来批量转换，这时只需要设置一些与文件相关的配置项来选择需要转换的文件即可，而转换的算法利用了css插件，通过使用插件取得样式后再依次转换即可。使用...
2019-02-02 09:05:04
830
原创 html自适应字号大小插件
背景项目中有遇到在显示数据时需要根据显示区域的大小来自适应能够显示的最大的字号大小，以使用字号大小可以跟区域大小相适应，调查了只使用css很难做到这一点，而如果只设置一个固定的字号的话，也可能出现文字溢出的情况。思路考虑使用JS来控制区域内的字号大小，从最小的字号开始，计算可以容纳得下的最大的字号，再使用这个字号作为这个区域的字号。插件前面废话了那么多，主要是分享一下完成这个需求的思路，...
2018-11-30 16:40:37
12613
原创 在foreach中使用async/await的问题
在foreach中使用async/await的问题问题描述在一个数组的foreach方法中需要针对数组的每一项发起一个http请求，并且每个请求都需要同步依次处理，开始的代码如下：import urlList from './url.json';import api from './api';...const autoVisit = async () => { urlLis...
2018-11-30 09:07:22
37568
7
原创 图片添加CSS滤镜和SVG滤镜实现模糊阴影等效果
CSS滤镜什么是CSS滤镜CSS滤镜（filter）属提供的图形特效，像模糊，锐化或元素变色。过滤器通常被用于调整图片，背景和边界的渲染。简而言之，就是在CSS中提供了一些已经预定义的属性或函数，实现图像的模糊、变色等效果。函数blur()给图像设置高斯模糊，值越大越模糊，如果没有设定值，那么默认为0，只能设备CSS的长度值，如px、rem等，不支持百分比。filter: blu...
2018-11-07 13:27:52
17810
原创 windows下mongodb增量备份方案
背景项目开发完成后需要对工程中的mongodb作本地备份，之前在做mysql备份的时候，只使用的全备的方式来备份，即使用mysql自带的mysqldump命令来实现，下面贴出备份的脚本。rem ******MySQL backup start********@echo offset "Ymd=%date:~0,4%%date:~5,2%%date:~8,2%0%time:~1,1%%ti...
2018-11-02 15:29:50
15019
1
原创 IntelliJ idea中集成多个git项目模块
需求工程原先使用的是SVN作为代码管理工具，各模块统一设置在一起，进行代码整理和代码权限管理时不太方便，后面从SVN中迁移到GIT上，把系统的各个模块分别在GIT中单独管理，每个模块均包含一个代码仓库，这时候需要将各模块按之前的形式重新整合到一个工程中使用，同时也要保证提交时可以实现各模块互不干扰。思路考虑还是按照之前的方式，新建一个工程，将各个模块分别检出到这个工程中作为这个工程的一个模块...
2018-11-02 15:00:06
125291
1
原创 react-redux-saga-less-eslint环境搭建
搭建步骤：create-react-app,使用create-react-app脚手架生成项目骨架npm install -g create-react-appcreate-react-app my-appcd my-app/npm start暴露webpack等配置文件npm run eject安装eslint工具"./node_modules/.bin/...
2018-11-01 19:07:15
3566
原创 css设置页面文字不能被选中
实现通过css实现页面文字不能被选中.cannotselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select...
2018-11-01 18:56:48
23146
原创 简单介绍Apply,Call,Bind概念与使用
作用与区别apply,call,bind的作用都是改变运行时上下文的（即函数中的this对象），区别是apply与call是立即执行，而bind的作用是改变运行上下文后返回新的函数，用于以后执行的函数；apply与call的区别在于使用方式不同，apply中传递的参数是一个数组，而call则是传递了一系列参数，下面通过一系列例子来具体说明。举例var tom= { name: 'tom',...
2018-10-15 14:57:57
13149
原创 文件下载时前后台MD5校验
背景在项目中发现，文件下载时有可能出现文件不完全导致的文件无法打开的情况，考虑在后台响应中加入文件MD5，与前台取得文件后生成的MD5值作一次校验，来判断文件是否正确下载。问题此功能的难点是如何在response中加入MD5值。原文件下载接口中使用的是HttpServletResponse，然后在前台使用a标签的点击事件来实现，在开发过程中，首先想到的是在response的headers中加...
2018-09-20 17:06:49
16182
2
原创 easyexcel使用问题处理
项目中有处理excel文件需求，之前用过poi和jxl，两者处理文档的速度很快，但jxl无法处理07及以上版本的excel,而poi经常出现outofmemory错误，了解到阿里有一个开源的easyexcel可以解决poi中的oom问题，所以在项目中尝试使用easyexcel替代poi。传送门：easyexcel在实际使用过程中发现有几个地方有些小问题，一是当07版本excel文件中有多个shee...
2018-05-22 10:05:40
28962
2
原创 svn提交报错，提示“文件或目录损坏且无法读取”，处理方法
在一次提交SVN时，始终无法提交，报错提示“文件或目录损坏且无法读取”，因为当时有服务器断电的情况，所以考虑是不是因为服务器断电导致服务损坏引起的，看到svn的db文件夹下，有个current文件，表示当前的版本号，如我的是1722，然后看到revs和revprops两个文件夹下最新的文件是1723（即revs/1/1723和revprops/1/1723），感觉是版本对应错了，把revs和rev...
2018-05-21 10:32:23
20834
原创 通过JS判断图片是否存在
var img = new Image();img.src = (...);img.addEventListener("load",function (e) { ...})img.addEventListener("error",function (e) { ...})原理与页面中的onerror相同 传送门：Image() - Web API 接口 | M...
2018-05-04 10:07:30
4774
原创 input元素type=file中cursor:pointer无效
遇到file元素设置cursor:pointer无效的情况，经测试，在chrome下可以通过设置font-size:0;解决input[type='file']{ cursor: pointer; font-size: 0;}
2018-05-03 15:16:04
6573
1
原创 带请求超时的fetch插件
项目中使用的fetch插件没有设置请求超时的属性，在部分场景中需要使用到请求超时提醒，考虑在fetch的基础上编写一个带请求超时的插件本身fetch是根据promise开发的，考虑使用promise中的race配合settimeout来实现这个需求，下面贴上插件代码(function (self) { "use strict"; //默认的超时时间 var op...
2018-05-02 16:25:01
4661
原创 去除chrome自动填充黄底样式
chrome浏览器自动填充的样式有时候会影响到系统即有的界面样式，需要去除浏览器自带的样式，思路是通过设置背景阴影覆盖原来的样式input:-webkit-autofill { box-shadow: 0 0 0px 1000px rgba(41,60,86,1) inset !important; -webkit-box-shadow: 0 0 0px 1000px rgb...
2018-05-02 11:30:39
4291
原创 html自适应字号
目前完成了一个可以自适应字号的插件，可以提供使用，项目地址，插件介绍在开发过程中有遇到需要根据界面dom的宽高来设置自适应字号大小，现将开发思路分享在页面dom元素的宽和高都有限制的情况下，无法为所有的元素设置同样的字号大小，而将字号设置过小又不利于界面美观，所以我开发的思路是通过JS来动态控制dom中的字号大小，即通过JS获取dom的宽度和高度，再将字号从12px开始累...
2018-05-02 10:48:13
4461
精美好看的登录和后台html界面
2014-12-17
webstorm中px转rem插件
2018-09-28
fetch请求超时
2018-05-03
mongodb教程权威指南实战
2017-12-14
jquery ajax upload
2017-09-26
基于adminlte,spring,mybatis,springmvc，idea的框架
2017-08-23
weboffice for chrome firefox
2015-04-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人