2015年10月_活着就得有野心

原创 js onerror的用法

onerror=handleErrvar txt=""function handleErr(msg,url,l){txt="本页中存在错误。\n\n"txt+="错误：" + msg + "\n"txt+="URL: " + url + "\n"txt+="行：" + l + "\n\n"txt+="点击“确定”继续。\n\n"alert(txt)r

2015-10-31 09:38:53 608

原创 js 数组排序

function sortNumber(a, b){return a - b}var arr = new Array(6)arr[0] = "10"arr[1] = "5"arr[2] = "40"arr[3] = "25"arr[4] = "1000"arr[5] = "1"document.write(arr + "")docum

2015-10-31 09:23:31 208

原创 js 设置读取cookie

function getCookie(c_name){if (document.cookie.length>0){ c_start=document.cookie.indexOf(c_name + "=")if (c_start!=-1){ c_start=c_start + c_name.length+1 c_end=document.cookie.indexOf

2015-10-31 09:14:05 246

原创 JS 数字格式千分位相互转换

/** * 数字格式转换成千分位 *@param{Object}num */function commafy(num){ if((num+"").Trim()==""){ return""; } if(isNaN(num)){ return"";

2015-10-31 08:27:35 2516

原创 JS 页面加载触发事件 document.ready和onload的区别

document.ready和onload的区别——JavaScript文档加载完成事件页面加载完成有两种事件：一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）；二是onload，指示页面包含图片等文件在内的所有元素都加载完成。 1、Dom Ready用jQ的人很多人都是这么开始写脚本的： $(function(){

2015-10-31 07:56:18 338

原创简单的九宫格布局

一、效果图：二、布局一（IE6下兼容有问题）01<!DOCTYPE html>020304<meta charset="utf-8">05九宫格

2015-10-31 07:53:16 780

原创 js 数组去除的几种方法

面试前端必须准备的一个问题：怎样去掉Javascript的Array的重复项。据我所知，百度、腾讯、盛大等都在面试里出过这个题目。这个问题看起来简单，但是其实暗藏杀机。考的不仅仅是实现这个功能，更能看出你对计算机程序执行的深入理解。我总共想出了三种算法来实现这个目的：Array.prototype.unique1 = function(){ var n = []

2015-10-31 07:26:56 1768

原创 CSS左侧固定宽右侧自适应（兼容所有浏览器）

左侧固定宽，右侧自适应屏幕宽；左右两列，等高布局；左右两列要求有最小高度，例如：200px;（当内容超出200时，会自动以等高的方式增高）要求不用JS或CSS行为实现；仔细分析试题要求，要达到效果其实也并不是太难，只是给人感觉像有点蛋疼的问题一样。但是你仔细看后你会觉得不是那么回事：左边固定，右边自适应布局，这个第一点应该来说是非常的容易，实现的方

2015-10-31 07:19:22 2854

原创 js 基础

JavaScript 数据类型1,字符串、数字、布尔、数组、对象、Null、Undefined2,极大或极小的数字可以通过科学（指数）计数法来书写：实例var y=123e5; // 12300000var z=123e-5; // 0.001233,var person={firstname : "Bill",l

2015-10-30 22:23:21 227

原创 CSS各种居中方法

水平居中的text-align:center 和 margin:0 auto 这两种方法都是用来水平居中的，前者是针对父元素进行设置而后者则是对子元素。他们起作用的首要条件是子元素必须没有被float影响，否则一切都是无用功。margin:0 auto也可以被写成margin:0 auto 0 auto。不能理解的童鞋们可以自己去找找关于css缩写的内容。

2015-10-30 20:48:59 206

原创前端web开发的MVC模式 - 从一个简单实例讲起

MVC概论起初来之桌面应用开发。其实java的structs框架最能体现MVC框架：model模型是理解成服务器端的模块程序；view为发送给客服端的内容；control为servlet程序控制跳转和工作流。随着前端Ajax兴起、前端开发工作进一步划分：js程序员和ue页面制作、另外从整个前端项目的清晰明朗以可扩展性角度来看，MVC的应用也越来越必要，特别是对大的项目。

2015-10-28 19:15:57 199

原创 Web语义化

1.结构更好，更利于搜索引擎的抓取（SEO的优化）和开发人员的维护(可维护性更高，因为结构清晰,so易于阅读)。 HTML的每个标签都有其特定含义（语义），Web语义化是指使用语义恰当的标签，使页面有良好的结构，页面元素有含义，能够让人和搜索引擎都容易理解。

2015-10-28 18:36:18 217

原创史上最全前端面试题(含答案)

HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；2.xhtml和html有什么区别HTM

2015-10-28 18:23:18 540

原创 H5规范

lang="zh-CN"> Page title charset="UTF-8"> http-equiv="X-UA-Compatible" content="IE=Edge"> rel="stylesheet" href="code-guide.css"> src="code-guide.js"> c

2015-10-27 16:33:20 555

匹配中文字符：[\u4e00-\u9fa5]匹配双字节字符(包括汉字在内)：[^\x00-\xff]匹配空白行：\n\s*\r匹配Email地址：[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?匹配网址URL：[a-zA-z]+://[^\s]*

2015-10-27 15:48:24 219

原创 JS 中面向对象的5种写法

//第1种写法function Circle(r) { this.r = r;}Circle.PI = 3.14159;Circle.prototype.area = function() { return Circle.PI * this.r * this.r;}var c = new Circle(1.0); alert(c.area

2015-10-27 15:39:05 220

原创一个密码复杂度的验证js

在项目开发中，要求密码进行复杂度限制，现帖出来跟大家做个分享。密码复杂要求：1、长度大于8 2、密码必须是字母大写，字母小写，数字，特殊字符中任意三个组合。代码如下：function checkPass(pass){ if(s.length return 0; } var ls = 0; if(s.

2015-10-27 15:28:20 761

原创 webfont应用系列如何制作图标字体？

最近在评估font-face是否可以用在邮箱的实际开发中，第一步就是做矢量图标（字体图标要矢量），如何把位图图标转为矢量？1、用PS转为纯色：PS打开图标，上色（黑色），如果原图不是纯色，则需注意对边缘的处理。图一、用PS把图标处理成纯色2、以eps格式导出：另存为，格式选择EPS。图二、以EPS格式导出3、用AI

2015-10-22 15:55:07 1068

原创 CSS3 @font-face

首先我们一起来看看@font-face的语法规则： @font-face { font-family: YourWebFontName>; src: source> [format>][,source> [format>]]*; [font-weight: weight>]; [font-style: style>]; }取

2015-10-22 15:48:42 238

原创 css em弹性布局

元素自身没有设置字号大小时，元素的width、height、line-height、margin、padding、border等值转换都按下面公式转换：1 ÷ 父元素的font-size × 需要转换的像素值 = em值我们来看一个实例： test 我们在body默认字体大小为“16px”,此时需要“div#wrapper”的相关参数值为：

2015-10-22 15:33:27 359

原创 myeclipse 2014 发布项目注意的问题

2015-10-16 16:44:17 238

原创更改SVN插件用户名密码

Eclipse下的SVN插件中暂时没有提供更改用户名和密码的功能,当需要更改时,需在系统中找到svn.simple文件夹,然后删除掉,之后在Eclipse中做更新同步的时候就会提示输入用户名密码了!注意:svn.simple是隐藏文件夹,搜索的时候注意选择"包括隐藏文件".也可直接去寻找该文件夹,C:\Documents and Settings\用户名\Application Data\

2015-10-16 16:42:01 1581 1

原创 js 轮播

DY_scroll('#main_bar',5,true,ad01,0,"#bar_icon");// true为自动播放，不加此参数或false就默认不自动var ad,ad01,ad02,ad03;function DY_scroll(wraper,speed,or,ad,curpic,picbottom){var wraper = $(wraper);var picc

2015-10-15 17:20:30 342

原创 Linux常用命令大全

Linux常用命令大全系统信息 arch 显示机器的处理器架构(1) uname -m 显示机器的处理器架构(2) uname -r 显示正在使用的内核版本 dmidecode -q 显示硬件系统部件 - (SMBIOS /DMI) hdparm -i /dev/hda 罗列一个磁盘的架构特性 hdparm -tT /dev/sda 在磁盘上执行测试性读取操作 ca

2015-10-15 16:49:50 316

原创 js 滚动加载

var isnext = true; var pageSize = 10;var pageNum = 1;getInfo(pageSize,pageNum); var wheight = $(window).height(); //滚动加载 $(window).scroll(function(){// 当滚动到最底部以上50像素时

2015-10-15 16:47:28 215

原创 js 时间差

var toDate=function(t){if(isNaN(t)){ return t;}if(t.length>12){return t.substr(0,4)+"-"+t.substr(4,2)+"-"+t.substr(6,2)+" "+t.substr(8,2)+":"+t.substr(10,2)+":"+t.substr(12,2);}else if(t.l

2015-10-15 16:46:20 286

原创 H5 新特征

1、 required="required" 不为空2、 placeholder="Search W3School" 希望输入的值3、 pattern="[A-z]{3}" title="Threeletter country code" 输入三个字母4、 novalidate="novalidate" 不进行验证5、 multiple="multiple" 可以选择多

2015-10-15 16:31:53 714

原创 js判断客户端

var ua = navigator.userAgent.toLowerCase(); var isWeixin = ua.indexOf('micromessenger') != -1; var isAndroid = ua.indexOf('android') != -1; var isIos = (ua.index

2015-10-15 16:13:24 373

原创 jstl 格式化时间

2015-10-15 16:09:50 217

原创 css 兼容 css3兼容

1.css 兼容padding:10px;padding:9px\9; /* all ie */padding:8px\0; /* ie8-9 */*padding:5px; /* ie6-7 */+padding:7px; /* ie7 */_padding:6px; /* ie6 */2.css3 兼容/*蓝色发光文本框*/.txt_blueBorde

2015-10-15 16:04:04 459

原创新建jsp注意的问题

1，新建web的jsp2，新建app的jsp

2015-10-15 15:59:26 212

huoniu007的专栏