- 博客(25)
- 收藏
- 关注
原创 jquery操作select详解(取值,设置选中)
1、设置value为pxx的项选中 $(".selector").val("pxx");2、设置text为pxx的项选中$(".selector").find("option[text='pxx']").attr("selected",true);这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。3、获取当前选中...
2016-09-26 18:18:32 123
移动端rem单位用法
1.rem(font size of the root element)是指相对于根元素的字体大小的单位,em(font size of the element)是指相对于父元素的字体大小的单位。它们之间其实很相似,只不过一个计算的规则是依赖根元素一个是依赖父元素计算。二者都是相对单位2.我们现在在切页面布局的使用常用的单位是px,这是一个绝对单位,web app的屏幕适配有很多中做法,例如...
2016-08-17 20:06:47 138
grunt-contrib-jshint使用
使用grunt-contrib-jshint插件 jshint:A Static Code Analysis Tool for JavaScript(javascript验证工具)。它有很多种安装方法。http://jshint.com/install/。这篇文章主要介绍作为grunt插件的安装方法。1、安装jshint 安装前提:需要安装node和grunt。http...
2016-08-17 09:33:17 212
原创 HTML5 服务器推送事件(Server-sent Events)
推荐文章链接地址:http://www.ibm.com/developerworks/cn/web/1307_chengfu_serversentevent/
2016-05-11 12:33:51 101
原创 立即执行函数: (function(){...})() 与 (function(){...}())
你需要明白 IIFE 的原理,我简单说一下:function foo() {...} // 这是定义,Declaration;定义只是让解释器知道其存在,但是不会运行foo(); // 这是语句,Statement;解释器遇到语句是会运行它的。IIFE 并非必须,传统一点可以这么写:function foo() {...}f...
2016-05-09 17:02:15 71
原创 IE浏览器和CSS盒模型
如果你已经了解了CSS盒模型在兼容性上的差异以及如何处理IE浏览器的问题,那就请飘过——这里要谈的没任何新的东西。如果你对为什么IE和其他浏览器会显示出不同大小的盒子一无所知,那就继续阅读吧。CSS盒模型图解下面是一幅关于应用了CSS的元素是如何显示它的尺寸的图示。在本篇文章中,所有的浏览器在计算盒模型总宽度时处理margin属性的方式都是一致的,所以我们将更多的精力放在padd...
2016-05-09 16:18:59 142
原创 javascript中top、clientTop、scrollTop、offsetTop的讲解
javascript中top、clientTop、scrollTop、offsetTop的讲解 12.11.04:内容全部都是转自网上看到的,有两篇,还未整理,图片是我自己加上颜色的,比刚开始的好识别了很多。 scrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位...
2016-05-06 14:30:14 158
text-overflow:ellipsis显示省略符号来代表被修剪的文本
text-overflow:ellipsis 显示省略符号来代表被修剪的文本浏览器支持性:所有主流浏览器都支持(chrome、ie、firefox、safari、opera)注意:下面这些css属性要一起使用(text-overflow适用块级元素) overflow: hidden; text-overflow:ellipsis; white-space:...
2016-05-06 11:24:36 330
原创 移动web页面前端开发总结
移动web在当今的发展速度是一日千里,作为移动领域的门外汉,在这段时间的接触后,发现前端开发这一块做一个小小的总结。 1.四大浏览器内核1.Trident (IE浏览器) :因为在早期IE占有大量的市场份额,所以以前有很多网页是根据这个Trident的标准来编写的,但是实际上这个内核对真正的网页标准支持不是很好,同时存在许多安全Bug。2.Gecko:( FireFox )优点...
2016-05-03 15:07:34 135
原创 为什么选择AngularJS前端框架
简单来说,展示型网站用 jQuery,数据操作(CRUD)较多的用 Angular.js等前端MVC框架。展示型网站(如个人博客、公司主页、App 插入页面等)需要 JS 的地方一般是单个点(如下拉菜单、slider、按钮相应等),实现的功能一般是事件响应(如点击、鼠标滑过、触摸或手势等)、DOM 操作(如改变按钮的文本、改变 div 的 CSS 属性等)等局部操作。这些操作更加关注 DOM...
2016-04-15 16:40:35 116
原创 jsp导出excel的方法
原文链接:http://deific.iteye.com/blog/1088443 在Web应用中,很多数据经常要导出成Excel文档。通过简单的html设置就可以实现将页面数据导出为excel。方式一: (1) 能够导出为excel的jsp页面中最好只保留纯数据和纯html代码。这样导出的excel格式等相对比较自然。如果有表单元素的话,导出的excel里也会是表单元...
2016-03-23 14:34:02 372
原创 MVC架构的好处和MVC架构中M、V、C代表的含义
(1)什么是mvc?是一种软件架构的思想,将软件按照模型、视图、控制器来划分。模型负责封装业务处理逻辑,视图负责输入和输出(表示逻辑),控制器负责协调模型和视图。模型:封装:需要先写接口,然后实现接口中声明的方法。业务处理逻辑:业务本身的处理流程,另外,还包括为保证业务处理正常可靠执行的基础服务(事务、安全、日志等等)。视图:输入:提供相应的操作界面,方...
2016-03-11 19:22:08 1416
原创 ie7、ie8等ie旧版本支持css3圆角
如何让IE7,8支持CSS3圆角的方法 如果要想在IE浏览器中实现圆角的效果,我们一般都会采用圆角图片的方式。用图片的话,基本就跟浏览器没有多大关系了,因为任何浏览器都支持这种方式。 本文我们主要是讲解如果用CSS 3样式表来实现圆角效果,值得注意的是,IE6/7/8这三个IE浏览器版本都不支持CSS 3的解析,只有还不太主流的IE 9支持CSS 3和HTML 5的标准。让IE支持C...
2016-02-18 09:03:49 183
原创 JS编码解码
原文来自:http://www.cnblogs.com/andiki/articles/1399720.html一、定义和用法encodeURI() 函数可把字符串作为 URI 进行编码。语法encodeURI(URIstring)参数描述URIstring必需。一个字符串,含有 URI 或其他要编码的文本。返回值URIstring 的副本,其中的...
2015-12-31 15:28:34 64
原创 JAVA中文字符编码问题详解
声明:本文转自http://blog.csdn.net/youyue/article/details/4580402JAVA中文字符编码问题详解 JAVA的中文字符乱码问题一直很让人头疼。特别是在WEB应用中。网上的分析文章和解决方案都很多,但总是针对某些特定情况的。很多次遇到乱码问题后,经过极为辛苦的调试和搜索资料后终于解决,满以为自己已经掌握了对付这些字符乱码怪兽的诀窍。可当...
2015-12-30 15:35:40 98
JSONP请求简述
跨域请求-JSONP原理:通过不受访问限制<script>标签发送请求。下面做了一个例子,以供参考:前端代码:<script type="text/javascript"> //测试jsonpfunction handleResponse(data){ Util.log(data); } var scr...
2015-11-06 10:34:56 190
原创 @font-face
第一步:使用font-face声明字体@font-face {font-family: 'iconfont'; src: url('iconfont.eot'); /* IE9*/ src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont.w...
2015-10-10 15:22:49 103
原创 iPhone下全屏模式启动
试用设备:ios前提:需要为web应用添加一个界面图标(将web应用添加到主界面)。实现代码: <meta name="apple-mobile-web-app-capable" content="yes">从主界面全屏模式启动web应用,隐藏浏览器上部的工具栏、地址栏和底部的加载状态栏。 <meta name="apple-mobile-web-ap...
2015-09-29 13:51:57 212 1
原创 如何通过界面图标启动web应用
1、准备好图片资源 2、在界面中添加一下代码<link rel="apple-touch-icon-precomposed" sizes="114x114" href="icons/apple-touch-icon-114x114-precomposed.png"><link rel="apple-touch-icon-precomposed" sizes="
2015-09-29 13:27:36 116
弹出式div在窗口中居中
弹出窗口居中应用场景:弹出式登录、弹出式视频播放假设:width:500px;height:500px以下设置即可实现剧中效果:position:absolute;top:50%;left:50%;margin-top:-250px;margin-left:-250px;...
2015-08-21 13:06:04 90
固定导航栏的实现原理
第一种:设置body{padding-top:导航栏的高度},然后直接设置导航栏position:fixed即可(实现简单)。第二种(看别人的实现方式):采用双导航栏,一个绝对定位,一个固定定位。并将绝对定位的导航栏的z-index属性值设置的比固定定位的导航栏的大。例如:绝对定位:position:absolute;z-index:2;top:0px;固定定位:positio...
2015-08-21 10:54:25 885
原创 css中position的理解
position:static、relative、absolute、fixedstatic:没有定位,元素出现在正常的流中。position的缺省值,设置position:static的情况下,left、top、right、bottom无效。relative:生成相对定位的元素,相对于其正常位置进行定位。因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。absol...
2015-08-12 13:42:08 79
原创 JVM(Java虚拟机)优化策略
转自:http://blog.csdn.net/kthq/article/details/8618052#comments堆内存设置原理JVM堆内存分为2块:Permanent Space 和 Heap Space。Permanent 即 持久代(Permanent Generation),主要存放的是Java类定义信息,与垃圾收集器要收集的Java对象关系不大。...
2015-06-18 14:45:32 78
Java语言中的自动装箱和拆箱过程简述
首先介绍一下基本类数据类型对应的包装类中Cache类(包装类中的静态内部类),例如Integer对应的Cache类为IntegerCache。下面附上Integer类中的IntegerCache源码:private static class IntegerCache { static final int low = -128; static final i...
2014-09-22 20:17:59 268
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人