自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 编码规范 by @mdo

编码规范 by @mdo

2016-05-13 10:26:18 124

原创 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 141

原创 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 329

原创 移动web页面前端开发总结

移动web在当今的发展速度是一日千里,作为移动领域的门外汉,在这段时间的接触后,发现前端开发这一块做一个小小的总结。 1.四大浏览器内核1.Trident (IE浏览器) :因为在早期IE占有大量的市场份额,所以以前有很多网页是根据这个Trident的标准来编写的,但是实际上这个内核对真正的网页标准支持不是很好,同时存在许多安全Bug。2.Gecko:( FireFox )优点...

2016-05-03 15:07:34 134

原创 为什么选择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 211 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 883

原创 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 78

原创 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 267

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除