Front-End
文章平均质量分 78
创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。
XingKong22star
5年大厂互联网产品及研发经验;
专注于5G工业物联网、智能制造、3D打印、等金融科技与产品的融合
展开
-
严重:IOException while loading persisted sessions: java.io.EOFException
严重:IOException while loading persisted sessions: java.io.EOFException原创 2015-06-17 09:16:12 · 669 阅读 · 0 评论 -
SiteMesh3使用详解
SiteMesh是由一个基于Web页面布局、装饰以及与现存Web应用整合的框架。它能帮助我们在由大量页面构成的项目中创建一致的页面布局和外观,如一致的导航条,一致的banner,一致的版权,等等。 它不仅仅能处理动态的内容,如jsp,php,asp等产生的内容,它也能处理静态的内容,如htm的内容,使得它的内容也符合你的页面结构的要求。甚至于它能将HTML文件象include那样将该文件作为一个面板的形式嵌入到别的文件中去。所有的这些,都是GOF的Decorator模式的最生动的实现。尽管它是由java语言原创 2014-12-25 13:56:21 · 1639 阅读 · 0 评论 -
velocity 转义 #SJS($js) 和 #SHTML($html) 记录
Velocity安全输出帮助 * html输出 什么都不执行, 按原始格式输出。 他并不是真正的不执行任何变化, 因为他会执行xss的过滤动作。一个非常复杂的安全处理过程, 如果不是输出HTML, 请勿使用。 这个表示将会消耗大量的CPU处理。 #SHTML($html) * xml编码输出, 将会执行 xml encode输出原创 2014-09-30 13:03:51 · 2401 阅读 · 0 评论 -
JSP 九大内置对象详解以及会话跟踪
JSP共有以下9种基本内置组件(可与ASP的6种内部组件相对应):request对象客户端的请求信息被封装在request对象中,通过它才能了解到客户的需求,然后做出响应。它是HttpServletRequest类的实例。request对象具有请求域,即完成客户端的请求之前,该对象一直有效。序号 方 法 说 明1 object getAttribute(String name)原创 2014-09-15 17:55:18 · 1055 阅读 · 0 评论 -
<meta> 标签 --文件更新
说明:元数据(Metadata)是数据的数据信息。 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,当时会被浏览器解析。META元素通常用于指定网页的描述,关键词,的文件的最后修改,作者,和其他元数据。元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。原创 2014-09-15 17:27:12 · 749 阅读 · 0 评论 -
<base href="<%=basePath%>"
" base标记是一个基链接标记,是一个单标记。用以改变文件中所有连结标记的参数内定值。它只能应用于标记与之间。你网页上的所有相对路径在链接时都将在前面加上基链接指向的地址。重要属性:href设定前缀的链接地址target设定文件显示的窗口,同a标记中的target简单例子:base标记77原创 2014-09-13 16:09:08 · 808 阅读 · 0 评论 -
js 中编码(encode)和解码(decode)的三种方法
js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent1、 传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。例如:原创 2014-09-09 14:34:42 · 49926 阅读 · 1 评论 -
jsp input 深入
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"onbeforepaste 意思是在用户执行粘贴动作之前。clipboardData.setData('text', xxx) 是把xxx的内容复制到剪贴板clipboardData.getD原创 2014-09-04 12:48:03 · 602 阅读 · 0 评论 -
CSS的position/float/display的取值方法
position position属性取值:static(默认)、relative、absolute、fixed、inherit。 postision:static;始终处于文档流给予的位置。看起来好像没有用,但它可以快速取消定位,让top,right,bottom,left的值失效。在切换的时候可以尝试这个方法。 除了static值,在其他三个值的设置下,z-inde原创 2014-08-26 10:55:46 · 961 阅读 · 0 评论 -
display:inline、block、inline-block的区别
display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 , , , , 和 是块元素的例子。 display:inline就是将元素显示为行内元素. inline元素的特点是: 和其他元素都在一行上; 高,行高及顶原创 2014-08-26 10:52:20 · 501 阅读 · 0 评论 -
HTTP contentType
HTML中的ContentTypeContent-Type,内容类型,一般是指网页中存在的Content-Type,用于定义网络文件的类型和网页的编码,决定浏览器将以什么形式、什么编码读取这个文件,这就是经常看到一些Asp网页点击的结果却是下载到的一个文件或一张图片的原因。原创 2014-08-20 18:51:31 · 899 阅读 · 0 评论 -
<jsp-config> in web.xml
包括 和 两个子元素。其中 元素在JSP 1.2 时就已经存在;而 是JSP 2.0 新增的元素。 元素主要有八个子元素,它们分别为:1.:设定的说明 2.:设定名称 3.:设定值所影响的范围,如: /CH2 或 /*.jsp 4.:若为 true,表示不支持 EL 语法 5.:若为 true,表示不支持 语法 6.:设定 JSP 网页的编码 7.:设置 JSP原创 2014-07-31 18:11:09 · 720 阅读 · 0 评论 -
js实现页面跳转的几种方式
js实现页面跳转的几种方式原创 2014-07-26 22:00:47 · 935 阅读 · 0 评论 -
天气预报接口
<embed style="DispLAY: block; WiDTH: 600px; HeiGHT: 500px; TexT-ALiGn: center" src="http://weather.news.sina.com.cn/deco/2009/1224/china.swf" type="application/x-shockwave-flash" wmode="transparent" i原创 2014-07-18 08:56:13 · 565 阅读 · 0 评论 -
java去除字符串中的空格、回车、换行符、制表符
1234567891011121314151617181920212223242526272829303132333435原创 2014-07-17 18:43:04 · 971 阅读 · 0 评论 -
org.apache.commons.fileupload.FileUploadBase$InvalidContentTypeException: the request doesn't contai
org.apache.commons.fileupload.FileUploadBase$InvalidContentTypeException: the request doesn't contain a multipart/form-data or multipart/mixed stream, content type header is null原创 2014-07-13 17:17:17 · 10365 阅读 · 0 评论 -
Velocity
Velocity是一个基于java的模板引擎(template engine)。它允许任何人仅仅使用简单的模板语言(template language)来引用由java代码定义的对象。应用当Velocity应用于web开发时,界面设计人员可以和java程序开发人员同步开发一个遵循MVC架构的web站点,也就是说,页面设计人员可以只关注页面的显示效果,而由java程序开发人员关注业务逻辑编码原创 2014-07-10 14:19:35 · 561 阅读 · 0 评论 -
利用urlrewriter实现页面伪静态
一个项目在后期运行的过程中,往往有各种理由去做页面的url地址的更换,给用户一种静态页面的感觉,其中利用到的技术主要有伪静态和真静态,其中真静态又根据存储位置的不同而会有两种方式,一种是定期生产html文件存储在磁盘上,而另外一种情况则是存储在内存中,在请求的时候直接从内存中取数据。 在这主要说的是伪静态,意思就是原本的动态页面,比如jsp,action等页面,但在用户的浏览原创 2014-01-24 21:15:52 · 811 阅读 · 0 评论 -
JSP静态化技术总结(开源)
JSP静态化技术总结(开源)分类: Html Jsp2013-10-14 19:51 17人阅读 评论(0) 收藏 举报jsp负载均衡 网站提高性能的方案有很多,网站架构方面考虑,最初的性能优化可以考虑提高单台服务器的配置。把数据库和代码分别部署在两台服务器,页面缓存,数据缓存,静态化,分布式,代码读写分离,负载均衡。这些东西都是大型网站发展所转载 2013-10-18 23:00:56 · 743 阅读 · 0 评论 -
js取form对象方法,表单属性和方法
获取表单对象方法一、var form = document.forms['myform']; 得到表单的值:var usrname = form.elements['usrname'].value 获取表单对象方法二、var form = document.myform; 表单属性和方法:1.action2.elements3.enctype4.leng原创 2014-08-18 16:04:20 · 7614 阅读 · 0 评论 -
投票业务实现
投票系统加入随机ID,验证每一个投票ID,多种验证码方式,验证问题与答案,限定IP地址段,实时显示投票人数,实时更新排行榜,留言板,限定投票的起始时间,多种功能开关,杜绝刷票与水军,所有的功能全部集成到后台,只需要简单的操作就可以维护管理投票系统。原创 2014-10-14 13:13:59 · 953 阅读 · 0 评论 -
easyui-分页功能详解
我们现在后台是SSI,前台用的是jquery easyUieasyui的Datagrid分页原理:通过pagination:true,属性来指定easyui的分页功能,当前端页面会通过ajax发送分页显示请求时,会向后台传递两个参数,page和rows,在struts2的action中通过属性驱动可原创 2013-11-21 14:10:28 · 3203 阅读 · 0 评论 -
jQuery is not defined错误的解决方案
jQuery is not defined解决方案原创 2015-01-29 09:39:13 · 2421 阅读 · 0 评论 -
异步加载 yepnope.js
yepnope.js是一个超高速的按条件异步加载资源的加载器,允许你只加载使用到的资源(css及js)。原创 2015-03-10 17:19:20 · 903 阅读 · 0 评论 -
Moment.js - 让JavaScript日期处理变得更加简单
Moments.js http://momentjs.com/这个JavaScript library提供了丰富的功能来处理日期如:解析、操作和格式化等。它既可以用在浏览器环境中,也可以用在NodeJS中。所有代码都兼容两种环境。这个library能够转换给定的多种不同格式,加/减日期、小时等,并将日期展示成用户友好的格式如“5天前”。Moment.js支持多国语言,可原创 2015-03-13 14:23:49 · 3472 阅读 · 0 评论 -
P2P平台运作(1)
P2P的运作关键是人和模式,人就是团队建设,模式分为资金池和托管选择一种适用自己公司的模式。原创 2015-03-19 17:36:13 · 916 阅读 · 0 评论 -
Video JS视频播放插件
Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持原创 2016-08-08 17:19:07 · 3231 阅读 · 0 评论 -
AD Gallery制作强大的相册画廊
AD Gallery是一个带缩略图导航浏览,可设置照片标题和备注说明信息的jQuery相册插件。该插件提供了许多可配置的参数和方法,具有很强的定制功能。原创 2014-10-08 18:07:34 · 1089 阅读 · 0 评论 -
jQuery Wookmark 瀑布流布局
瀑布流布局非常适合大量图片的展示,一改过去裁剪图片尺寸统一的排版,每张图片都能完全展示,并错落有致,让人眼前一亮。注意事项:项目中的 img 元素的 width 和 height 属性需要写,否则定位会不准确。原创 2014-10-08 17:50:10 · 689 阅读 · 0 评论 -
JS时间星期动态刷新
<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> My JSP 'index.jsp' startin原创 2014-09-09 10:38:34 · 642 阅读 · 0 评论 -
java 后台获取ip和js 获取ip
对于在jsp得到客户端的ip地址有下面的方法1."/>同样分情况,本机访问的时候,value是127.0.0.1同在局域网里的其他机器的value是他们机器的ip,外网的也是他们机器的ip,不是客户端公网ip地址,这个没法得到客户端公网的ip2.这一段,可以得到客户端的公网ip地址,只是我没有用这个方法得公网ip我用的是上面的java方法3.用这原创 2014-09-19 13:27:32 · 4316 阅读 · 1 评论 -
window.location
URL 的协议部分window.location.protocol设置或获取对象指定的文件名或路径。alert(window.location.pathname)设置或获取整个 URL 为字符串。alert(window.location.href);设置或获取与 URL 关联的端口号码。alert(window.location.port)原创 2014-09-19 09:13:05 · 523 阅读 · 0 评论 -
document.execCommand("BackgroundImageCache", false, true)
try{document.execCommand("BackgroundImageCache", false, true);}catch(e){} (function () { var url = window.location.href, protocol = windo原创 2014-09-19 09:35:21 · 1657 阅读 · 0 评论 -
jQuery formValidator
jQuery formValidator表单验证插件是客户端表单验证插件。在做B/S开发的时候,我们经常涉及到很多表单验证,例如新用户注册,填写个人资料,录入一些常规数据等等。在这之前,页面开发者(JavaScript开发者)需要编写大量的JavaScript来进行表单元素的校验,而这些校验在平时开发中不停的重复书写。常见的校验如不能为空,必须满足长度要求,必须为数字,必须为Email等等原创 2014-08-08 15:22:46 · 706 阅读 · 0 评论 -
JQuery上传插件Uploadify使用详解
Uploadify是一个易集成的多文件上传解决方案。作为一个jQuery插件,Uploadify不仅使用简单而且可定制性非常强。原创 2014-07-18 18:21:49 · 1083 阅读 · 0 评论 -
解决ajax返回乱码的问题
加上response.setContentType("text/text;charset=UTF-8");//返回的是txt文本文件 或是 response.setContentType("text/xml;charset=UTF-8");//返回的xml文件原创 2014-07-14 12:57:42 · 437 阅读 · 0 评论 -
aja乱码解决
1. 网页页面使用utf-82. ajax默认使用utf-8传输数据, 但最好使用post, 不要使用get3. Struts2中使用UTF-8.3.1 在struts.properties中加上: struts.i18n.encoding=UTF-8[3.2 使用Filter: 从页面中传输数据到Struts2, 需要使用过滤器把数据在交给struts2前转换成utf原创 2014-08-05 11:26:54 · 678 阅读 · 0 评论 -
JavaScript eval() 函数
eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。原创 2014-07-27 14:57:15 · 2337 阅读 · 1 评论 -
Velocity 循环stop与break来实现隔行变色
velocity break、stop指令原创 2014-07-22 14:58:12 · 2381 阅读 · 0 评论 -
jQuery EasyUI parser
jQuery EasyUI parser 的使用场景parser,故名意思,就是解析器的意思,别看他只有那么几行代码,jQuery Easyui 能够根据class就能正常渲染页面全靠它了。一般情况下,我们并用不到解析器,本文主要讨论一下,什么情况下会用到它,如何使用。自动调用parser:我们之所以在页面中,只要书写相应的class,Easyu原创 2013-12-21 13:42:47 · 4650 阅读 · 3 评论