外部JS在IE下中文乱码问题

高大上的IE总能搞出各种奇奇怪怪的问题,这次JS中文编码乱码也给遇上了。

 

之前项目中JSP,JS等都统统使用GBK编码,没发现问题, 这次迁移的时候决定使用utf-8编码,因此将原来的js文件都进行了转码,转好以后,chrome下测试,没有问题。但某天无事使用IE做了下测试,发现没法正常运行,调试发现JS中的中文全是乱码,但停止调试看JS是正常的。

 

这…

 

采用各路人士介绍的方法,修改引入js的JSP文件的conte[......]

Read more

Posted in 前端 | Tagged | Leave a comment

YSlow

YSlow是Yahoo提供的一个很好的网站性能分析工具,它可以分析web页面,并基于一组“构建高性能web页面规则(后面有列)”来提出一些提高页面性能的建议。它的特色功能有:

1. 基于三个预先定义的规则集(装了YSlow后,便可以看到默认提供了三个可选的规则集)之一或者是用户定义的规则集为web页面评分;

2. 提供提高页面性能的建议;

3. 概括页面的组件;

4. 显示页面的统计信息;

5. 提供性能分析的工具,包括JSLint等

 

YS[......]

Read more

Posted in 前端 | Tagged | Leave a comment

也谈SEO:给使用wordpress的入门者

虽说标题是SEO,但我可不敢大谈这个东西,只是在这个过程对其有一点点的了解而已。这里,我主要是说说自己在弄这个Blog的过程做的及了解到的一些东西,也是一路走来,证实了还算比较正确的东西。

 

1. blog刚建立,不要急着提交到搜索引擎,做外链

曾经因为主席,很想整一个blog,但总觉得自己太懒,没法坚持维持blog的活跃,所以一直没有弄,直到论文盲审完了,觉得时间确实蛮多的,加之,感觉主席说的也对,也不会花多少钱,挂着个blog,偶尔写写也是不错的,于是乎,Jmatrix[......]

Read more

Posted in 前端, 未分类 | Tagged | Leave a comment

Web开发常见安全问题

最近在开发的过程中使用了一下JSONP,结果被检测出了个CSRF漏洞,这个当时还有点蒙,以前没太关注Web中的安全问题,乘此机会也了解一下相关的安全问题,这个确实非常的重要。

这里我只是整理了一下相关的概念亦或原理,基本都是来及维基百科、百度百科,至于具体的实例,如果想了解,找GOOGLE大神,太多了……

 

1. CSRF/XSRF,跨网站伪造要求攻击

CSRF(Cross-site request forgery跨站请求伪造,也被称成为“one click[......]

Read more

Posted in 前端 | Tagged | Leave a comment

AjaxAnywhere实现原理分析

首先看看一次ajax请求需要经过的主要过程(记得是主要的):

(1)     创建XMLHttpRequest对象

(2)     通过XMLHttpRequest的open设置请求的目标URL,请求方法(post,get)等

(3)     借助XMLHttpRequest的onreadystatechange属性指定ajax请求的回调函数,回调函数中处理服务端返回的数据,数据为responseText/responseXML,在ajaxanywhere中使用的是xml[......]

Read more

Posted in 前端 | Tagged | Leave a comment

AjaxAnywhere简介及使用

1. 简介

AjaxAnywhere是一个ajax框架,它被设计成能够把任何一套现存的JSP组件转换为ajax感知组件而不需要复杂的JavaScript编码,它利用标签把Web页面简单地划分成几个区域,然后使用AjaxAnywhere来刷新哪些需要被更新的区域,它能封装了一些低层的细节,能有效的简化ajax的开发。可是,要想应用AjaxAnywhere,你还是得知道它底下是怎么玩的。

AjaxAnywhere的官网地址:http://ajaxanywhere.sourceforge.[......]

Read more

Posted in 前端 | Tagged | Leave a comment

JS实现复制内容到剪贴板,兼容各种浏览器

最近考虑弄个拷贝到剪贴板的小功能,却被浏览器兼容的问题给整蛊了一回。

通过Google大神,你会搜到N种方案,但是它们大部分是雷同的,归结起来主要有三种,可逐层实现跨浏览器兼容:(1)clipboardData 对象,当然了,这个对象只有IE支持;(2)根据浏览器兼容的类型,执行不同的处理,这里网上的代码主要集中在处理“firefox”的兼容,还提及要设置firefox的安全设置属性,经我得测试是没效果的,当然也有可能是版本的原因;(3)通过ZeroClipboard实现跨浏览器的兼容。[......]

Read more

Posted in HTML | Tagged | Leave a comment

Web前端UI框架Bootstrap

一个号称让菜鸟也能整出漂亮的Web网站的UI框架,它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。

中文官网:http://www.bootcss.com/

英文官网:http://getbootstrap.com/2.3.2/index.html

随便推荐一下一个好用前端开发工具:Sublime

 

 

如果未说明,本Blog中文章皆为原创文章,请尊重他人劳动,[......]

Read more

Posted in HTML | Tagged | Leave a comment

DIV+CSS网页布局

第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。

另一种原因是你对那些非常熟悉的表现层属性(例如:cellpadding,、hspace、align=“left“等等)束手无策,不知道该转换成对应的什么CSS语句。 当你解决了第一种问题,知道了如何结构化你的HTML,我再给出一个列表,详细列出原来的表现属性用什么CSS来代替。

结构化HTML

我[......]

Read more

Posted in HTML | Tagged , | Leave a comment