芊芊寻的博客

背景使用rem时需要将原来的px转成rem，一般是通过在媒体查询中设置转换的比例为10或100来方便计算，这里我考虑在IDE中开发插件来通过一个快捷键的形式来使IDE自动转换单位，更好地提高效率以及适用不同的比例，我使用的IDE是WebStorm，下面介绍开发方案。方案通过IntelliJ提供的插件API来取出highlight部分的text，再在IDE中设置一个可以设置比例的窗口，在插件中...

背景在项目中发现，文件下载时有可能出现文件不完全导致的文件无法打开的情况，考虑在后台响应中加入文件MD5，与前台取得文件后生成的MD5值作一次校验，来判断文件是否正确下载。问题此功能的难点是如何在response中加入MD5值。原文件下载接口中使用的是HttpServletResponse，然后在前台使用a标签的点击事件来实现，在开发过程中，首先想到的是在response的headers中加...

背景项目开发完成后需要对工程中的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...

在上传图片前需要对图片进行编辑，我选用的是cropperjs插件绘制圆图的主要思路首先是将图片选取框中的可见区域设置为圆形，再在上传图片时在原图的基础上通过JS选取出一个圆图，再将选取的圆图上传到后台接口1.通过CSS设置cropper选取框的样式为圆形.cropper-view-box, .cropper-face { border-radius: 50%;}2.通过...

作用与区别apply,call,bind的作用都是改变运行时上下文的（即函数中的this对象），区别是apply与call是立即执行，而bind的作用是改变运行上下文后返回新的函数，用于以后执行的函数；apply与call的区别在于使用方式不同，apply中传递的参数是一个数组，而call则是传递了一系列参数，下面通过一系列例子来具体说明。举例var tom= { name: 'tom',...

项目中有处理excel文件需求，之前用过poi和jxl，两者处理文档的速度很快，但jxl无法处理07及以上版本的excel,而poi经常出现outofmemory错误，了解到阿里有一个开源的easyexcel可以解决poi中的oom问题，所以在项目中尝试使用easyexcel替代poi。传送门：easyexcel在实际使用过程中发现有几个地方有些小问题，一是当07版本excel文件中有多个shee...

CSS滤镜什么是CSS滤镜CSS滤镜（filter）属提供的图形特效，像模糊，锐化或元素变色。过滤器通常被用于调整图片，背景和边界的渲染。简而言之，就是在CSS中提供了一些已经预定义的属性或函数，实现图像的模糊、变色等效果。函数blur()给图像设置高斯模糊，值越大越模糊，如果没有设定值，那么默认为0，只能设备CSS的长度值，如px、rem等，不支持百分比。filter: blu...

目前完成了一个可以自适应字号的插件，可以提供使用，项目地址，插件介绍在开发过程中有遇到需要根据界面dom的宽高来设置自适应字号大小，现将开发思路分享在页面dom元素的宽和高都有限制的情况下，无法为所有的元素设置同样的字号大小，而将字号设置过小又不利于界面美观，所以我开发的思路是通过JS来动态控制dom中的字号大小，即通过JS获取dom的宽度和高度，再将字号从12px开始累...

实现通过css实现页面文字不能被选中.cannotselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select...