分类: 前端
JSON
前言：
原生支持JSON的浏览器：
- Firefox (Mozilla) 3.5
- Internet Explorer 8
- Chrome
- Opera 10
- Safari 4
对于较老的浏览器，可使用 JavaScript 库： https://github.com/dou[……]
JavaScript在函数中声明变量的作用域
1.下面代码函数中声明了变量m，所以m的作用域是函数内部，函数执行完毕后，不能再访问变量m：
[html]
<script>
function show(i,j){
var m=i+j;
return m;
}
show(1,2);
alert(m);[……]
CSS清除浮动的方法
1.添加空<div>标签或者<br />
[html]
<style type=”text/css”>
*{margin:0;padding:0;}
body{font:36px bold; color:#FFF; text-align:cente[……]
CSS布局问题总结
经典两栏自适应布局
HTML网页结构如下：
<body>
<div class="left">
</div>
<div class="right">
</div>
</body>
- 使用绝对定位。
CSS代码：
.[......]jQuery为新增元素绑定事件
为动态添加的html元素添加事件，如我们用append添加了一个div，想在点击的时候执行一些动作。
1.一个简单的方法，将click()事件紧跟在append()后面，写在同一个函数里面：
[code]
$(document).ready(function(){
$(“#a”).click([……]
兼容所有浏览器的加入收藏和设为首页代码
设为首页 和 收藏本站 js代码 兼容IE,chrome,火狐,360等。
[html]
//设为首页
function SetHome(obj,url){
try{
obj.style.behavior=’url(#default#homepage)’;[……]
CSS3实现阴影和圆角效果（多浏览器兼容）
css3阴影：
[css]
.shadow {
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;[……]
CSS中的text-index无效
有时候我们在写css中使用text-indent，发现text-indent的值为负数的时候无效。
尝试一下为该容器添加属性text-align:left;[……]
IE6和IE7右浮动折行（IE右浮动BUG）
首先来看一段代码：
[html]
<div id=”wrap” style=”width:300px;border:1px solid #ff4e00;”>
这里是一些文字，默认在左侧
<div id=”right” style=”float:right;w[……]
CSS兼容IE的mix-width和mix-height
因为IE7及以上和FF，Chrome都是支持mix-width的。所以我们用到了“_”下划线来解决IE6的问题。
如果需要设置最大宽度mix-width是“600px”，可以这么写：
[css]
max-width:600px;_width:expression(this.widt[……]
CSS中z-index详解以及各浏览器表现差异
IE7中的z-index：
有时候z-index设置了很高的值（如：“z-index:999”）但在IE7中还是被遮盖了。这因为IE7的渲染DOM的问题。
当一个父容器被定位（如：“position:relative”）的时候，子元素的z-index属性会被重置。
解决办法：在父容器中加上[……]
jQuery获取鼠标的坐标
在前端的html页面开发中，如何获取鼠标的坐标呢？
我们使用jQuery方法：
[javascript]
var mouseX = e.originalEvent.x || e.originalEvent.layerX || 0;
var mouseY = e.originalEvent.y[……]
去掉超链接和图片链接点击后的虚线
1.在单个链接上添加属性去掉虚线
[html]
<a href=”” onfocus=”this.blur()”>超链接</a>
[/html]
2.使用Js批量去掉虚线框：
[html]
<script type=”text/javascript”>[……]
移动客户端WEB前端开发问题汇总
本文针对WebApp，主要应用于iPhone和Android智能手机（大多基于webkit内核浏览器）。
WebApp中将大量运用HTML5和CSS3技术，以简化工作量的同时做出更好的效果。
1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp[……]
JavaScript小数计算出错，浮点数计算误差
在写程序的时候发现0.7+0.2+0.1之后的输出结果是：0.70.20.1。
于是乎，使用parseFloat对字符进行转换parseFloat(0.7)+parseFloat(0.2)+parseFloat(0.1)，发现输出结果是：0.999999999999！！
怪自己上学的时候[……]
JS使用getYear()在火狐下显示三位数字113
在火狐中测试js代码时发现，使用了getYear()之后返回的年份是113。
问题在于：
在Firefox和Chrome下，getYear()返回的是“当前年份-1900”。
在IE下，当Year>=2000时，直接返回年份，把减去的1900又加回来了。
为了兼容性，可以修[……]
自适应宽度的容器的水平居中
首先，我们知道容器水平居中的一般方法，比如我们做一个水平居中的导航：
[html]
<div class=”header”>
<ul class=”nav”>
<li></li>
<li></li>[……]