-
XWPFRun设置颜色
这个设置颜色,叫我填一个字符串,说实话当时懵了。一般写css想到rgb就想到`rgb(255,255,255);`这种写法。万万没想到`rgbStr`就是`#FFFFFF`去掉`#`号。就是这样:`run.setColor("FFFFFF");`
XWPFRun -
IE中input获取到焦点时移动
下面用IE打开的时候IE(IE10+)获取到焦点的时候居然第二个p标签这一行发生了移动。```html测试密码:```IE真是不想吐槽了,把intpu设置为绝对定位就OK了。
IE -
IE11的兼容
IE真的是一个版本一个搞法,以前IE的CSS后面加上`\9`就OK了,现在IE11居然又不可以了,要借助一下jQuery才可以。首先加上:```javascriptif(document.documentMode){document.documentElement.className+='ie'+document.documentMode;}```如果是IE11就会在HTML标签上面加上IE11的`clazz`属性,写样式的时候这样写就OK了:```css.ie11.demo{...}```另外IE10后以前IE这种写法也失效了:```html```我真的知道IE搞什么东西,要不是公司的项目,搞IE的兼容我就剁手。
IE11 IE 兼容 EDGE模式兼容 -
fancybox自动回到顶部异常
今天使用`fancybox`做了个相册,但是使用的时候,在有一些复杂的布局,例如用了很多浮动和绝对定位时,发现有时候打开图片,然后关闭`fancybox`的遮罩层后,页面自动回到顶部。这个暂时我的解决办法就是关闭遮罩层的锁定:```javascript$('#selector').fancybox({helpers:{overlay:{locked:false}}});```
fancybox 回到顶部 -
CSS背景图片不滚动
今天做了一个背景图片不随页面滚动的例子,后面的内容滚动上来挡住当前的背景。DEMO地址:[http://www.acgist.com/demo/background-fixed/index.html](http://www.acgist.com/demo/background-fixed/index.html)
CSS -
JSON插入textarea换行
把JSON字符串插入`textarea`换行估计很多人都会遇到,这个怎么解决呢?直接换行时不行的,JS解析会报错:```UncaughtSyntaxError:UnexpectedtokenILLEGAL```其实很简单,后台把`\r\n`换成`\\r\\n`就可以了:```text.replace("\r\n","\\r\\n");```解析的时候就会换行了🤣🤣🤣
JSON textarea -
Java类型转换注意事项
有人反馈说半年内文章找不到,但是前两天都是好好的,怎么会呢?去看了看代码才发现,计算时间时半年的时间写错了。```javaprivatefinalstaticlongHALF_YEAR_LONG=180*24*60*60*1000;```说实话当时真没注意这个问题,这个乘法是先计算最后转`long`类型,所以时间计算出来其实已经**超过了`int`的最大值`2147483647`**。最后修改如下:```javaprivatefinalstaticlongHALF_YEAR_LONG=180L*24*60*60*1000;```请注意在`180`后面就加上`L`转为`long`类型。如果加在`1000`后面,前面就超过了`int`的最大值,还是会出现问题的。
Java 类型转换 -
Nginx修改代理路径
百度了很久就是没有找到,后来去Google了一下,立马就找到了。现在我是需要改写一些Nginx请求Tomcat的地址,但是我试了一下,总是地址栏也变了。最后我找到了解决方法,记录一下:*`redirect`和`permanent`用来实现URL跳转,浏览器地址会显示跳转后的URL。*`last`和`break`用来实现URL重写,浏览器地址栏的URL地址不变,但在服务器端访问的路径发生了改变。```location~*^/acgist/[a-zA-Z0-9]+${rewrite^/acgist/[a-zA-Z0-9]+$$request_uri.jhtmllast;}```我这里的功能也很简单,就是加一个.jhtml在后面所以就这样。**`last`和`break`区别**`last`:重新将`rewrite`后的地址在`server`标签中执行`break`:将`rewrite`后的地址在当前`location`标签中执行>参考文章:[http://jishuweiwang.blog.51cto.com/6977090/1427005](http://jishuweiwang.blog.51cto.c...
Nginx URL重写 -
使用jQuery让iframe中内容滚动到指定位置
使用`jQuery`让`iframe`滚动到指定位置,第一次可以,但是第二次就不行了,发现获取到的`offset().top`不对。于是想了个办法解决了,就是一进去默认把`offset().top`重置为0,然后再滚动就OK了。代码如下:```javascript$("#id").scrollTop(-10000);$("#id").animate({scrollTop:$(".clazz").offset().top},200);```
jQuery iframe -
html中使用input上传文件按钮
很多时候我们使用上传文件使用`input`,但是为了美观,我们都直接点击头像就可以出现选择框。这里写出两种解决方案:*把`input`隐藏掉,使用`jquery`来触发`input`的`click`事件,但是有个问题就是IE没有效果。*把`input`设置为透明的,浮在文件区域的上方。这里又存在一个问题,那就是IE效果如下图(未透明):![IE中input](https://static.acgist.com/resources/images/article/201501/14145527022001001.png)这个时候只有点击浏览才可以上传,黑色区域要双击才有效果。最后我参考了新浪的做法,就是**设置一下字体的大小**,让后效果如下:![IE中input](https://static.acgist.com/resources/images/article/201501/14145527681561002.png)
input -
IE8以及更低版本IE加载不了样式
今天写了一个网页,搞完以后发现IE8居然加载不了样式,但是IE9就可以。开始以为是CSS没有加载成功,但发现IE8部分样式有效果,最后看了半天原来是**把样式写到了HTML5的main标签上面**,导致了IE8识别不出来。今天发现不仅仅是IE8不支持,我的IE10也不支持,但是有的IE10又支持,估计是什么设置的问题。
IE8 HTML5 CSS -
恢复浏览器默认样式
很多前端都喜欢使用`*{margin:0;padding:0;}`还有重置一些标签的样式,但是这就会引发一些问题,比如文章录入时会带一些样式,结果全被应用了这些样式。我想到了两个解决办法:1.恢复浏览器样式,默认样式的css文件:[http://www.iecss.com/](http://www.iecss.com/),这个网站上面主流的浏览器都有。2.使用JS把文章的内容在一个新的`iframe`中打开。这个不适合做SEO。
CSS -
Java中renameTo失败
下面这个重命名居然失败了。```javanewFile("d:/a.txt").renameTo(newFile("d:/b.txt"));```后来发现小`b.txt`是存在的,所以失败了。```javaFileUtils.deleteQuietly(newFile("d:/b.txt"));```于是我使用上面的方法删除,但是发现居然删除不了,我认为应该是被`Tomcat`占用了。后来无奈只好使用Java自带的删除方法就可以了:```javanewFile("d:/b.txt").delete();```
Java File -
Nginx请求超时
最近用户老说下载失败,我试了一下果然有了问题,记录一下这几个问题:首先浏览器的提示是:**Nginx504GatewayTime-out**>这个问题其实不是浏览器和Nginx请求超时,而是Nginx和你的应用服务器之间请求超时,也就是我的Tomcat处理超时了。Nginx错误信息如下:```upstreamtimedout(110:Connectiontimedout)whilereadingresponseheaderfromupstream```网上看了很多基本上都PHP的,后来发现要设置一下`proxy`的属性:```proxy_connect_timeout300;proxy_read_timeout300;proxy_send_timeout300;```文章地址:[http://baiqiuyi.com/linux/upstream-timed-out-110-connection-timed-out-while-reading-response-header-from-upstream.html](http://baiqiuyi.com/linux/upstream-timed-out-...
Nginx Tomcat 504 Gateway Time-out -
pdf.js使用
首先去[https://github.com/mozilla/pdf.js](https://github.com/mozilla/pdf.js)下载压缩包。然后这个需要用到node.js编译,命令:```bashnodemakegeneric#启动服务nodemakeserver```打开地址[http://localhost:8888/web/viewer.html?file=/examples/learning/helloworld.pdf](http://localhost:8888/web/viewer.html?file=/examples/learning/helloworld.pdf),这样就可以浏览PDF了。其他PDF在线预览的方式:[http://wecoding.cn/?p=164](http://wecoding.cn/?p=164)
pdf.js pdf在线预览 -
IE8数组不支持indexOf方法
最近用户老说下载不了,搞了半天原来是IE8不支持数组的`indexOf`方法,万恶的IE啊。解决办法:```javascriptif(!Array.prototype.indexOf){Array.prototype.indexOf=function(value/*,from*/){varlen=this.length>>>0;varfrom=Number(arguments[1])||0;from=(from<0)?Math.ceil(from):Math.floor(from);if(from<0){from+=len;}for(;from<len;from++){if(frominthis&&this[from]===value){returnfrom;}}return-1;};}```>参考链接:[http://www.jb51.net/article/35277.htm](http://www.jb51.net/article/35277.htm)诶,天天搞浏览器兼容画页面,弄的我都快成前端了。
IE8 indexOf -
Liunx挂载硬盘
服务器的硬盘不够用了,添加了一块硬盘,去挂载,小白一个。打电话问客服挂载到一个文件夹,文件夹会不会格式化,说是不会。丫的,我一挂载到`/home`,悲剧了,网站立马就崩了。这不是骗人吗?尽管机智的我开始有点慌,但是我还是立马点了支烟冷静了一下,然后敲了一句`df`的命令,一看,原来的那个盘的大小没变。好说明数据还在,于是乎我想把原来的盘再次挂载到`/home`,但是提示错误。好吧我先把原来的盘卸载掉,`/home`立马就出来了。诶,数据无价啊,一定要备份一下啊。>其实我是不抽烟的
Liunx 挂载硬盘 -
JPA多级查询
今天使用JPA多级查询的时候报错如下:```javajava.lang.IllegalArgumentException:Unabletoresolveattribute[order.orderStatus]againstpathatorg.hibernate.ejb.criteria.path.AbstractPathImpl.unknownAttribute(AbstractPathImpl.java:118)atorg.hibernate.ejb.criteria.path.AbstractPathImpl.locateAttribute(AbstractPathImpl.java:223)atorg.hibernate.ejb.criteria.path.AbstractPathImpl.get(AbstractPathImpl.java:194)atxx.dao.impl.OrderItemDaoImpl.findPage(OrderItemDaoImpl.java:47)atxx.service.impl.OrderItemServiceImpl.findPage(OrderItemService...
JPA -
背景图片渐变轮播
做了个背景图片渐变轮播的效果,放出来看看。DEMO地址:[http://www.acgist.com/demo/background-play/index.html](http://www.acgist.com/demo/background-play/index.html)
背景图片轮播 图片渐变轮播 背景图片渐变轮播 -
jquery.imgareaselect.js使用和一些问题
最近做了一下头像截取上传,其实以前做过的,只不过没这么详细去做。用到的JS:>jquery-1.8.0.jsajaxfileupload.jsjquery.imgareaselect.js参数这些我这里都不介绍了,网上很多,这里只说一些问题和解决方法:*初始化时默认把截取框显示出来(以下为一个100PX的正方形):```javascriptshow:true,//可以不填写x1:0,y1:0,x2:100,y2:100,```如果你需要图片居中截取,**注意一定要在图片已经加载完成**:```javascriptvarrw=$("#图片选择器").width();//图片的宽度varrh=$("#图片选择器").height();//图片的高度varbx1=(rw-100)/2;varby1=(rh-100)/2;varbx2=bx1+100;varby2=by1+100;```*有时候发现初始化时,截取的图和预览不一样,但是一拖动就一样了。这个问题是开始时预览的`img`没有添加宽度和高度的原因,你可以看看是不是你的CSS写了图片的最大高度/宽度或最小高度/宽度。*上传后如何去掉截取的框?设置截取对象...
jquery.imgareaselect.js 头像截取 ajax头像上传