
前台技术
文章平均质量分 69
系统信息
宠辱不惊,闲看庭前花开花落;去留无意,漫观天外云展云舒……
展开
-
Google map API在IE下无法正常显示的解决方法
google 的Javascript API是UTF-8编码的,firefox和Opera等浏览器都可以处理编码的问题,但是IE不能,因此在IE下无法正常显示Google地图。解决方法如下:调用代码加上charset即可——原创 2010-02-17 21:54:00 · 10068 阅读 · 2 评论 -
下拉列表<Select>回调用Javascript代码备忘
下拉列表回调用Javascript代码 My JSP 'index.jsp' starting page function chooseme(){ var obj; //obj = document.getElementById("st").options[2].value; obj = document.get原创 2011-10-24 22:17:21 · 2029 阅读 · 0 评论 -
jQuery实现HTML表格隔行变色及鼠标悬停变色效果
以下代码实现效果:1.表格隔行变色。2.鼠标悬停在表格行上时变色。一:在页面内引入jquery.js。我使用的是jquery-1.6.min.js。二:加入如下js代码 //隔行变色 $(document).ready(function(){ $(".stripe_tb tr").mouseover(function(){ //如果鼠标移到class为st原创 2011-11-02 12:49:19 · 9012 阅读 · 0 评论 -
使用FCKeditor的惨痛教训!网页制作千万要标准啊!
近日项目用到了FCKeditor 2.4,以前很多项目都用过FCK,因此感觉应该没有什么问题。 在某个模块,需要将数据库中的数据回传给前台JSP中的FCK,显示给用户,这时候出麻烦了。回传的数据正确写入了页面中,但是使用IE浏览器打开后FCK控件中不显示,而使用opera和chrome均能正常显示。这很明显是页面出了问题,但无论如何排查,都找不到原因。这个页面是从一个老的ASP系原创 2011-11-04 23:21:34 · 2908 阅读 · 2 评论 -
使用Jqplot实现Ajax动态图表示例
调试了一天,终于把jqplot弄明白了,里面的一些样式属性等,制作出来的图表确实很漂亮,也很实用。先看一下最终效果:代码如下,以后有时间再把详细参数和配置方法写出来。 访问量统计 /*注意选择器的层叠关系*/.font {TEXT-ALIGN: center;COLOR: blue;FO原创 2011-11-12 23:00:40 · 18303 阅读 · 17 评论 -
2011年12月最新JQuery插件汇总
jQuery的工具提示插件 Tipped jQuery表格插件 colResizablejQuery虚拟键盘插件 jQuery keyboardMinimit Gallery 用于显示相册、幻灯片、卷帘等效果jQuery 幻灯效果显示插件 DiapojQuery画廊插件 SmartGalleryHTML5 File Uploads with jQueryjQuery图原创 2011-12-13 10:06:37 · 2533 阅读 · 0 评论 -
不错的一款基于CSS 3的按钮动画库Animate.css
目前Animate.css只能在Apple Safari, Google Chrome, and Mozilla Firefox中运行,不过微软承诺未来的IE10会支持CSS 3。从目前看,使用Animate.css制作的动画性能要高于JQuery,因此,如果你的客户不纠结于IE的话,使用Animate.css吧~项目主页:http://daneden.me/animate/自定义原创 2011-12-26 11:44:38 · 4264 阅读 · 0 评论 -
Eclipse快捷键【收藏】
Ctrl+1 快速修复(最经典的快捷键,就不用多说了)Ctrl+D: 删除当前行 Ctrl+Alt+↓ 复制当前行到下一行(复制增加)Ctrl+Alt+↑ 复制当前行到上一行(复制增加)Alt+↓ 当前行和下面一行交互位置(特别实用,可以省去先剪切,再粘贴了)Alt+↑ 当前行和上面一行交互位置(同上)Alt+← 前一个编辑的页面Alt+→ 下一个编辑的页面(当然是针对原创 2012-03-31 23:32:36 · 2133 阅读 · 0 评论 -
两款不错的时间选择控件
有个项目,只想选择时间,如 2:13 am或23:49这样的格式。在网上搜索 一下,有款比较新颖:截图如下——分别对应的项目地址为:http://www.nogray.com/time_picker.phphttp://trentrichardson.com/examples/timepicker/原创 2012-07-13 00:51:04 · 1987 阅读 · 0 评论 -
jQuery时间控件Datepicker汉化版使用详解
所需js和CSS文件下载地址:http://download.youkuaiyun.com/detail/softwave/4439849 无标题文档 $(function(){ $('#example').timepicker({}); }); #ui-datepicker-div, .ui-datepicker{ font-size:原创 2012-07-19 23:46:02 · 7330 阅读 · 3 评论 -
“HTML表单控件”课堂示例
Hello! 请输入内容... 音乐体育数学编程男女 2001年 2002年 2003年 2004年 2001年 2002年 2003年 2004年 软件专业 网络专业 信管专业 数控专业原创 2012-08-06 11:40:57 · 2098 阅读 · 0 评论 -
表格行鼠标事件变色的例子
表格行鼠标事件变色的例子注:本文收藏自网络(猪飞飞s Blog),文责版权均为原作者所有,本人仅作收藏学习之用。以下为引用:做一个表格列表中整行鼠标移动变色的效果,找了一段现成代码再改了一点,加上鼠标点击变色和再点击变回原色的效果.一个N行N列的表格,实现鼠标移到某行变色,然后点击某一行使之固定一种颜色,再点使之返回原色.原理是使保持原色,鼠标事件对下的样式背景色进行改变.同时可以设置避免变色事转载 2011-07-13 18:01:32 · 2167 阅读 · 0 评论 -
编写页面时如何符合W3C标准
编写页面时如何符合W3C标准转载 2011-03-11 14:01:00 · 2922 阅读 · 2 评论 -
Web应用的发展历程
<!-- google_ad_client = "pub-7343546549496470";/* 728x90, 大横幅正文上方 */google_ad_slot = "4725362798";google_ad_width = 728;google_ad_height = 90;// --> 最近忙于做精品课程,用到转载 2009-12-17 21:24:00 · 4154 阅读 · 2 评论 -
网页导航菜单被Flash和播放器等对象挡住的解决办法
网页导航菜单被Flash和播放器等对象挡住看不到,非常头疼。其实在标签中加入以下代码就可解决:例如有如下代码: <embed type="application/x-原创 2010-03-15 22:21:00 · 3912 阅读 · 0 评论 -
支持多个浮动层而不冲突的漂浮广告(兼容性不错)
将广告内容放在div中,设置一个id,然后用下面方法调用var adcls=new AdMove("div的id");adcls.Run();注意,在调用前要先引用Main.js和AdFloat.js,div也要在调用前写好,原因就不用说了吧或者也可以用下面方法,在页面加载完成时调用,就不用考虑位置了addEvent(window,"load",initad);转载 2010-04-30 23:24:00 · 3259 阅读 · 0 评论 -
不用再为网页配色烦恼了--10个经典Web 2.0风格配色网站
不用再为网页配色烦恼了--10个经典Web 2.0风格配色网站ColourLoversEasyRGBColorBlenderColorJackSteel Dolphin Color Scheme ToolDeGraeve.com Color Palette from Image GeneratorColor Schemer转载 2010-05-01 14:30:00 · 4047 阅读 · 2 评论 -
防止网页被搜索引擎爬虫和网页采集器收录的方法汇总
最常规的防止网页被搜索引擎收录的方法是使用robots.txt,但是这样做的弊端是要将所有已知的搜索引的爬虫信息都罗列进去,难免有疏漏。下面的这些方法是可以标本兼治的转载 2010-07-07 22:57:00 · 3247 阅读 · 0 评论 -
网站改版的需要注意的几个要点
改版,是一个问题。越来越多互联网公司产品人员意识到这个问题,无论是豆瓣的改版,还是Facebook的改版都遭到了用户的疯狂抵制。 和传统1.0网站相比,2.0网站用户的力量被无限放大,也意味着用户在网站发展中拥有越来越多的话语权。任何的所谓改版,都会一定程度上影响已有用户的使用习惯,可能遭到用户的大规模抨击。 这意味着,网站改版也许需要更多的智慧和精细化运作。转载 2010-06-08 23:03:00 · 1623 阅读 · 0 评论 -
由DOCTYPE造成的Javascript运行错误问题之解决方法
每个标准的网页最顶部都有这段话,但是有时它会造成你的Javascript脚本不执行,怎么解决呢?原创 2010-09-15 00:04:00 · 11733 阅读 · 0 评论 -
字体的分类图示——对网页设计很有益的图
字体的分类图示——对网页设计很有益的图转载 2010-10-08 14:49:00 · 1951 阅读 · 0 评论 -
Coyote - an Apache Roller 4.0 theme
When I started this blog I choose the Apache Roller blog application as back end. A couple of years ago I had the pleasure of evaluating several blog solutions for my employee and the Apache Roller blog did stand out in its architecture already then and no转载 2010-11-02 19:34:00 · 2238 阅读 · 1 评论 -
How to create a Roller 4.0 theme
The Roller 4.0 Template Author Guide explains how to customize your Roller theme by editing the page templates that define it. It tells you how to use Roller's template language (Velocity), what objects are available to your template code and what macros y转载 2010-11-02 19:46:00 · 1733 阅读 · 0 评论 -
一个用逗号分隔的汉字的正则表达式
验证符合以下格式的字符串:张三,李四,王五,赵六张三注意本例使用的是英文逗号无标题文档function mytest(){ var tempStr = /^([\u4e00-\u9fa5]{1,},){0,}([\u4e00-\u9fa5]{1,})$/; if(!tempStr.test(document.getElementById("test").valu原创 2012-10-11 20:27:14 · 8310 阅读 · 0 评论 -
常用正则表达式
转自【http://114.xixik.com/regex/】用户名:/^[a-z0-9_-]{3,16}$/密码:/^[a-z0-9_-]{6,18}$/十六进制值:/^#?([a-f0-9]{6}|[a-f0-9]{3})$/电子邮箱:/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/URL:/^(https?:\/\原创 2012-09-24 23:29:24 · 2208 阅读 · 1 评论 -
iOS规范参考
最近一直在研究移动端的设计,不同于创意稿,侧重于想法,视觉传达,较少考虑开发成本,或者产品需求。要上线的设计稿需要严格的视觉规范,而非单个页面的展示,是一个整体、统一、成套的系统。需要考虑也比较多,时间,人力,质量都必须去考虑。所以,决定为新的移动端产品做一套视觉规范。也有以下有几个好处:对于设计或者开发人员更具指导意义保持产品视觉与交互的统一提高工作效率…以下是在写视觉规范前转载 2016-02-27 11:33:18 · 832 阅读 · 0 评论 -
缓动效果相关资源
1.http://robertpenner.com/easing/2.http://easings.net/zh-cn3.http://gizma.com/easing4.http://www.timotheegroleau.com/Flash/experiments/easing_function_generator.htm原创 2016-03-26 12:01:21 · 1081 阅读 · 0 评论 -
微信UI项目:jQuery WeUI
jQuery WeUI 是WeUI的一个jQuery实现版本,除了实现了官方插件之外,它还提供了如下拉刷新、日历、地址选择器等丰富的拓展组件。jQuery WeUI 中的JS组件均是以JQuery 插件的形式提供,使用非常方便,并且可以和React、Angular、VUE之类的主流JS框架一起使用。WeUI 是微信官方团队针对微信提供的一个H5 UI库,它只提供了一组CSS组件。jQuer转载 2016-03-26 14:26:57 · 24713 阅读 · 1 评论 -
知道这20个JavaScript正则表达式,能让你少写1,000行代码
正则表达式,一个十分古老而又强大的文本处理工具,仅仅用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话,能够使你的开发效率得到极大的提升。转载 2016-05-20 14:46:23 · 6272 阅读 · 0 评论 -
新手入门贴:史上最全Web端即时通讯技术原理详解
前言有关IM(InstantMessaging)聊天应用(如:微信,QQ)、消息推送技术(如:现今移动端APP标配的消息推送模块)等即时通讯应用场景下,大多数都是桌面应用程序或者native应用较为流行,而网上关于原生IM(相关文章请参见:《IM架构篇》、《IM综合资料》、《IM/推送的通信格式、协议篇》、《IM心跳保活篇》、《IM安全篇》、《实时音视频开发》)、消息推送应用(参见:《推送转载 2016-07-18 17:32:04 · 9058 阅读 · 0 评论 -
2016阿里巴巴73款开源产品全向图
受益开源,就当回馈。面对阿里头顶上“贡献开源软件数目第一”的光环,我们清醒地认知阿里开源的目的:阿里开源不是到业内“秀肌肉”,更不是自卖自夸;阿里之所以选择开源是因为开源是孵化新技术领域的容器,更是技术演进的最大推动力。转载 2016-10-26 10:35:07 · 1761 阅读 · 1 评论 -
在阿里云ECS上从零开始搭建nginx服务器
本文介绍了如何在阿里云服务器上从零开始搭建nginx服务器。阿里云服务器(ECS)相信大家都不陌生,感兴趣的同学可以到http://www.aliyun.com/product/ecs去购买,或到体验馆去体验(半个月有效期)。至于如何注册、管理ECS这里就不详细介绍了。因为官方文档已经写的很清楚了。如果还不清楚,打咨询电话询问。转载 2016-10-26 10:51:16 · 1332 阅读 · 0 评论 -
常见的2D碰撞检测
外接图形判别法:轴对称包围盒(Axis-Aligned Bounding Box),即无旋转矩形;圆形碰撞。光线投射法。分离轴定理。地图格子划分。像素检测。转载 2017-03-09 09:30:08 · 2744 阅读 · 0 评论 -
Windows服务器下安装Ngnix服务
在windows server 2012中安装Ngnix服务最佳实践原创 2017-09-26 09:13:34 · 2804 阅读 · 0 评论 -
子框架页面跳出到父框架页面代码
子框架页面跳出到父框架页面代码,可以从iframe或frame中跳出到上级页面原创 2017-09-21 13:23:56 · 1645 阅读 · 0 评论 -
iOS和Android的app界面设计规范
记录一下iOS和Andoird的界面设计规范,方便进行标准的产品设计,并与设计师顺畅沟通iOS篇界面尺寸设备分辨率状态栏高度导航栏高度标签栏高度iPhone6 plus1242×2208 px60px132px147pxiPhone6750×1334 px40px88px98px转载 2016-02-27 11:31:29 · 1597 阅读 · 0 评论 -
磨刀不误砍柴工!先想好了再开干
编者按:有经验的设计师在拿到需求后,往往不会急着开Photoshop,而会自问该做的事都做好了吗?要知道,如果能提前执行好这四个步骤,能大大减少改稿推翻重做以及和PM“吵架”的几率,没错,四个步骤说的就是今天这篇干货。鸿影:初入行(算上实习)时的我,在接到一个来自产品经理的口头需求后,经常犯、现在也会偶尔复发的一个错误就是粗略了解思索一下,就立刻打开软件投入到对解决方案的探索中去;在需求比转载 2015-11-29 17:09:16 · 1499 阅读 · 0 评论 -
正则表达式语法参考
摘自【MS Script56】下表是元字符及其在正则表达式上下文中的行为的一个完整列表:字符描述\将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制转义符。例如,'n' 匹配字符 "n"。'\n' 匹配一个换行符。序列 '\\' 匹配 "\" 而 "\(" 则匹配 "("。^匹配输入字符串的开始位置。如原创 2012-09-24 23:32:09 · 1802 阅读 · 0 评论 -
javascript逆向引用的小例子
javascript逆向引用的小例子:function isIP(strIP) {if (strIP=="") return false;var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g //匹配IP地址的正则表达式if(re.test(strIP)){//这里的$1,$2..就是后项引用if( RegExp.$1 <256 && RegExp.$2<2原创 2012-10-16 22:02:10 · 11999 阅读 · 0 评论 -
Datepicker使时间拖动条设为每5分钟一档
关于Datepicker控件的用法可参见jQuery时间控件Datepicker汉化版使用详解一文。Datepicker中,用鼠标拖动的方式确实很省力,但是,如果类似时间控件太多的话,这种方式反而会让用户感觉操作更繁琐。因此,我希望使时间进度条设为5分钟一档。查看了官方文档后,其中有一个属性stepMinute可以实现这个功能: $(function(){ $('#exa原创 2012-10-29 21:41:42 · 3271 阅读 · 0 评论