03 2014 档案

摘要:下面专门封装了一个类来处理:importjava.io.File;/***获取打包后jar的路径信息*@authorAdministrator*2011-01-1613:53:12*/publicclassJarTool{//获取jar绝对路径publicstaticStringgetJarPath(){Filefile=getFile();if(file==null)returnnull;returnfile.getAbsolutePath();}//获取jar目录publicstaticStringgetJarDir(){Filefile=getFile();if(file==null)r 阅读全文
posted @ 2014-03-31 09:14 郑文亮 阅读(2144) 评论(0) 推荐(0) 编辑
摘要:一般默认情况下,Eclipse ,MyEclipse 的代码提示功能是比Microsoft Visual Studio的差很多的,主要是Eclipse ,MyEclipse本身有很多选项是默认关闭的,要开发者自己去手动配置。如果开发者不清楚的话,就不知道Eclipse ,MyEclipse的代码提示功能一样能像Microsoft Visual Studio的代码提 示功能一样强大。先举个简单的例子说明问题所在,例如在Eclipse ,MyEclipse代码里面,打个foreach,switch等这些,是无法得到代码提示的(不信自己试试),其他的就更不用说了,而在Microsoft Visual 阅读全文
posted @ 2014-03-29 18:04 郑文亮 阅读(739) 评论(0) 推荐(0) 编辑
摘要:功能: eclipse自带折叠包括方法, import, 注释等得折叠功能, code folding 插件对其增强.1. 下载插件:( 也可以用link方式, 我的是link安装, jar包网上很多)Help > Software Updates > Find and Install…New Remote Site…Name: Coffee-Bytes Platform SupportUrl:http://eclipse.realjenius.com/update-sitePress OK and follow prompts.2.3. 自定义{}可折叠. 也可以设置" 阅读全文
posted @ 2014-03-29 17:59 郑文亮 阅读(3536) 评论(0) 推荐(1) 编辑
摘要:一、捕获组的概念捕获组可以通过从左到右计算其开括号来编号,编号是从1 开始的。例如,在表达式((A)(B(C)))中,存在四个这样的组:1((A)(B(C)))2(A)3(B(C))4(C)组零始终代表整个表达式。 以(?)开头的组是纯的非捕获组,它不捕获文本,也不针对组合计进行计数。与组关联的捕获输入始终是与组最近匹配的子序列。如果由于量化的缘故再次计算了组,则在第二次计算失败时将保留其以前捕获的值(如果有的话)例如,将字符串"aba"与表达式(a(b)?)+相匹配,会将第二组设置为"b"。在每个匹配的开头,所有捕获的输入都会被丢弃。二、详解Patte 阅读全文
posted @ 2014-03-29 10:29 郑文亮 阅读(330) 评论(0) 推荐(0) 编辑
摘要:一.理论准备 Map是键值对的集合接口,它的实现类主要包括:HashMap,TreeMap,Hashtable以及LinkedHashMap等。 TreeMap:基于红黑树(Red-Black tree)的 NavigableMap 实现,该映射根据其键的自然顺序进行排序,或者根据创建映射时提供的 Comparator 进行排序,具体取决于使用的构造方法。 HashMap的值是没有顺序的,它是按照key的HashCode来实现的,对于这个无序的HashMap我们要怎么来实现排序呢?参照TreeMap的value排序。 Map.Entry返回Collections视图。二.key排序 TreeM 阅读全文
posted @ 2014-03-29 09:54 郑文亮 阅读(377) 评论(0) 推荐(0) 编辑
摘要://统计某个字符出现的次数privatevoidcountSubString(){Stringstring1="香蕉、玉米、面粉";Stringstring2="香蕉、玉米、面粉";Stringstring3="牛奶、鸡蛋";StringBufferstringBuffer=newStringBuffer();stringBuffer.append(string1).append("、").append(string2).append("、").append(string3).append(&q 阅读全文
posted @ 2014-03-29 09:16 郑文亮 阅读(12221) 评论(1) 推荐(0) 编辑
摘要:我的一个朋友问我,怎么在c#或vb.net中,计算一个字符串中查找另一个字符串中出现的次数,他说在网上打了好多方法,我看了一下,有的是用replace的方法去实现,这种方法不是太好,占资源太大了。其实如果用正则表达式Regex类,去计算一个字符串出现的次数方法最为简单实用。using System.Text;using System.Text.RegularExpressions;string str2 = TextBox1.Text;string str1 = Label1.Text;Regex RegexWords = new Regex( str2 );int WordCount = R 阅读全文
posted @ 2014-03-29 09:09 郑文亮 阅读(942) 评论(0) 推荐(0) 编辑
摘要:public class Test{ public static void main(String[] args) { String s="hello jack hello look me to see nohello"; String target="hello";//甚至可以为正则表达式 int count=0; while(s.indexOf(target)>=0){ s=s.replaceFirst(target, ""); System.out.println(s); count++; } System.out.pri 阅读全文
posted @ 2014-03-29 09:06 郑文亮 阅读(493) 评论(0) 推荐(0) 编辑
摘要:paip.禁用IKAnalyzer 的默认词库.仅仅使用自定义词库.作者Attilax 艾龙, EMAIL:1466519819@qq.com来源:attilax的专栏地址:http://blog.csdn.net/attilaxver:2012IKAnalyzer 的默认词库的匹配度可能不好..可以使用扩展词库...但是,更好的办法是,禁用IKAnalyzer 的默认词库.仅仅使用自定义词库.需要实现Configuration接口,实现getMainDictionary以及getQuantifierDicionary俩个方法..都返回空的走ok兰..Configuration cfg = n 阅读全文
posted @ 2014-03-28 19:02 郑文亮 阅读(1574) 评论(0) 推荐(0) 编辑
摘要:通常情况下,Web项目是发布到Tomcat下的webapps文件目录下的 。以至于我们访问的时候: 例如:Web应用项目名称为:webManager,则部署到tomcat后,是部署在tomcat/webapps/webManager中,网址为:http://localhost:8080/webManager。然而 ,每当我们访问一个网站页面时,地址栏就是:http://www.1234.com/login.html。所以一般我们实际使用是不带webManager(也就是所谓的项目名称)的。具体操作如下: 选中我们要操作的Web项目,单击右键,选择Properties ,则会出现我们只需要把We 阅读全文
posted @ 2014-03-28 08:15 郑文亮 阅读(24177) 评论(2) 推荐(0) 编辑
摘要:Java代码从Request对象中可以获取各种路径信息,以下例子:假设请求的页面是index.jsp,项目是WebDemo,则在index.jsp中获取有关request对象的各种路径信息如下Stringpath=request.getContextPath();StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";StringremoteAddress=request.getRemot 阅读全文
posted @ 2014-03-26 13:17 郑文亮 阅读(107225) 评论(0) 推荐(4) 编辑
摘要:1、右键点击 “计算机”,在弹出菜单中选择“管理”选项,在服务器管理器左侧界面点击 “角色”选项,如下图:2、点击“添加角色”按钮后,弹出如下界面3、选择“角色”列表中的“Web服务器(IIS)”和“应用程序服务器”,点击“下一步”弹出如下的效果界面:点击“添加必须的功能”按钮后,进行下一步操作:点击“下一步”点击“下一步”安装完成后,点击下图中的“关闭”按钮完成Web服务器的安装。分类:26—Windows操作积累 阅读全文
posted @ 2014-03-26 10:52 郑文亮 阅读(413) 评论(0) 推荐(0) 编辑
摘要:百度编辑器ueditor功能强大,很多人士以应用项目开发中,但是里面有一个公众的问题就是上传图片存放目录太深,默认是ueditor/php/upload下,前不久测试后图片存放目录可以改变,但是路径会出现问题。现分享下图片自定义存放目录和路径,我最后的图片存放是www.**.com/image/ 20131113/13843284986865.png。首先,本地测试配置,为什么这里要先说本地配置呢,因为好多人上线项目一般都是把项目代码直接放到根目录下的,而在本地我们一般会有好多测试项目,因此会有项目文件夹,本地项目目录布局大概如下:Xiangmu +Ueditor-image-admin-da 阅读全文
posted @ 2014-03-26 10:05 郑文亮 阅读(7952) 评论(0) 推荐(0) 编辑
摘要:随机生成 a 到 b (不包含b)的整数:(int)(Math.random()*(b-a))+a; 随机生成 a 到 b (包含b)的整数:(int)(Math.random()*(b-a+1))+a; 阅读全文
posted @ 2014-03-26 08:48 郑文亮 阅读(2402) 评论(0) 推荐(0) 编辑
摘要:自己的运用:public void UploadNoteFile(HttpServletRequest request,HttpServletResponse response){String path = request.getRealPath("/");String url = path + bean.getAttachPath();String savepath = new String (url); final long MAX_SIZE =Long.parseLong(bean.getAttachment())*1024;// 设置上传文件大小 // 允许上传的文 阅读全文
posted @ 2014-03-25 19:39 郑文亮 阅读(464) 评论(0) 推荐(0) 编辑
摘要:1:我们学的是表单文件上传,就是在一个FORM中提交相应的信息,和之前我们的提交的注册信息之类的表单是不同的,所以要先改变一下FORM的属性,enctype="multipart/form-data“,这个属性告诉服务器,我们是要提交文件了,而不是一个表单。在服务器端也需要判断下boolean isUpload = ServletFileUpload.isMultipartContent(request);判断请求中是否有这种标示。2:这是表单中用来选择上传文件用的,在表单中有这个元素后,会会自动生成一个输入框和一个按钮,作用和awt中的FileDialog类的作用蛮像的。3:我们主 阅读全文
posted @ 2014-03-25 19:14 郑文亮 阅读(1547) 评论(0) 推荐(0) 编辑
摘要:转自:http://blog.csdn.net/chinaliuyan/article/details/7002016 将请求消息实体中的每一个项目封装成单独的DiskFileItem (FileItem接口的实现) 对象的任务由 org.apache.commons.fileupload.FileItemFactory 接口的默认实现org.apache.commons.fileupload.disk.DiskFileItemFactory 来完成。当上传的文件项目比较小时,直接保存在内存中(速度比较快),比较大时,以临时文件的形式,保存在磁盘临时文件夹(虽然速度慢些,但是内存资源是有限的) 阅读全文
posted @ 2014-03-25 18:52 郑文亮 阅读(1100) 评论(0) 推荐(0) 编辑
摘要:1、首先介绍write()和print()方法的区别:(1)、write():仅支持输出字符类型数据,字符、字符数组、字符串等(2)、print():可以将各种类型(包括Object)的数据通过默认编码转换成bytes字节形式,这些字节都通过write(int c)方法被输出2、介绍response.getWriter()和out的区别:(1)、out和response.getWriter的类不一样,一个是JspWriter,另一个是java.io.PrintWriter。(2)、执行原理不同:JspWriter相当于一个带缓存功能的printWriter,它不是直接将数据输出到页面,而是将数 阅读全文
posted @ 2014-03-25 17:40 郑文亮 阅读(46077) 评论(0) 推荐(6) 编辑
摘要:Java读取properties文件的方法比较多,网上我最多的文章是“Java读取properties文件的六种方法”,我看了好多的文章,在读到“博客之星-熔岩”的“Java读取properties文件的思考”这片文章的时候,感觉写的很好,忍不住也些点日志记录下来,在最常用的读取properties文件的方式--->“通过java.lang.Class类的getResourceAsStream(String name) 方法来实现”,Java代码InputStreamin=getClass().getResourceAsStream("资源Name"); 这句代码有一 阅读全文
posted @ 2014-03-25 17:27 郑文亮 阅读(2705) 评论(0) 推荐(0) 编辑
摘要:远程桌面设置分为两种,一种是Windows 7连向非Windows 7的远程桌面,第二种是Windows 7连向Windows Vista/7/2008这样的远程桌面,所以本文分别以Windows 7连向Windows 2003/XP和连向Windows 7两种进行介绍,由于设置是双向的,也就是说,一方要设置连接,另一方肯定要设置接受。连向其它系统的远程桌面设置,以后再做补充。一、首先启用目标计算机的远程桌面提醒:如果目标计算机已经设置,或不在自己的受控范围,请略过本段,可以直接连接测试。1、Windows XP上启用远程桌面在桌面上鼠标右键点击"我的电脑"图标,选择&qu 阅读全文
posted @ 2014-03-25 10:11 郑文亮 阅读(6308) 评论(2) 推荐(0) 编辑
摘要:http://bbs.csdn.net/topics/350072885 阅读全文
posted @ 2014-03-21 16:06 郑文亮 阅读(322) 评论(0) 推荐(0) 编辑
摘要:这个代码是我以前测试时候的代码了,主要用到的知识点是opacity和filer分别实现“标准浏览器”和IE浏览器下的半透明,使用js的document.body.offsetwidth和screen.height来控制遮罩层的宽高,通过element.style.display属性来控制遮罩层显示与否HTML遮罩层,背景半透明,只显示中间部分 关闭 点击我看看本文出自 WEB前端开发-SEO-SEM | 朱宝祥的博客,转载时请注明出处及相应链接。本文永久链接: http://qitiancom.com/archives/959 阅读全文
posted @ 2014-03-20 09:19 郑文亮 阅读(12878) 评论(0) 推荐(0) 编辑
摘要:http://www.cnblogs.com/True_to_me/p/3565039.html楼主公司是做微信周边产品开发的,最近公司接到一个case,跟客户公司接口对接,并实现微信支付。楼主可是从没接触过微信支付,当时心里感觉好高大上,能搞定么?马上忽悠来客户的公众平台帐号、密码上去看微信支付文档。 公众号支付有2种支付方式: JS API 支付:是指用户打开图文消息或者扫描二维码,在微信内置浏览器打开网页进行的支付。商户网页前端通过使用微信提供的 JS API,调用微信支付模块。这种方式,适合需要在商户网页进行选购下单的购买流程。 Native(原生)支付:是指商户组成符合 Native 阅读全文
posted @ 2014-03-19 17:23 郑文亮 阅读(43791) 评论(8) 推荐(0) 编辑
摘要:div垂直居中 css div盒子上下垂直居中,让DIV盒子在任何浏览器中任何分辨率的显示屏浏览器中处于水平居中和上下垂直居中。div垂直居中常用于单个盒子,如一个页面里只有一个登录布局,使用div css让这个登录布局水平和css垂直居中。这里介绍一种最简单兼容性最好的水平居中与上下垂直居中的方法。1、具体实例代码如下上下垂直居中在线演示DIVCSS5DIV水平居中和上下垂直居中这里设置一个“#main”对象样式,宽400px,高200px,使用了绝对定位position样式同时使用绝对定位left和top,并且同时设置margin-top和margin-left,为了观察到效果,所以对此d 阅读全文
posted @ 2014-03-18 16:28 郑文亮 阅读(23879) 评论(2) 推荐(0) 编辑
摘要:今天早上刚到公司,就收到反馈说公司前端页面的下载按钮在 iOS 7 的微信内置浏览器里面点击无效,经过确认之后,前端代码是正常的,问题出在了微信上,然后谷歌之,原来腾讯在***。是 BUG 还是刻意为之?最新版微信在所有开放的 webview(网页界面)里禁止了通过链接打开本地 app 或跳转到 app store,只有自家使用的 webview 能够打开 app 或跳转 app store。而且这种做法不像是 bug 所致,而是刻意为之。可能的用意:微信是一个重要的互联网入口和应用入口,但是微信为了自家利益,需要控制入口和流量,进而加强对公共帐号和第三方应用的控制,打击竞争对手该怎么办呢?经 阅读全文
posted @ 2014-03-17 16:39 郑文亮 阅读(30187) 评论(5) 推荐(1) 编辑
摘要:HTML5LocalStorage本地存储说到本地存储,这玩意真是历尽千辛万苦才走到HTML5这一步,之前的历史大概如下图所示:最早的Cookies自然是大家都知道,问题主要就是太小,大概也就4KB的样子,而且IE6只支持每个域名20个cookies,太少了。优势就是大家都支持,而且支持得还蛮好。很早以前那些禁用cookies的用户也都慢慢的不存在了,就好像以前禁用javascript的用户不存在了一样。userData是IE的东西,垃圾。现在用的最多的是Flash吧,空间是Cookie的25倍,基本够用。再之后Google推出了Gears,虽然没有限制,但不爽的地方就是要装额外的插件(没具体 阅读全文
posted @ 2014-03-17 16:38 郑文亮 阅读(474) 评论(0) 推荐(0) 编辑
摘要:WDCP是WDlinux Control Panel的简称,是一套用PHP开发的Linux服务器管理系统以及虚拟主机管理系统,,旨在易于使用Linux系统做为我们的网站服务器,以及平时对Linux服务器的常用管理操作,均可在wdCP的后台里完成. 使用wdCP,就可以轻松创建网站,创建FTP,创建mysql数据库等等. 简单,方便,易操作.让你方便地使用和管理Linux服务器,和网站,FTP,mysql,不懂Linux也可以用Linux做服务器. 功能特性 wdcp包括服务器管理,网站管理(网站,FTP,mysql数据库),文件管理器 具体如下: 服务器管理功能 1 支持apac... 阅读全文
posted @ 2014-03-15 16:20 郑文亮 阅读(2026) 评论(0) 推荐(0) 编辑
摘要:目录[-]1、flex2、extjs3、easyui4、MiniUI5、jQuery UI6、DWZ7、GWT8、YUI9、Sencha10、Dojo11、ZK12、OperaMasks-UI13、JavaFX1、flexApache基金会今天发布了Flex 4.8版本,这是Adobe将Flex捐献给Apache基金会后发布的第一个版本。需要注意的是,Flex目前还在孵化阶段,还不是Apache的正式项目,Flex 4.8也不是一个正式的Apache版本。 Apache称,该版本标志着Flex新时代的开始,Flex的未来将由社区来驱动,而不是由一个公司驱动。开发者可以通过贡献代码,来帮助改进F 阅读全文
posted @ 2014-03-14 16:48 郑文亮 阅读(14114) 评论(1) 推荐(0) 编辑
摘要:首先下载两个包 commons-fileupload-?.jar和commons-io-?.jar 将他们配置到你的项目中先把它们放在 "项目名/war/WEB-INF/lib" 中,之后直接在 properties 中加入到项目中(没配置过可以去网上查eclipse配置jar的方法,很简单的)之后就开始啦,client 端代码:[java] view plaincopyprint?finalFileUploadfileUpload=newFileUpload();finalFormPanelformpanel=newFormPanel();fileUpload.setNa 阅读全文
posted @ 2014-03-14 16:05 郑文亮 阅读(1943) 评论(0) 推荐(0) 编辑
摘要:1. java通过jsni调用内部jsButtonbutton=newButton("java调用内部jsni的js方法");button.addClickHandler(newClickHandler(){@OverridepublicvoidonClick(ClickEventevent){//gwt中java调用js方法execute("js方法被调用");}});/***JSNI方法*@paramid*/publicstaticnativevoidexecute(Stringstr)/*-{alert(str);}-*/;2. 内部js通过jsn 阅读全文
posted @ 2014-03-14 15:57 郑文亮 阅读(2475) 评论(1) 推荐(0) 编辑
摘要:Java代码 packagecom.zly.client;importcom.google.gwt.core.client.EntryPoint;importcom.google.gwt.event.dom.client.BlurEvent;importcom.google.gwt.event.dom.client.BlurHandler;importcom.google.gwt.event.dom.client.ChangeEvent;importcom.google.gwt.event.dom.client.ChangeHandler;importcom.google.gwt.event. 阅读全文
posted @ 2014-03-14 15:46 郑文亮 阅读(1231) 评论(0) 推荐(0) 编辑
摘要:表单使用HTTP提交表单有两种提交方式,第一种就是传统的HTTP提交。最直接的步骤就是:使用FormPanel的setAction()方法,去定义submit的URL使用FormPanel的isValid()方法,去验证所有的fields是否有正确如果正确,使用FormPanel的submit()方法提交表单。[java] view plaincopyprint?setAction("http://www.example.com/submit.php");finalButtonbtnSave=newButton("Save");btnSave.setIc 阅读全文
posted @ 2014-03-14 13:44 郑文亮 阅读(1198) 评论(0) 推荐(0) 编辑
摘要:GWT有两种与服务端进行交互的技术:GWT RPC和基于普通AJAX的远程交互技术。这里只介绍GWT RPC技术。一个完整的RPC服务至少包含三个Java文件: 1、客户端远程接口类,需要继承RemoteService类 2、客户端远程接口类的异步类,异步类的名称格式是: 客户端远程接口类名 + Async 后缀 3、服务器端的远程接口类,需要继承RemoteServiceServlet类和实现客户端远程接口类客户端相关的类必须位于client包及其子包下,服务器端相关的类必须位于server包及其子包下。1、客户端远程接口类 源码Java代码 /***客户端远程接口类需要继承RemoteSe 阅读全文
posted @ 2014-03-14 13:27 郑文亮 阅读(1761) 评论(0) 推荐(0) 编辑
摘要:GWT提供了DOM工具,利用美工做好的HTML页面,后台人员结合GWT来开发。Element button = DOM.getElementById("button_a"); DOM.sinkEvents(button, Event.ONCLICK); DOM.setEventListener(button,new EventListener(){ public void onBrowserEvent(Event event) { if(DOM.eventGetType(event) == Event.ONCLICK){ Window.alert("hello w 阅读全文
posted @ 2014-03-14 11:13 郑文亮 阅读(497) 评论(0) 推荐(0) 编辑
摘要:使用eclipse开发Java SE 总免不了需要引入第三方的jar或者calss文件。这里给大家说一下如何在eclipse中引入第三方jar或者calss文件。让我们先了解一下eclipse项目中引入的jar都在什么位置:如上图所示,每个项目都会包含一个JRE System Library [JavaSE-1.6],为系统库,中括号中的JavaSE-1.6为本机的JDK版本号。系统库中包含了很多的jar文件,这些jar文件位于环境变量中的JAVA_HOME(jdk的安装目录)\jre\lib和JAVA_HOME\jre\lib\ext这里个文件夹中。系统库中的jar文件我们可以直接使用,而不 阅读全文
posted @ 2014-03-13 14:40 郑文亮 阅读(5847) 评论(0) 推荐(0) 编辑
摘要:Java开发中使用的路径,分为两种:绝对路径和相对路径。归根结底,Java本质上只能使用绝对路径来寻找资源。所有的相对路径寻找资源的方法,都不过是一些便利方法。不过是API在底层帮助我们构建了绝对路径,从而找到资源的!(文章来自:http://www.it-jiuye.com/) 在开发Web方面的应用时, 经常需要获取 服务器中当前WebRoot的物理路径 如果是Servlet , Action , Controller, 或则Filter , Listener , 拦截器等相关类时,我们只需要获得ServletContext,然后通过ServletContext.getRealPath.. 阅读全文
posted @ 2014-03-13 14:30 郑文亮 阅读(309) 评论(0) 推荐(0) 编辑
摘要:Frame htmlFrame = new Frame("../OurHome/modules/core/mainIndex.jsp?merchantId="+merchantId+"&columnId="+columnId); htmlFrame.removeStyleName(htmlFrame.getStyleName()); DOM.setElementPropertyInt(htmlFrame.getElement(), "frameBorder", 0); htmlFrame.setSize("100%& 阅读全文
posted @ 2014-03-12 13:52 郑文亮 阅读(476) 评论(0) 推荐(0) 编辑
摘要:该版本默认使用CVS插件进行版本管理。下面安装SVN插件,以便能下载Google Code上的源代码。以下是一些关键步骤:其中http://subclipse.tigris.org/update_1.0.x是SVN插件的下载站点【subclipse是Eclipse的SVN插件】。以update_1.0.x为例Select All 然后单击Next...一路Next,最后点击Finish,下载SVN插件并安装,最后需要重启Eclipse。---------------- 至此 SVN 插件安装完毕 -------------------使用SVN插件从Google Code上下载开源代码以ski 阅读全文
posted @ 2014-03-11 11:13 郑文亮 阅读(295) 评论(0) 推荐(0) 编辑
摘要:我们知道,Oracle和SQL Server等大型数据库也都存在一些免费的版本,这些免费的版本已经能够满足许多中小项目的需求。对于在校大学生来说,从学习的目标上来讲,安装免费版的大型数据库也就足够用了,而且还不会花费个人计算机过多的资源,可谓一举两得。本文我们介绍了几种免费的大型数据库,接下来我们就开始介绍。一、Oracle Database 10g Express Edition简称Oracle 10g迅捷版(XE版),是一款基于Oracle数据库10g第2版代码库的小型入门级数据库,它具有以下优点:(1) 免费举行开发、安排和发放,无需担心版权问题。(2) 下载速度快;其英文版大小仅为16 阅读全文
posted @ 2014-03-10 09:37 郑文亮 阅读(20348) 评论(0) 推荐(1) 编辑
摘要:HTML5发展到现在,虽说没有大规模的普及,但在我们日常生活中,也很容易见到了,HTML5的游戏、网站、应用也是层出不穷。而作为前端人员,也应该多了解这些API为以后应用打基础,下面我将给大家介绍 HTML5 新引入的API,并附上各个 API 的浏览器检测方法,我主要参考了最近看的《html5揭秘》和《html5高级程序设计》。首先,我们先介绍下Modernizr, 它是一个用来检测浏览器对 HTML5 和 CSS3 特性支持情况的开源 Javascript 类库,现在最新的是 2.5.3 版(下载),使用方法很简单,在页面里引入 JS 后,它会自动运行,并创建一个 Modernizr 全局 阅读全文
posted @ 2014-03-07 14:09 郑文亮 阅读(3605) 评论(0) 推荐(0) 编辑
摘要:博客建好也快一个月了,主题是在原有主题的基础上做的修改,喜欢这样的清新简约风格,为了更好的体验,以后也会经常做修改。一般博客的文章都比较长,看到下面不能快速返回到顶部还真是不方便,今天自己动手写了一个,是基于 jQuery 的,用起来还不错。常见的“返回顶部”分这么3种:把返回顶部按钮放在页面最底部的,返回顶部按钮在滚动距离大于一定的距离后显示出来的,还有就是滚动距离大于 0 的时候就显示出来,喜欢最后这种,嗯,就它了~ 做好了贴出来共享下:)HTML:用两个 span 标签去模拟一个向上的箭头。 返回顶部CSS:用 css 去模拟三角形很给力,不仅兼容性很好,而且可用的地方还非常多... 阅读全文
posted @ 2014-03-07 13:47 郑文亮 阅读(662) 评论(0) 推荐(0) 编辑
摘要:图片延迟加载也称懒加载,常用于页面很长,图片很多的页面,以电子商务网站居多,比如大家常上的京东,淘宝,页面以图居多,整个页面少说几百K,多则上兆,如果想一次性加载完成,不仅用户要哭了,服务器也得哭了。为了避免这种请况发生,目前主流的做法是页面初次加载时,只显示当前可视区域的图片,当用户滚动页面的时候,当图片进入可视区域时再加载,这样可以明显的提高页面加载速度,而更少的图片并发请求数,也可以大大的减轻服务器的压力,可谓一举多得。图片延迟加载的原理比较简单,先把图片的真实地址写在自定义的一个属性上,比如 data-url(HTML5中以 data- 开头的自定义属性都是合法的),src 地址最好不 阅读全文
posted @ 2014-03-07 13:42 郑文亮 阅读(2878) 评论(0) 推荐(0) 编辑
摘要:发表于2013/11/07当在数据量不是很大,而且没有后端对应的功能接口的时候,一些简单的搜索功能基本上是前端去实现的,正好最近用到,写了一个,贴出来和大家分享:功能描述:按下键盘后及时搜索条目中的汉字,汉字对应的拼音和号码;实现思路:先将条目中的汉字转换成拼音,然后将汉字,拼音,数字拼接成规律的字符串,放入数组,然后每次按下键盘后判断 input 中的值是汉字,拼音,还是数字,然后按固定的规律去循环数组,这样就能找到对应的条目了;启用方式:// search-test-inner ---> 最外层div// search-value ---> input 输入框// search 阅读全文
posted @ 2014-03-07 13:36 郑文亮 阅读(12647) 评论(0) 推荐(0) 编辑
摘要:歌曲播放我们会发现他的兼容性不是很好,譬如IE上能播放的flash播放器,再firfox或者chrome上就不是很好的应用了,因为有插件的阻碍!HTML5的出现让这一切成为了可能,但是播放器虽然播放了,我们还要关注一下用户的体验度,所以,我们就写了一个HTML兼容的播放器!向下兼容IE6-9、chrome、firfox、opera等主流播放器,应该是全兼容!实现原理代码给大家奉上!001002003004005歌词同步播放器-powered by widuu xiaowei006007008009010011012013019070071072073[ar:测试用 ]074[00:03.00] 阅读全文
posted @ 2014-03-07 13:12 郑文亮 阅读(3561) 评论(2) 推荐(0) 编辑
摘要:如题。 最近需要使用到网页后台富文本编辑器。经过同学推荐,最后决定使用百度家的Ueditor.官方地址:http://ueditor.baidu.com/website/贴吧地址:ueditor讨论吧官方提供了网页上非常方便的自定义工具栏的功能。自定义之后直接下载对应的代码包并按照文档部署到项目中即可。其中主要的问题是路径的配置。首先是将下载好的代码包发布到我们项目的根目录下面。然后在需要添加富文本编辑器的页面头部添加如下代码: [javascript]view plaincopyprint?配置路径这一块是非常重要的。特别是下面的Ueditor的路径,是相对我们整个代码库的目录的。... 阅读全文
posted @ 2014-03-06 13:43 郑文亮 阅读(47078) 评论(1) 推荐(5) 编辑
摘要:上传文件大小的配置1.ueditor\dialogs\video\video.js 搜索 file_size_limit 修改这个数值(这是前台 flash的限制)2.ueditor\jsp\fileUp.jsp setMaxSize 修改这个数值3.ueditor\jsp\imageUp.jsp setMaxSize 修改这个数值4.ueditor\jsp\scrawlUp.jsp setMaxSize 修改这个数值上传图片的路径修改初始的图片路径是 upload11. ueditor\jsp\config.properties 修改savePath=upload_photo2.uedi.. 阅读全文
posted @ 2014-03-06 10:07 郑文亮 阅读(1443) 评论(0) 推荐(0) 编辑
摘要:本案例的开发环境:MyEclipse+tomcat+jdk 本案例的开发内容:用百度编辑器发布新闻(UEditor的初始化开发部署)编辑已发过的新闻(UEditor的应用——编辑旧文章)上传附件、图片等 由于百度编辑器强大的功能,web开发爱好者无不喜爱。但网上关于其开发的具体细节或整个项目的开发案例并不是很多,因此写下这篇简单开发百度编辑器UEditor的案例。 此案例只是简单的应用Ueditor,仅供参考。 项目名称:UEditorCase 项目组织结构图:(一)UEditor的开发部署 到官方网站下载ueditor jsp(utf-8)版开发包。ueditor1_2_... 阅读全文
posted @ 2014-03-05 16:35 郑文亮 阅读(31468) 评论(6) 推荐(2) 编辑
摘要:二话不说,先上图:我配置好的效果大致是这些功能:基本的文字编辑功能、图片上传功能、附件上传功能、百度/谷歌地图搜索截图、视/音频发布功能。这个插件是现今我用过觉得最舒服的编辑器,功能齐全强大,稍微修改下配置即可投放使用,来,走起!1、最新版的官方插件跟先前的版本不一致,所以我还是用先前的版本, 是今年5、6月份版本。插件包JSP版(utf8编码)下载地址http://download.csdn.net/detail/jk33220/5798407(1分不算多吧,^_^,我的金币较少,赞助我点金币哈,评论即可获得1分)2、瓦公司用eclipse来开发,但是大多数人都是用myeclipse,所以我 阅读全文
posted @ 2014-03-05 15:50 郑文亮 阅读(10210) 评论(1) 推荐(0) 编辑
摘要:虽然百度ueditor的官网和文档都已经很详细了。但是自己还是记录下 自己使用uEditor的过程。这是 他的官网http://ueditor.baidu.com/website/ 例子 文档什么的都很详细。我下的是 开发版中的gbk版(视项目的编码方式而定)下载下来后 解压 把文件夹拷到你java ee项目的webroot下如图:ueditor里面的文件夹都没变 只是jsp文件夹把里面的前两个jar包弄到web-Inf里面的lib下面。把Uploader.java 放到src下面如图:包名和imageUp.jsp fileUp.jsp里面引用的一致。然后就是在jsp页面里面应用了 代码 如下 阅读全文
posted @ 2014-03-05 14:05 郑文亮 阅读(9735) 评论(0) 推荐(0) 编辑
摘要:前天产品提了一个编辑器的bug,本人找是找到了问题的症结,就是不好改。框架是压缩兼混淆后的代码。查一下,好多年前的框架。。。咨询了一个同事有关旧框架的事情,他也建议我升级编辑器并帮忙帮我找了UEditor。嘻嘻。。。。不错,开源,文档也很好用。由百度web前端研发部开发。符合中国国情,ie6也支持的不错!官方地址:http://ueditor.baidu.com/website/index.html1.部署方法(php版本)a.下载项目需要的版本源码,以php为例b.文本编辑框所放的位置 c.加载框架脚本//$_POST['myContent'] 上传内容到服务器编辑框初... 阅读全文
posted @ 2014-03-05 09:35 郑文亮 阅读(2362) 评论(0) 推荐(0) 编辑
摘要:目前市场上大多数的网站的断点上传都是需要安装浏览器插件的,本文就针对高级浏览器的环境下,通过HTML5 File api实现断点上传进行说明一、实现文件多选HTML5的新增了"multiple"属性,该属性可接受多个值的文件上传字段添加了该属性用户就可以在弹出的对话框中一次性选择多个文件了二、实现文件从计算机拖拽到网页以及添加文件队列功能这里我们用 dragover 和 drop 两个事件来管理文件拖拽的功能其中 dragover 用来处理在指定的元素上移动时的事件,这里我们通过给body绑定dragover时间来处理页面中拖动文件的事件document.body.addE 阅读全文
posted @ 2014-03-04 17:22 郑文亮 阅读(23956) 评论(0) 推荐(2) 编辑
摘要:win8系统添加开机自启动软件的方法,把需要设置开机自启动的软件的快捷方式复制到下面任意路径就ok了。开机自启动路径如下:C:\ProgramData\Microsoft\Windows\Start Menu\Programs\StartUpC:\Users\你的用户名\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Startup 阅读全文
posted @ 2014-03-04 08:05 郑文亮 阅读(441) 评论(0) 推荐(0) 编辑
摘要:本文向大家简单介绍一下iframe父子窗口间JS方法调用,JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用,希望本文介绍对你有所帮助。iframe父子窗口间JS方法调用父窗口调用iframe子窗口方法myFrame.window.functionName(); iframe子窗口调用父窗口方法parent.functionName(); 父窗口页面子窗口页面 阅读全文
posted @ 2014-03-03 17:31 郑文亮 阅读(1121) 评论(0) 推荐(0) 编辑
摘要:随着项目功能的完善,GWT模块(Module)越来越多,当要以web模式编译给测试组使用时,编译的总时间越来越多,我的机器编译完8个模块,需要10分钟左右。 抽空研究了一下GWT的编译参数和GWT编译后的代码,发现GWT编译是按:支持的浏览器种类、支持的多语言种类来生成多个html文件。如:支持5种浏览器,支持3种语言,就会生成15个html文件。 如果我们测试阶段的重点是:英文和IE浏览器,则根本不需要其他多余的html,从而会减少编译时间。 于是,我在 xxxx.gwt.xml 中,增加: , 这样编译后就只能使用IE浏览器。 关于GWT的多语言处理方式,它是提前把所有用到的语言值直接生成 阅读全文
posted @ 2014-03-03 14:33 郑文亮 阅读(1649) 评论(1) 推荐(1) 编辑
摘要:Google Web Toolkit即GWT是目前基于AJAX技术开发的一个比较成功的框架包,但是其附带例程中只有单页面的实例,那么应该怎么样制作多个页面呢?其实很简单,GWT的一个模块,就是一个页面的。就像我们使用普通的 html 和 javaScript动态生成 div 一样。 要想多个页面,就是建立多个模块。每个模块都有一个主页的(xxxx.html) ,这样这么多个主页,随便怎么控制切换都可以。但是GWT也有一个缺点就是编译部署:1.可以自写build脚本,分别编译各个gwt模块,然后拷贝到一起,重新 war 。一次部署即可。2. 划分多个模块,是考虑到 GWT的编译机制,当一个 模块 阅读全文
posted @ 2014-03-03 14:31 郑文亮 阅读(1149) 评论(0) 推荐(0) 编辑
摘要:怎么跳转?跳转这个概念这里指的是从一个web页面跳转到另一个web页面,如果我们使用gwt来开发web,很自然的我们会想到怎么从一个gwt做的页面跳转到另一个gwt做的页面。但从网上的gwt例子来看,似乎gwt的应用更像一个桌面应用:总的就一个页面,相当于应用程序主体,不同的功能就是不同的gwt控件在做展示。没有像普通的web 应用那样不同的功能是在不同的web页面上,从一个功能到另一个功能就是一个页面跳转到另一个页面。gwt应用更像桌面应用,不同的功能用不同的gwt控件表示,如gwt窗体,gwt对话框,gwt tab等等。各种控件的数据都是通过ajax从服务端取得,gwt把界面定义出来,数据 阅读全文
posted @ 2014-03-03 10:57 郑文亮 阅读(2479) 评论(0) 推荐(0) 编辑
摘要:smartGwt 整合FusionCharts把需要的.swf文件和FusionCharts.js放在war下面(路径就自己定了)可以工程的html文件中引FusionCharts.js文件也可以在.gwt.xml文件中引FusionCharts.js(如果工程是拆分开了,建议在.gwt.xml中引用JS文件)smartGwt封装JS常见问题1、设置layout的setBackgroundColor("white");(仅限与搜狗地图结合使用时)2、设置FusionCharts的wmode="Opaque";3、必须先设置了render之后才能设置set 阅读全文
posted @ 2014-03-01 10:56 郑文亮 阅读(417) 评论(0) 推荐(0) 编辑