前端技术
文章平均质量分 72
South-Fly
我喜欢程序员,他们单纯、固执、容易体会到成就感。面对压力,能够挑灯夜战、不眠不休;面对困难,能够迎难而上、挑战自我;他们也会感到困惑与傍徨,但每个程序员的心中都有一个比尔盖茨或是乔布斯的梦想-用智慧开创属于自己的事业。我想说的是其实我是一个程序员!
展开
-
JQuery 实现快速排序(不需要访问数据库)
JQuery实现的简单的排序当前页面表格行中某关键字进行快速排序:下面是示例代码:<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>原创 2013-05-17 20:07:13 · 1375 阅读 · 0 评论 -
浅谈HTTP中Get与Post的区别
Http定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET,POST,PUT,DELETE。URL全称是资源描述符,我们可以这样认为:一个URL地址,它用于描述一个网络上的资源,而HTTP中的GET,POST,PUT,DELETE就对应着对这个资源的查,改,增,删4个操作。到这里,大家应该有个大概的了解了,GET一般用于获取/查询资源信息,而POST一般用于更新资源信息。 1.根转载 2015-01-15 21:15:15 · 527 阅读 · 0 评论 -
HTML CSS 特殊字符表
HTML有许多特殊的字符,您对此有多少了解?平时在WEB制作中,您又有用到多少?或者说你在平时使用之时,是否也会碰到,有许多特殊字符要如何打印出来?比如说“笑脸”,比如说“版权号”。要是你用时忘记了这些特殊字符,不要紧,请记住今天这个地址,你就随时可以查到这些特殊字符的表示方法。简单的介绍一下其使用方法:1、这些字符属于unicode字符集,你的文档需要声明为”utf-8“转载 2015-05-12 11:55:25 · 1885 阅读 · 0 评论 -
(document).height()与$(window).height()
jQuery(window).height()代表了当前可见区域的大小,而jQuery(document).height()则代表了整个文档的高度,可视具体情况使用.注意:当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变,但是jQuery(document).height()是不变的。$(document).scrollTop原创 2015-05-06 11:11:41 · 683 阅读 · 0 评论 -
jQuery.cookie.js用法
一个轻量级的cookie 插件,可以读取、写入、删除 cookie。jquery.cookie.js 的配置首先包含jQuery的库文件,在后面包含 jquery.cookie.js 的库文件。使用方法:cookie有四个不同的属性: 名称,内容,域,路径1.新添加一个会话 cookie:$.cookie('the_cookie', 'the_value');原创 2015-07-02 14:47:59 · 2636 阅读 · 0 评论 -
URL编码与解码&escape, encodeURI和encodeURIComponent区别
通常如果一样东西需要编码,说明这样东西并不适合传输。原因多种多样,如Size过大,包含隐私数据,对于Url来说,之所以要进行编码,是因为Url中有些字符会引起歧义。 例如,Url参数字符串中使用key=value键值对这样的形式来传参,键值对之间以&符号分隔,如/s?q=abc&ie=utf-8。如果你的value字符串中包含了=或者&,那么势必会造成接收Url的服务器解析错误,因此必须原创 2015-07-02 15:35:47 · 1077 阅读 · 0 评论 -
web开发中常见特殊字符的对应值与转义字符
URL中的特殊字符:URL中的特殊字符是不能再URL中直接传递的,需要进行编码。编码的格式为:%加字符的ASCII码,即一个百分号 %,后面跟对应字符的ASCII(16进制)码值。字符名称16进制值+URL中的+表示空格%2B空格URL中的原创 2015-07-02 16:17:23 · 2066 阅读 · 0 评论 -
JavaWeb-Servlet事件监听器
JavaWEB开发-Servlet事件监听器l 监听器就是一个实现特定接口的普通java程序,这个程序专门用于监听另一个java对象的方法调用或属性改变,当被监听对象发生上述事件后,监听器某个方法将立即被执行。Servle监听器l 在Servlet规范中定义了多种类型的监听器,它们用于监听的事件源分别为 ServletContext, HttpSession 和 Ser转载 2015-07-13 16:42:07 · 889 阅读 · 0 评论 -
聊聊本地前端数据的持久化解决方案
最近,公司有活动需要做一个HTML5版简单的抽奖程序,大家一听到这个需求感觉很简单,网上也多的是demo,但细细想想还是有许多东西要考虑的!需求:1.抽奖程序运作在平板电脑上,无网络,就是简单的HTML5页面,用浏览器直接打开,无需其它的运行环境;2.设置一二三等奖及参与奖,每个奖项可配置名额,设置抽奖概率,浏览器刷新时,历史的抽奖数据还要存在;3.能够看到抽奖的统计数据,包括每等原创 2015-09-12 14:10:55 · 6023 阅读 · 0 评论 -
JQuery 跨域问题
跨域的安全限制都是相对于浏览器端来说的.服务器端是不存在跨域安全限制的,服务器端通过类似httpclient方式完成“跨域访问”的工作,然后在浏览器端用AJAX获取本机服务器端“跨域访问”对应的url来间接完成跨域访问也是可以的.但很显然开发量比较大,但限制也最少,很多widget开放平台server端(如sohu博客开放平台)其实就么搞的.浏览器端的真正跨域访问,推荐的是目前jQuery $原创 2015-01-08 15:31:40 · 748 阅读 · 0 评论 -
关于网站性能优化准则
Steve Souders的《高性能网站建设指南这本书》首先有一点需要说明的是书中所写的性能黄金法则:只有10%~20%的响应时间花在了下载HTML文档上,其余的80%~90%时间花在了下载页面的所有组件上。这也是后面这些性能规则由来的核心。规则一:减少HTTP请求。这本书的规则顺序是按照其重要性来排名的,减少HTTP请求作为第一个规则,足见其重要性。根据黄金法则,减少组件数量从而转载 2015-10-26 11:36:57 · 360 阅读 · 0 评论 -
用纯CSS实现的箭头
用CSS即可绘制出各种箭头,无需裁剪图片,甚至没有用到CSS3的东西。对浏览器支持良好。基本原理原理非常简单,通过截取border(边框)的部分“拐角”实现,几行CSS代码即可理解:一个梯形当元素宽、高和边框的宽相近(等)时,改变某一边的颜色可以看到一个梯形;#demo11 { border: 10px solid #000; border转载 2016-01-17 17:26:47 · 836 阅读 · 0 评论 -
URL中“#” “?” &“”号的作用
window.location.href这个属性用于获取页面URL地址,其实原生JavaScript真是什么都有.window.location对象所包含的属性:window.location.hash要使用JS定位锚点,完全可以使用window.hash配合元素ID完成.比如快速定位到页面的某条评论,则直接使用如下代码即可:window.location.hash = "#c原创 2015-01-08 15:54:40 · 1160 阅读 · 0 评论 -
网站页面性能优化的34条黄金守则
1、尽量减少HTTP请求次数 终端用户响应的时间中,有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。 减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢?这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术。转载 2015-01-08 15:33:49 · 716 阅读 · 0 评论 -
jQuery跨域问题
跨域的安全限制都是相对于浏览器端来说的.服务器端是不存在跨域安全限制的,服务器端通过类似httpclient方式完成“跨域访问”的工作,然后在浏览器端用AJAX获取本机服务器端“跨域访问”对应的url来间接完成跨域访问也是可以的.但很显然开发量比较大,但限制也最少,很多widget开放平台server端(如sohu博客开放平台)其实就么搞的.不在本次讨论范围. 要讨论的是浏览器端原创 2015-01-07 15:11:56 · 220 阅读 · 0 评论 -
HTML常用的知识点
1.在HTML代码中标签不区分大小写2.任何空格或回车在代码中都是无效的,插入空格或回车有专有的标记3.定义元信息,该标记主要功能是定义页面的一些信息,但这些信息不再网页中显示,只在源文件中显示,在HTML中,标记通过其自身的一些属性来定义网页重的信息,例如:文件的关键字,作者信息,网页的过期时间等等,HTML文件中可以有多个标记,标记不是成对的标记。基本语法:<meta ht原创 2013-05-07 19:08:37 · 1526 阅读 · 0 评论 -
Web 前端 你可能不知道的!
1.form提交后reset功能失效? 最近使用表单时发现一个问题,就是表单提交后,再使用reset按钮重置输入框,这时reset不起作用。网上查阅资料获知,其实reset的功能是重置表单为默认值,并不一定是清空表单。由于form提交后,输入框的默认值可能不为空(保存了上次查询的值),例如值为aa,不管怎么reset都会变为aa,就算输入bb后,再reset也会变成aa,而不是为空值原创 2013-07-23 17:49:58 · 607 阅读 · 0 评论 -
URI URL URN
1.URI Web上可用的每种资源,如HTML文档、图像、视频片段、程序等,由一个通用资源标识符(Uniform Resource Identifier,简称“URI”)进行定位。URI一般由三部分组成: 1)主机名存放资源的自身的名称,由路径表示。参考下面的URI,它符合当前的RFC4395规范:协议名称://域名.根域名/目录/文件名.后缀例如http:原创 2013-07-27 09:44:04 · 1063 阅读 · 0 评论 -
JS 获取浏览器尺寸
JS 获取浏览器窗口大小// 获取窗口宽度if (window.innerWidth){winWidth = window.innerWidth;}else if ((document.body) && (document.body.clientWidth)){winWidth = document.body.clientWidth;}转载 2013-11-01 19:54:23 · 792 阅读 · 0 评论 -
限制textarea最大录入长度
//限制输入最大值 function doKeypress(txt) { var maxLength = $(txt).attr("maxlength"); var value = $(txt).val(); if (maxLength && value.length > maxLength - 1) {转载 2013-05-29 19:32:27 · 1075 阅读 · 0 评论 -
js刷新页面方法
一、先来看一个简单的例子: 下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。 frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下:代码如下: frame 现在假设top.html (即上面的页面原创 2013-11-06 18:21:46 · 655 阅读 · 0 评论 -
HTML常用的知识点-2
1.用fieldset、legend实现文字写在边线上的效果HTML元素 fieldset方框 Draws a box around the text and other elements that the field set contains. 在字段集包含的文本和其它元素外面画一个方框。 fieldset元素用于对表单中的元素进行分组并在文档中区别标出原创 2013-07-29 21:57:53 · 798 阅读 · 0 评论 -
让IE支持Canvas标签
IE支持Canvas标签使用excanvas.js可以让IE支持Html5的canvas标签,具体用法如下: 1 html> 2 head> 3 title>title> 4 [if IE]> 5 6 --> 7 head> 8 body> 9 canvas id="canvas" width="原创 2013-11-08 23:26:01 · 1614 阅读 · 0 评论 -
JS 刷新页面方法总结
JS怎么刷新页面reload 方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端原创 2013-11-12 19:15:53 · 1446 阅读 · 0 评论 -
条件注释判断是否IE浏览器
除IE外都可识别 所有的IE可识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别 仅IE8可识别 仅IE9可识别 项目范例说明![if !IE]The NOT operator转载 2014-05-02 15:21:34 · 687 阅读 · 0 评论 -
html特殊符号
一些特殊符(如小于号和大于号)经常用在html代码里面。为了显示这些特殊字符,你必须在代码里面输入html实际存在的符号。比如,显示小于号( 用特殊符号而不用图片的好处 1、它下载更快,因为是基于字体的; 2、可以随意改变大小; 3、很容易就能改变颜色。 撇号和逗号 大多数印刷字体符号在网页里面被错误的应用。我们经原创 2014-11-09 20:23:33 · 808 阅读 · 0 评论 -
GPS坐标互转:WGS-84(GPS)、GCJ-02(Google地图)、BD-09(百度地图)
WGS-84:是国际标准,GPS坐标(Google Earth使用、或者GPS模块)GCJ-02:中国坐标偏移标准,Google Map、高德、腾讯使用BD-09:百度坐标偏移标准,Baidu Map使用//WGS-84 to GCJ-02GPS.gcj_encrypt();//GCJ-02 to WGS-84 粗略GPS.gcj_decrypt();//G转载 2015-12-18 16:48:10 · 1621 阅读 · 0 评论