-
fullPage插件问题
有个页面用到了全屏翻页,使用到了`jquery.fullPage`插件,但是发现每一页都会显示第二页上面一点点,这是为什么呢?如果改变窗口大小后恢复正常。原来初始化窗口的时候,会获取窗口的高度,但是这个时候获取的高度有一种可能就是滚动条没有被隐藏,那么获取到的高度就会减去滚动条的高度,再开始分页,所以就会显示到第二页。我们只需要修改一下CSS就可以了:在`.section`样式上面加上`overflow:hidden;`
jquery.fullPage -
8G内存提示内存不足之程序员
最新买的电脑啊,配置非常好啊,但是回来一用老提示内存不足啊,但是我8G内存,怎么可能内存不足呢?一直纳闷啊,但是今天突然找到原因了,原因就是我是一个苦逼程序员啊。当你们调试,开启工具的时候,Java就已经默默的使用了你电脑的内存,只不是在任务管理器里面看不到而已。Java启动里面有一个参数叫做`-Xmx`,这个参数非常之凶残,如果你不设置那么默认是你物理内存的1/4,那么8G就占用了2G那个样子啊。这样就非常的恐怖,特别是你开发的时候,Tomcat很快就占用了你的内存。下面就截张图在哪里配置Tomcat的信息:第一个参数是初始化内存是多少,第二个是最大内存。还有就是`Eclipse`或者`MyEclipse`的启动配置在软件根目录下面的`eclipse.ini`或者`myeclipse.ini`里面。>20220606批注现在开发电脑基本上都是16G了😀😀😀
8G内存 内存不足 -
HTML转PDF和PNG
最近也是有个需求需要将PDF转为PDF和PNG,发现了一个非常不错的工具CutyCapt,官网:[http://cutycapt.sourceforge.net/](http://cutycapt.sourceforge.net/)转出来的东西非常不错,比网上找的一些用其他框架转的好太多了,来张效果图(来自Windows系统截图):不过对CSS3的圆角效果还有阴影这些效果好像支持不是非常好。Linux上面比较麻烦,参考文章:[http://ziyu-1.iteye.com/blog/1749594](http://ziyu-1.iteye.com/blog/1749594)参考上面的文章有一些问题已经在文章里面提及到,一些细节补充一下。首先安装QT平台,这个可能会有一些依赖包的问题,其中有一个`file/usr/bin/assistant_adpfrominstallofqt44-x11-4.4.3-10_4.el5.x86_6...
HTML转PDF HTML转PNG CutyCapt wkhtmltopdf wkhtmltoimage iText -
POI读取Word2007+
很多人使用POI读取Word的时候都会这么写:```javaInputStreaminputStream=newFileInputStream(newFile("e://company/test.docx"));XWPFDocumentdocument=newXWPFDocument(inputStream);System.out.println(newXWPFWordExtractor(document).getText());```但是这个方法其实有非常多的问题的,文本框里面的内容读取不到,换行也有问题,那么这里我改进了一下:```java/***处理2007+的WORD*@paramfilePath文件地址*@returnword内容*/privatestaticStringread2007(StringfilePath){InputStreaminputStream=null;StringBuffercontent=newStringBuffer();try{inputStream=newFileInputStream(newFile(filePath));XWPFDocumentdocument=n...
POI Java Word Word2007+ -
微信JS图片上传接口
```javascriptwx.chooseImage({success:function(res){varlocalIds=res.localIds;if(localIds&&localIds.length>0&&localIds[0]){wx.uploadImage({localId:localIds[0],isShowProgressTips:1,success:function(res){if(res&&res.serverId){alert("图片ID"+res.serverId);}}});}else{alert("未选中图片");}}});```上面是微信上传的JS代码,微信JS图片上传接口,总是选择了图片后不执行上传的`uploadImage`函数,但是启用debug后发现又可以。然后我们在执行`uploadImage`函数前面加一个`alert`,发现也可以上传,但是不可能用户选了图片还要提示点击后才执行上传的操作吧。然后把代码改成这样就可以了:```javascriptwx.chooseImage({success:function(r...
微信公众平台 微信JS接口 微信图片上传 -
网站动态生成图片
最近用微信动态生成了一个二维码,地址`http://xxxx.com/code.jhtml?id=1`。后台代码:```javaImageIO.write(codeImage,"png",response.getOutputStream());```但是这样就会存在一个问题,就是用`img`标签加载图片是没有问题的,但是保存的时候后缀名确实`.jhtml`,这个就悲剧了。然后加了下面一段代码:```javaresponse.setHeader("Content-Disposition","attachment;filename=code.png");```这样图片就会被直接下载。最后我分析了一下图片加载的`response`的头部信息:我们可以看到有一个`Content-Type`,OK,加上以下代码就解决了:```response.setHeader("Content-Type","image/png");```这...
图片下载 Content-Type -
Java图片压缩
最近发现网站传的图片很多都是直接使用相机照的,很多图片都非常大,这样占用空间,而且用户加载也会变慢,所以搞了一下压缩图片的方法。但是网上很多都只有JPG的压缩方式,PNG的很少,这里也记录一下。我们用PS把PNG转为网络图片我们一般会讲`PNG24`转为`PNG8`,这里也是我的思路,下面贴上代码:```javapublicstaticfinalStringPNG_EXTENSION="png";publicstaticfinalStringJPG_EXTENSION="jpg";publicstaticbooleancompress(StringfilePath){Filefile=StringUtils.isEmpty(filePath)?null:newFile(filePath);if(!file.exists()||!file.isFile()){returnfalse;}Graphics2Dgraphics2D=null;ImageWriterimageWriter=null;ImageWriteParamimageWriteParams=null;FileOutputStreamfileOutp...
Java 图片压缩 png -
POI替换Word图片
之前做了一个Word在线编辑导出的功能,里面替换图片是把文字替换为图片,原因也是之前的Word的头像都是简单的四边形,没有特殊效果。但是最近的模板是圆图,而且有边框和阴影效果:之前替换文本的文章:[http://blog.csdn.net/webrobot/article/details/25989295](http://blog.csdn.net/webrobot/article/details/25989295)那么现在就只能去替换图片了,但是网上找了找也没找到,POI的方法也找了一下,没有替换图片的方法。然而在我不懈努力之下,最后终于是找到了解决办法。首先我们把一个Word的文档用`7z`解压出来或者把后缀改为`zip`解压都可以,可以得到以下的文件:;formatter.setTimeZone(TimeZone.getTimeZone("Asia/Shanghai"));//北京时间System.out.println(formatter.format(newDate()));formatter.setTimeZone(TimeZone.getTimeZone("JST"));//日本时间System.out.println(formatter.format(newDate()));```我们一般打印`newDate()`的时候发现后面跟有一个`CST`,我一直以为获取北京市区的`ID`就是`CST`,但是发现获取到的时间不对,后来发现`CST`是简写,不止一个时区的简写是`CST`。所以下面给出一个比较全的Java时区的ID表,还有一些简写的ID都在下面的两篇文章:时区ID:[http://blog.csdn.net/yangbobo1992/article/details/994...
Java 时区 TimeZone ID -
图表库highcharts
最近也是做了一些统计的东西,之前一直用的是`flash`,但是发现不是开源的,用起来也不是很方便,所以找了个替补。就发现了`highcharts`,这个是用`javascript`做的,还不错,也是非商业免费的,功能也十分的强大。我也搞了个简单的例子:```javascriptvarchart=$('#dataChart').highcharts({title:{text:'销售额/销售量统计图',x:0},subtitle:{text:'2013-12~2015-04',x:0},xAxis:{//X轴categories:['2013-12','2014-01','2014-02','2014-03','2014-04','2014-05','2014-06','2014-07','2014-08','2014-09','2014-10','2014-11','2014-12','2015-01','2015-02','2015-03','2015-04'],labels:{rotation:0},gridLineColor:'#cccccc',//下面的是表格线gridLineWidth:1,lineC...
highcharts 图表库 -
CSS3笔记本翻盖特效
闲来无事,做了个笔记本翻盖的简单特效:[http://www.acgist.com/demo/fold/index.html](http://www.acgist.com/demo/fold/index.html)
CSS3 动画 特效 -
正则表达式查找
以前也搞过正则表达式查找字符串,但是一直都不求甚解,所以也就只会糊里糊涂的用,有时候还是试出来的。最近用Nginx重写,里面用了些正则表达式,所以这里也认真看了看正则表达式查找。##基本查找```javaStringreg="\\d";Stringtxt="12这a3是4c一g5个6i测7s试89t!0";Patternpattern=Pattern.compile(reg);Matchermatcher=pattern.matcher(txt);while(matcher.find()){System.out.println(matcher.groupCount());//匹配到的组System.out.println(matcher.group());//找到的第一个组合下面一样,0表示匹配整个表达式System.out.println(matcher.group(0));System.out.println("------------------------------分割线------------------------------");}```##分组匹配```javaStringreg="(\\d...
正则表达式 -
Nginx中location分号转义
正则表达式中分号是不需要转义的,但是Nginx中,分号是由含义的,所以分号需要转移,直接加个斜杠就可以了:```location~*^/[0-9]+([\?\;].*)?${rewrite^/([0-9]+)(.*)$/article/$1.action$2last;proxy_passhttp://acgist;}```
Nginx location -
Java获取网页重定向后的真实地址
最近做了个功能需要到百度抓取网页下来,但是百度和百度新闻不一样,网页结果的地址是百度的一个地址,统计了信息后再做重定向,那么如何通过该地址获取到,网页真实的地址呢?在网上找到了一个答案:```javaURLurl=newURL("http://www.baidu.com/link?url=YvFbRiD8vlW77HC4JgvgDd81Cdrl-XvY-SZV4ce_x60n3LjDU1QkB4ann7m_mIw6");//可以换成其他任何的地址HttpURLConnectionconnection=(HttpURLConnection)url.openConnection();connection.setInstanceFollowRedirects(false);//设置是否自动重定向System.out.println(connection.getHeaderField("Location"));System.out.println(IOUtils.toString(connection.getInputStream()));```原理:重定向是获取头信息里面`Location`字段进行跳转的,所以不自...
重定向 302 301 Java -
MySQL整理
####CentOS安装```wgethttps://dev.mysql.com/get/mysql57-community-release-el7-11.noarch.rpmyumlocalinstallmysql57-community-release-el7-11.noarch.rpmrpm--importhttps://repo.mysql.com/RPM-GPG-KEY-mysql-2022yuminstallmysql-community-serversystemctlstartmysqldsystemctlenablemysqld#查看密码cat/var/log/mysqld.log|greppassword#修改密码等级setglobalvalidate_password_policy=LOW#修改密码ALTERUSER'root'@'localhost'IDENTIFIEDBY'acgist';#远程登陆GRANTALLPRIVILEGESON*.*TO'root'@'%'IDENTIFIEDBY'acgist'WITHGRANTOPTION;```####修改密码生效```flushpri...
MySQL -
通过账号生成微信二维码
将`img`的`src`属性改为:`http://open.weixin.qq.com/qr/code/?username=微信号`,修改微信号就可以了。2015年3月后,该链接只能用来生成公众号的二维码了。
生成微信二维码 -
微信accessToken失效
今天微信下载图片返回错误码:`{"errcode":40001,"errmsg":"invalidcredential"}`,但是这个不科学啊,本地我测试过几次获取`accessToken`都没问题的,怎么回事呢?后来发现了问题,**因为我本地测试的时候刷新了accessToken导致服务器上面缓存的token失效了。****所以测试的时候,最好是获取服务器的token,而不要去刷新,或者测试账号和生产账号分开。**
微信公众平台 40001 -
手机端点击不要背景框
手机端`a`标签点击有一个边框和背景很难看,需要设置属性`tap-highlight-color`就可以去掉了。
tap-highlight-color -
HTML5新特性学习
看了看HTML5的一些新元素:##控制条`input````html```##颜色选取`input````html```##进度条`progress````html```##折叠标签`details````html战斗配置演示```战斗配置演示##照相机这是用这些做了一个小游戏,名字大乱斗,DEMO地址:[http://www.acgist.com/demo/name-fight/index.html](http://www.acgist.com/demo/name-fight/index.html)
HTML5 表单元素 进度条 颜色选择 控制条 -
微信redirect_uri参数错误
最近又做微信的东西,搞了半天一直提示**redirect_uri参数错误**,原来要在**开发者中心->网页账号->修改->OAuth2.0网页授权这里添加域名/IP**,但是我填写了本地IP还是出了问题,原来**非80端口需要加上端口号**。如图:如果是微信开放平台,需要修改授权回调域为域名,而不是像`cookie`那种域。说到这里我TM不得不吐槽一下,微信这个东西了,MD所有的API都一样的,但就是要搞了两个平台,而且两个地方都要收费。FTMDX
redirect_uri 微信 参数错误 微信开放平台 微信公众平台