-
恢复浏览器默认样式
很多前端都喜欢使用`*{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头像上传 -
jQuery在IE中animate没有效果
jQuery中使用回到顶部，其他浏览器都可以，就是IE没有效果，代码如下：```javascript$('body').animate({scrollTop:0},100);```后来发现IE要这么写才有效果：```javascript$('html,body').animate({scrollTop:0},100);```请原谅我这个是公司项目，所以兼容不做不行啊。
IE jQuery animate -
jQuery中使用ajax同步注意事项
今天用了一下`jQuery`的`ajax`同步请求，但是却发现返回值总是为`undefined`，仔细看了一下发现了问题。开始代码如下：```javascriptfunctiongetmsg(){$.ajax({async:false,url:"/url",cache:false,type:"GET",success:function(data){returndata;}});}```但是调用上面的方法的时候返回的值却不存在，但是`data`的值是有的。后来改了改：```javascriptfunctiongetmsg(){varmsg=null;$.ajax({async:false,url:"/url",cache:false,type:"GET",success:function(data){msg=data;}});returnmsg;}```这样就可以了，原来`success`的方法相当于一个内部类，他的返回值是不能够返回到`getmsg`方法的。
jQuery ajax -
Nginx中error_page跳转没有错误码
今天发现百度居然收录了一个错误的页面，仔细一看原来这个页面的状态码是`200`，仔细看了看代码没有问题，原来是Nginx中`error_page`配置方式有问题。看下面，这是开始的配置和浏览器的信息：再看看修改后：**`301`跳转控制台信息**atorg.apache.jasper.compiler.JDTCompiler$1.findType(JDTCompiler.java:232)atorg.apache.jasper.compiler.JDTCompiler$1.findType(JDTCompiler.java:188)atorg.eclipse.jdt.internal.compiler.lookup.LookupEnvironment.askForType(LookupEnvironment.java:113)atorg.eclipse.jdt.intern...
JSP -
checkbox选中排序
今天搞了个`checkbox`排序的，选中后排到选中的最后一个，取消选中排到未选中的第一个。使用jQuery非常简单。代码如下：```javascript$("ulliinput").change(function(){varchecked=$(this).prop("checked");if(checked){$("ulliinput:not(:checked):first").closest("li").before($(this).closest("li"));}else{$("ulliinput:checked:last").closest("li").after($(this).closest("li"));}});```DEMO地址：[http://www.acgist.com/demo/checkbox-sort/index.html](http://www.acgist.com/demo/checkbox-sort/index.html)
checkbox jQuery -
阿里云香港云服务器ECS
公司因为备案没下来，所以先搞了个香港主机把网站挂了上去，其实很早就听说香港服务器不稳定，这次算是领教了。昨天中午差不多就出了问题，这都过去一天半了还没修复，头疼啊。当然虽然香港的服务器这样，但是阿里云其他的地方的好像还是非常稳定的。慢慢来，好事多磨。
阿里云 云服务器ECS -
POI操作Word换行
最近使用了一下POI来处理Word，但是发现换行总是不行。试过了`\r\n`、`(char)11`等等方法，但是都不行。最后发现POI提供了API的，可以直接换行。```javarun.getCTR().addNewT().setStringValue("ACGIST");run.getCTR().addNewBr();//换行```>`run`是`XWPFRun`的对象
POI Word 换行 -
contenteditable
最近用了一下`contenteditable`属性，这个属性可以让一段HTML标签内容可以编辑，非常不错的属性，回车换行时会自动识别使用什么标签。但是发现编辑`span`的时候，会发生移位。原始：删除发生位移：于是我添加了`display:inline-block;padding:01px;`就可以了。>注意：后面的padding一定要有，不然光标不会出现。后来试了几次其实只需要：`padding:01px;`就可以了。如果你不想要拼写检查功能可以加属性`spellcheck="false"`。DEMO地址：[http://www.acgist.com/demo/contenteditable/index.html...
contenteditable -
CSS3动画 - 放大旋转
CSS旋转主要的属性就是`transform`，例如放大两倍：`transform:scale(2);`这个属性不仅仅可以实现发达缩小，而且可以对元素进行平移`translate`以及旋转`rotate`。更多学习请移步到[W3CSCHOOL](http://www.w3school.com.cn/cssref/pr_transform.asp)吧，那里很丰富。DEMO地址：[http://www.acgist.com/demo/animation/index.html](http://www.acgist.com/demo/animation/index.html)最近越来越喜欢CSS3和HTML5了，越来越爱写前端的东西了。
CSS3