当前位置:  编程技术>WEB前端
本页文章导读:
    ▪js——replace正则表达式例子      var url = "http://www.xxx.com/index.aspx?classid=9&id=2";要获取尾巴参数定义变量function parse_url(/blog_article/_url/index.html){ //定义函数var pattern = /(\w+)=(\w+)/ig;//定义正则表达式var parames = {};//定义数组url.replace(pattern, function.........
    ▪org.springframework.validation.BindException----spring mvc 传递日期异常解决方法      在Spring3 Mvc中从前台到后台传递数据中如果包括日期类型的话,一般会报错: org.springframework.validation.BindException 解决方式: 1、 建立Java类DateConverter import java.text.SimpleDateFormat; import java.util.........
    ▪IE10,带您走进HTML5时代      微软随着 Windows 8 操作系统提供了 Internet Explorer 10.0 版,这标志IE浏览器对HTML5等新技术支持性的进一步发展与成熟,同时,IE10也提供了新的 Windows 8 风格的一个轻量级App,更加适合触摸,带给.........

[1]js——replace正则表达式例子
    来源:    发布时间: 2013-11-06

var url = "http://www.xxx.com/index.aspx?classid=9&id=2";

要获取尾巴参数

定义变量

function parse_url(/blog_article/_url/index.html){

 //定义函数

var pattern = /(\w+)=(\w+)/ig;//定义正则表达式

var parames = {};//定义数组

url.replace(pattern, function(a, b, c){

  parames[b] = c;

}); /*这是最关键的.当replace匹配到classid=9时.那么就用执行function(a,b,c);其中a的值为:classid=9,b的值为classid,c的值为9;(这是反向引用.因为在定义正则表达式的时候有两个子匹配.) 然后将数组的key为classid的值赋为9;然后完成. 再继续匹配到id=2;此时执行function(a,b,c);其中a的值为:id=2,b的值为id,c的值为2;然后将数组的key为id的值赋为2. */

return parames;//返回这个数组.

}

var parames = parse_url(/blog_article/url/index.html);

alert(parames['classid'] + ", " + parames['id']);//最后打印.根据key值来打印数组对应的值

 

 var url = "http://attit.ppk365.com/084200001682"
 var reg = /http:\/\/(.+)\/(\w+)/ig;
 url.replace(reg, function(a,b,c){
      alert(a); //得到  http://attit.ppk365.com/084200001682
     alert(b);  //得到  attit.ppk365.com
     alert(c); //得到   084200001682
  });

本文链接


    
[2]org.springframework.validation.BindException----spring mvc 传递日期异常解决方法
    来源: 互联网  发布时间: 2013-11-06

在Spring3 Mvc中从前台到后台传递数据中如果包括日期类型的话,一般会报错:

org.springframework.validation.BindException



解决方式:

1、 建立Java类DateConverter

import java.text.SimpleDateFormat;
import java.util.Date;

import org.springframework.beans.propertyeditors.CustomDateEditor;
import org.springframework.web.bind.WebDataBinder;
import org.springframework.web.bind.support.WebBindingInitializer;
import org.springframework.web.context.request.WebRequest;



/**
 * 
 * spring3 mvc 的日期传递[前台-后台]bug:
 * org.springframework.validation.BindException
 * 的解决方式.包括xml的配置
 * @author zhanglei
 *
 */
public class DateConverter implements WebBindingInitializer {

	@Override
	public void initBinder(WebDataBinder binder, WebRequest request) {
		SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd");
		//System.out.println("DateConverter implements WebBindingInitializer");
		binder.registerCustomEditor(Date.class, new CustomDateEditor(df,
						false));
	}

}


2、 加入xml配置

<context:component-scan base-package="cn.com.swansoft.sms.web.controller" />
	<!-- 日期转换  必须放在<mvc:annotation-driven />前面 -->
	<bean
		class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
		<!-- 日期格式转换 -->
		<property name="webBindingInitializer">
			<bean class="cn.com.swansoft.sms.web.service.DateConverter" />
		</property>
	</bean>

	<mvc:annotation-driven />



作者:zhang6622056 发表于2013-1-17 16:01:25 原文链接
阅读:0 评论:0 查看评论

    
[3]IE10,带您走进HTML5时代
    来源:    发布时间: 2013-11-06

微软随着 Windows 8 操作系统提供了 Internet Explorer 10.0 版,这标志IE浏览器对HTML5等新技术支持性的进一步发展与成熟,同时,IE10也提供了新的 Windows 8 风格的一个轻量级App,更加适合触摸,带给用户沉浸式的用户体验。

 

IE10 对 HTML5 的表现能力究竟如何?

 

先说一点,那就是 HTML 5 的重要变化之一——引入了针对非标准HTML、特别是错误格式HTML的标准化解析规则。也就是说,当浏览器在遇到存在错误的HTML时(如缺少结束标记),通常会处理得很宽松。这是一个广受赞誉的特点,因为相比XHTML来说,HTML​在此种情况下会继续正常处理。IE10 就是这样一个完全支持 HTML5 标准化解析规则的浏览器。

 

除此之外呢?我们来简单看看 IE10 中针对 HTML5 等现代 Web 标准又增加的主要功能特性支持:

 

HTML5 方面

CSS3方面

其他方面

-异步脚本执行 (Async Script Execution)

- 文件API (File API)

- 历史 (History)

- 表单验证 (Forms Validation)

- Progress 和 Range 控制

- Web workers

- Web sockets

- 拖放(Drag and Drop)

- 应用缓存 (Application Cache)

- 拼写检查 (Spellcheck)

- 通道消息(Channel Messaging)

- 更多

- Flexbox

- Grid

-定位浮动 (Positioned float)

- 3D变换 (3D Transform)

-动画 (Animation)

-渐变 (Gradient)

- Text Shadow

- 去掉了CSS限制

- 更多

- Indexed Database

- Web performance API

- SVG 滤镜效果

- 简化触控开发的 MS Pointers API

- 比 IE9 更加强劲的图形图像处理

- 更多

 

其实早在 IE10 开发者预览版的时候,就有人做过当时的不同主流浏览器之间对 HTML5 支持度的综合测评,这里给出一张图表,展现的是各浏览器处理 HTML5 各种任务的能力考量,分数越高越好:

 

 

当然,当时的测评还有其他的各方面,由于篇幅有限,就不一一列举,当时最后的结论是,IE10 除了在对 HTML5 标准支持度方面略显落后外,在 HTML5 其他性能方面都完胜其他浏览器。时隔半年多,如今 IE10 正式版发布了,对 HTML5 标准的支持度方面又有了新的增强。

 

我们不妨找一台带独立显卡的 PC 体验一下鱼缸速度测试(点击图片打开链接)

 

 

通过测试我们可以看到 IE10 对图形图像和 JavaScript 处理方面的性能优势,有了高性能的呈现,那么对于富用户体验的 HTML5 交互式网站而言,无疑是流畅体验的一种保障。

其实还有更多针对 HTML5 的测试,大家可以访问 http://ietestdrive2.com/ 进行体验。

 

IE10 能给消费者和开发者带来什么?

 

 

作为消费者的我们,可以通过 HTML5 获得一种轻量、明快的无插件浏览体验,视频、音频和动画均不需要使用任何插件,直接通过浏览器呈现。而 IE10 会继续利用 GPU 资源加速处理这些多媒体和 JavaScript,让浏览体验变得更加快速自然。上图展示的就是一个 cnBeta 新闻站点利用 HTML5 等现代 Web 技术开发出来的新闻阅读体验,该网站在使用 Windows 8 UI 风格的 IE10 打开之后体验更佳,带给用户专注的沉浸式用户体验。

 

 

这幅图展示的则是一个基于 HTML5 的网页版游戏——割绳子,它的用户体验毫不逊色于桌面版的应用程序,或者 Windows 8 UI 风格的、从应用商店下载的割绳子 App.

 

 

上面这幅图展示的也是一个网站应用,通过浏览器访问,基于 HTML5,在这里,您可以把照片自然地铺开在桌子上,供您把玩和欣赏。该应用着重展示的是触控场景,通过它,您可以用手指轻松将照片铺开、缩放和旋转,您可以体验到自然人机交互带来的乐趣。当然,照片应用只是一个例子,生活中其实还有很多可以用触摸作为交互手段的场景,特别是网页游戏。微软推出的 MS Pointers API 让您的触控开发起于一个全新高度,Pointer 事件封装了触摸、数字笔和鼠标的输入,有助于轻松构建不依赖于硬件设备的交互方式的体验。

 

像这样的炫酷的 HTML5 游戏和实用性网站,能够给用户带来舒心的用户体验。如果用户具备触摸设备,那么用户还可以通过更加自然的人机交互方式与其互动。试想,要是很多网站都具备这样的用户体验,您每天浏览互联网的时候,是不是会更加开心呢?我是非常期待的。

 

 

但是,这需要时间,需要开发者们的配合。开发人员一直是新技术普及和投产的核心人物,他们担当着应用新技术开发出产品的重要使命。在 IE10,F12 开发人员工具将一如既往地为开发人员提供直观的错误排查和性能等跟踪分析和调试,助力于 HTML5 网站的开发。国外已经有了很多针对 HTML5 的成功网站和商业案例,国内这一块还得依靠我们国内的广大开发人员的努力。

 

"HTML5 增加了大量提升用户体验的功能标准:canvas 元素可以让开发者在一个特定区域内绘制各种复杂图形,同时可以用 JavaScript 控制你所绘的图形的动效,使得非 flash 的丰富的视觉效果成为可能,用户在移动端和 PC 端可以享受到一致的视觉体验;试想一个你曾经使用过的网络应用程序,一个在线图片编辑程序,你会用它做简单的图片处理,但绝对不会拿它代替 Photoshop,因为它的交互性、响应率和功能性都远不及本地用程序。HTML5 能够很好地解决这些问题。对于交互而言,它支持的 menu 元素能够模拟菜单栏、工具栏、列表栏等本地应用控件, 而且很容易实现,Drag-and-Drop 功能可以模仿"将文件拖拽进垃圾箱"的操作;对于响应率而言, Programmable HTTP Cache and Serving 功能能使 Web app 内容动态写入浏览器缓存,使 App 响应率接近于本地应用;Web Workers 允许 App 执行多任务,提高用户并发操作的稳定性能;Offline Web Application 允许 App 在离线状态下存储用户数据、正常浏览。你还能通过浏览器获取用户的位置信息以及更多等待你去探索的功能。"—— 摘自IE浏览器中文网站 iefans.net

 

我觉得这对于开发者来说,是一个新的机遇,也是一份新的挑战。从现在的趋势看,Web 2.0 时代的网站已经朝着应用程序的趋势在发展,只不过,现有的技术不能很好地满足设计者对于浑然天成的网站效果的追求,也不能带给用户真正完好统一的用户体验。踏入 HTML5 开发的园地,我们不仅可以开发出高质量的、内容精美的网站,更可以编织未来,编写新的基于互联网的 HTML5 应用程序。设想一下未来的用户不再下载应用程序,而是打开一个网站完成他想做的事情的场景。

 

现在,各家主流浏览器厂商也为 HTML5 做好了准备,是时候开始开发 HTML5 的网站了,不论您是对现有的网站进行升级,还是借机会将新的业务搭建在 HTML5 之上,都是很好的起点。使用 HTML5 做开发,不仅可以给用户带来更多优质体验,开发者自身也可以节省很多时间。其中最为突出的是,不必再为了不同的平台和浏览器编写差异性

    
最新技术文章:
▪css white-space:nowrap属性用法(可以强制文字不...
▪IE里button设置border:none属性无效解决方法
▪border:none与border:0使用区别
▪html清除浮动的6种方法示例
▪三个不常见的 HTML5 实用新特性简介
▪css代码优化的12个技巧
▪低版本IE正常运行HTML5+CSS3网站的3种解决方案
▪CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chr...
▪ie6,ie7,ie8完美支持position:fixed的终极解决方案
▪小技巧处理div内容溢出
▪html小技巧之td,div标签里内容不换行
▪纯CSS实现鼠标放上去改变文字内容
▪li中插入img图片间有空隙的解决方案
▪CSS3中Transition属性详解以及示例分享
▪父div高度不能自适应子div高度的解决方案
▪告别AJAX实现无刷新提交表单
▪从零学CSS系列之文本属性
▪HTML 标签
▪CSS3+Js实现响应式导航条
▪CSS3实例分享之多重背景的实现(Multiple background...
▪用css截取字符的几种方法详解(css排版隐藏溢...
▪页面遮罩层,并且阻止页面body滚动。bootstrap...
▪CSS可以做的几个令你叹为观止的实例分享
▪详细分析css float 属性以及position:absolute 的区...
▪IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解...
▪CSS小例子(只显示下划线的文本框,像文字一...
▪可以给img元素设置背景图
▪不通过JavaScript实现的自动滚动视差效果
▪div+CSS 兼容小摘
▪用css截取字符的几种方法详解(css排版隐藏溢... iis7站长之家
 


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2021,,E-mail:www_#163.com(请将#改为@)

浙ICP备11055608号-3