-
HTML5拖拽
最近遇到了这么一个问题，需要`html`能够拖动并且能够编辑，编辑加一个`contenteditable`这个属性就可以了。但是拖动出了问题，那就是，拖动的时候元素之间存在问题。原来`e.target`获取到的并不是我想要的元素节点，然后做了一下修改：```javascript/***selector:jquery选择器*parent:拖动的最大父元素选择器**/functiondrag(selector,parent){vart;varsource=$(selector);source.bind("dragstart",function(e){t=$(e.target).closest(parent);e.effectAllowed="move";});source.bind("dragover",function(e){e.preventDefault();});source.bind("drop",function(e){if(source.index(t)==source.index($(e.target).closest(parent))){//防止放到自己里面}elseif(source.inde...
HTML5 -
Java生成、解析二维码
今天研究了一下二维码生成和解析，不过这个解析的方法不好，解析会出现错误。使用QRCode：```javapackagecom.test;importjava.awt.Color;importjava.awt.Graphics2D;importjava.awt.Image;importjava.awt.image.BufferedImage;importjava.io.File;importjava.io.IOException;importjavax.imageio.ImageIO;importjp.sourceforge.qrcode.QRCodeDecoder;importjp.sourceforge.qrcode.data.QRCodeImage;importcom.swetake.util.Qrcode;publicclassCode{publicstaticvoidmain(String[]args){encode("http://www.acgist.com","D:\\code.png","E:\\workspace\\acgist\\WebRoot\\img\\logo\\logo.png")...
二维码 Java QRCode -
那些震撼的网页效果 - 3D元素周期表
这里整理分享一下我看到的那些前端非常让人惊叹的特效，希望以后也能写出这样惊艳的效果。3D元素周期表：[http://threejs.org/examples/css3d_periodictable.html](http://threejs.org/examples/css3d_periodictable.html)>20220523批注现在看来依旧震撼
JS特效 CSS特效 网页特效 3D元素周期表 -
sessionStorage解决Ehcache页面缓存session登录问题
最近用了一下Ehcache的页面缓存，发现了个问题，头部有显示用户名的情况下，所有页面都显示一个用户名。想了想这个问题，解决办法：*不用缓存，这个也算一种办法，不过这样有点点扯蛋。*每次使用ajax每次都请求一次，这个每个页面都请求一次，感觉也不是很好。*还有就是在客户端保存用户数据了，并且和session的时间是一致的。于是就发现了这个`sessionStorage`，不过不知道和是不是也有时间限制，这个并没有了解。最近好忙，很多自己的事情都做不完整。今天早晨起来看了勇敢的心，这个电影真心不错，希望看到这个文章的朋友也去看看吧！希望你也有一颗勇敢的心，一颗自由的心！我看了一下，发现`sessionStorage`还是要谨慎使用，这个只是在同一个浏览器的TAB中会共享，新打开一个TAB的话，就会消失。如果使用`cookie`来保存数据，不设置过期时间，默认和`session`的时间一样，但是这样带来的问题就是`cookie`会在每次请求都传到服务器。两种解决方案：##使用`cookie`在登录的时候写入一个默认时间的`cookie`保存登录信息，使用`js`来读取`cookie`（注意如果设置了cookie的...
sessionStorage Ehcache session -
ajaxfileupload.js注意
首先我们使用这个`js`的时候，发现`jquery`部分高级版本会出现问题，这个时候我们需要把官方压缩包里面有个`jquery.js`同时引入就可以解决了，先引入高级版本的`js`，再引入压缩包里面的`jquery.js`。然后可能出现问题：**SCRIPT438:对象不支持"handleError"**。这个是因为`jquery`的这个方法旧版本才有，把这个方法添加到`ajaxfileupload.js`里面就可以了。>参考文章：[http://zhidao.baidu.com/question/351817654.html](http://zhidao.baidu.com/question/351817654.html)还有就是IE浏览器如果你是想要一个按钮触发`input`的`click`事件，这样是不可行的，最后会报错：**error:拒绝访问**。这种可以把`input`的透明度调为`0`，然后覆盖到你的按钮那里。>参考文章：[http://stackoverflow.com/questions/793014/jquery-trigger-file-input](http://stack...
ajaxfileupload.js ajax文件上传 -
Nginx静态服务器注意事项
我发现人在蹲坑的时候想事情都很缜密，今天我也不知道怎么突然就想到了，用静态的域名访问服务起的WEB-INF目录，果然能访问，这。。。所以这里记录一下，也希望能够帮助别人。**当你的静态资源没有和项目分开或者你的静态域名可以直接访问到你的项目根目录的时候，要特别小心。**例如：我的项目目录是：`/home/www/acgist/ROOT`Nginx的静态域名指向就是：`root/home/www/acgist/ROOT`然而这样通过我的域名直接就可以访问到我的WEB-INF目录了。果断今天想到了，不然又悲剧了。解决办法：1.可以把你的静态资源放到其他目录2.Nginx配置不能访问WEB-INF目录
Nginx 服务器安全 -
Spring MVC感受
最近用了一下SpringMVC，相比Struts2给我最大的感觉就是SpringMVC的URL太漂亮了，这种风格好像叫RESTFul吧，参数也可以放到URL的路径里面太棒了。不过Struts2也可以使用插件来支持这种URL。当然这也可以看出来Struts2和SpringMVC的区别了，Struts2针对的是action，而SpringMVC针对的是方法。前者通过filter实现，后者通过servlet实现。
Spring Spring MVC Struts -
Hibernate多个字段映射一个属性
最近工作丢了，面试了两家公司也没过，在思考人生。诶，扯远了。其实我确实没事，于是看了一下我的网站代码，看到用户设计那里，我把用户和用户其他信息分成两个表的，其他信息里面包含用户的自我介绍，签名档一些信息。但是用户的个人中心那里每次都会查询出来用户的自我介绍，签名档这些信息，这样每次都有一个关联查询。所以有没有办法可以把用户其他信息放到用户表，但是映射到用户的其他信息这个属性类里面呢？其实我对Hibernate也不是很熟悉，也就是会用罢了，于是我就百度了，但是关键词也不对，找了一下也没找到。好吧，我就把Hibernate映射xml里面的所有关键字一个一个的百度，终于是找到了：`component`，就是这个了。配置文件：```xml```当然如果你不是每次都要查询出来的信息，可以分开一个表，例如我的联系方式我是根据用户是否显示来判断是否查询的，所以可以分开一张表，当然用`component`也可以，因为这个也支持延迟加载。参考...
Hibernate component -
Java使用WebSocket和WebRTC视频通话
**新版的Chrome浏览器，加强了安全性，所以要使用`https`，同时也有很多修改，这个例子已经过时，不能使用。**可以参考新的文章：[WebRTC续集](https://www.acgist.com/article/628.html)这两天终于是抽了时间把WebRTC搞定了，去年就想弄的，但是确实没时间，而且那时候JavaEE的WebSocket还没有规范，网上也都是用的Tomcat自己的WebSocket实现的，或者还使用了一些ajax辅助，JavaEE7中有了WebSocket的规范，Tomcat也支持，所以最近也是写了出来。首先WebRTC，这个可以百度一下，大概就是一个音频和视频通讯技术，可以跨平台，只要能用浏览器的基本都可以使用，当然要你的浏览器支持。但是这东西好像是有规范，但是各个浏览器实现方式有些不一样，我这里主要使用的是Chrome做的例子。DEMO地址在：[http://www.acgist.com/demo/video](http://www.acgist.com/demo/video)>如果很长时间没有加载出来，对不起，很可能是你上不了Google。使用到的javascrip...
WebSocket WebRTC 视频通话 Java -
Arrays.asList注意
今天遇到了一个错误：```javajava.lang.UnsupportedOperationExceptionatjava.util.AbstractList.remove(AbstractList.java:161)```后来Google了一下，原来使用`Arrays.asList`生成出来的这个集合对象是不能进行修改的。如果我们需要修改怎么办呢？我们可以重新`new`一个集合就可以了，如下：```javaListlist=newArrayList(Arrays.asList("a","b"));```
Arrays.asList Java -
Java空指针异常
相信大家多觉得Java的空指针非常简单，很容易排查，但是却又是非常容易忽略的一个错误。今天就遇到了一个比较麻烦的情况，因为使用的是别人打好的Jar，也没有什么语法错误，但就是运行的时候出错：```javajava.lang.NullPointerException```但是一般空指针异常也不应该出现在传递参数的方法这里啊，最后认真看了一下参数才发现，原来接收参数是`int`类型，但是我传入`Integer`类型参数为`null`时，自动拆箱时就会抛出空指针异常。例如：```javapublicstaticvoidtest(intnum){System.out.println("============>"+num);}publicstaticvoidmain(String[]args){Integernum=null;test(num);}```
Java 空指针 NullPointerException -
Hibernate的配置文件打包找不到实体类
公司最近要求把写好的代码打成Jar包，弄好后今天试了一下，居然报错：```javaorg.hibernate.MappingException:Unknownentity:xx.xx.xx.Useratorg.hibernate.internal.SessionFactoryImpl.getEntityPersister(SessionFactoryImpl.java:1092)atorg.hibernate.internal.SessionImpl.locateEntityPersister(SessionImpl.java:2436)atorg.hibernate.internal.SessionImpl.access$2100(SessionImpl.java:172)atorg.hibernate.internal.SessionImpl$IdentifierLoadAccessImpl.(SessionImpl.java:2378)atorg.hibernate.internal.SessionImpl$IdentifierLoadAccessImpl.(SessionImpl.java:2369)...
Hibernate Maven -
CentOS设置默认语言
今天安装了CentOS研究一下Linux，但是使用VM虚拟机太智能了，丫的我就输入了一下账号和密码，居然把语言，账号，分区等等全部配置好了。本来想学习一下安装的，不过这没什么，但是坑爹的是进去居然是英文，当年我英语150考试作弊也才60分，这不是要我的命。本来我是想找一下system下面有没有setting的，好吧没找到，于是乎网上我找了一下，基本上修改`/etc/sysconfig/i18n`那个文件。还有一个办法就是输入以下命令：```bashyuminstallsystem-config-languagesystem-config-language```修改后重启`reboot`，注销然后登陆好像不行，试了几次，所以我才找到后面那个方法的。参考文章：[https://www.centos.org/forums/viewtopic.php?t=2037](https://www.centos.org/forums/viewtopic.php?t=2037)
CentOS Linux -
PostgreSQL数据库错误
```sqlinsertintotb_b(select*fromtb_awherecln=20);ERROR:column"xxxx"isoftypebigintbutexpressionisoftypecharactervaryingLINE1:insertintotb_b(select*fromtb_awherecln...```遇到了这个问题，以前一直这么写插入的都没问题，怎么回事呢？提示类型不对？纳闷了很久。后来对比两张表发现，原来是修改表的时候字段的顺序不对应了，所以把语句修改为：```sqlinsertintotb_b(clna,clnb,clnc,cln)(selectclna,clnb,clnc,clnfromtb_awherecln=20);```这样就可以了，现在发现SQL当年学的相当马虎啊。需要恶补一下，顺便推荐一个书不错：《SQL必知必会》
PostgreSQL -
Maven编译Struts2源码
前几天修改了Struts2的默认action和通配符的冲突，现在我们就是用Maven编译和打包struts的源代码。首先我们先安装Maven，搭配环境，这个自行Google就可以了。然后解压struts的`xwork-core`，进入到该目录我们修改代码后就可以使用命令编译打包：```bashmvnpackage-Dmaven.test.skip=true```>注意：`-Dmaven.test.skip=true`设置跳过测试，因为里面测试的一些环境不对，编译会失败。修改代码的时候，添加了其他包的类，所有要修改pom添加依赖，否者会提示错误:程序包`org.apache.struts2.dispatcher`不存在，添加以下信息到pom.xml：```xmlorg.apache.strutsstruts2-coreversioncode```>上面的versioncode是你的struts版本，如果还需要其他依赖包可以在[http://mvnrepository.com/](http://mvnrepository.com/)这个网站搜索。在运行上面的命令就ok了。OK，我们假设已经处于登录状态了，发送图片微博和文字微博差不多，只不过上传图片和添加一下图片信息就可以了。在文字微博的参数加入图片信息如下：```jsonformdata={"content":msg,"pic":"",#上传图片获得的链接"countType":"","pgv_ref":"web.base.master.talkBox.btnApolloMyHome","apiType":"14",};```好了，最重要的就是上次图片操作，代码如下：```pythondefgetPicUrl(imgmsg):#读取图片连接ifimgmsg==None:returnNone;returnimgmsg.split(",")[1].split("{")[1].split("\"...
Python 模拟浏览器 文件上传 腾讯微博上传图片 -
Python模拟登录腾讯微博发送微博
前不久用Java模拟登录微信，今天我有心血来潮想刷一下图片微博，于是我就用Python写了一个登录腾讯微博刷微博的。本来可以用Java写的，但是几天没看Python差不多又忘了，于是还是用Python来写，主要是练练手。这里不得不说Python的`urllib`和`urllib2`这两个包实在是太强大了。首先我们要实现这个功能我们需要几步：1.登录微博；2.记住登录状态，也就是`cookie`的保存；3.发送微博；我们先来写第一个登录微博：先我们用浏览器可以很清楚的看到登录地址：```bashhttps://ssl.ptlogin2.qq.com/login?u=%s&verifycode=%s&p=%s&pt_rsa=0&ptredirect=1&u1=http%%3A%%2F%%2Ft.qq.com&h=1&t=1&g=1&from_ui=1&ptlang=2052&action=9-101-1396061515832&js_ver=10073&js_type=1&login_sig=N7rJv...
Python 模拟浏览器登录 模拟登录腾讯微博 模拟发送腾讯微博 -
Google浏览器的正确使用方法
其实做网站这些事情，浏览器在我们的手中觉得不仅仅是展现网页那么简单。浏览器在我们手中那就是一个瑞士军刀，功能太多。现在我就介绍一些Google浏览器审查元素的强大用法，我只讲解一下一些简单的功能，更多强大功能，请参考后面的文章。其实火狐的审查元素也是很厉害，但是我很少用我就不描述了，基本一样。首先在网页右键我们可以看到审查元素，或者使用快捷键`Alt+Ctrl+J`或者`F12`打开控制台。这里是控制台，我主要描述`elements`和`network`的用法。`elements`就是浏览器的元素，找到元素后我们可以随意修改。在右侧有选定元素的CSS，我们把颜色修改为蓝色：![Google浏览器修改元素CSS](https://sta...
Chrome Google浏览器 浏览器其他用法