caibinghong
- 浏览: 150729 次
- 性别:
- 来自: 福建
-
最新评论
-
caibinghong：
Ahua772 写道非常好，谢谢了，但是运行的图片怎么没有加载 ...
用于WebKit的CSS诀窍 -
Ahua772：
非常好，谢谢了，但是运行的图片怎么没有加载出来呢
用于WebKit的CSS诀窍 -
caibinghong：
呃是一个方法，现在改过来了，当时考的时候没有改！现在最底层是i ...
关于innerHTML 赋值问题 -
jayrao5566：
js的正确写法不是 .innerHTML = '<op ...
关于innerHTML 赋值问题 -
caibinghong：
在JQ与EXT里都解决的挺好的。http://caibingh ...
关于innerHTML 赋值问题
文章列表
dazi.91uu.net 是如何打包资源文件呢。
基本的环境准备工作如下：本节以(window 7下操作)
1、NodeJs环境安装与配置
2、gulp下载与使用
一、NodeJs环境安装与配置
关于什么是NodeJs就不详细介绍，简要说明，它就是用javascript 方式去操作系统资料的一个开发环境。是一个桥梁平台。
大家可以去官网下载最新版本的，安装后进行环境变量的配置。
下载》 NodeJs 选择左边绿的下载安装就可以
关于环境变量的配置，百度搜索很多， 点击这里去看看吧
二、gulp安装与使用
首先，gulp是基于nodejs 平台开发出来的，进行对静 ...
2013年初接触移动端，简单做下总结，首先了解下移动web带来的问题
设备更新换代快——低端机遗留下问题、高端机带来新挑战
浏览器厂商不统一——兼容问题多
网络更复杂——弱网络，页面打开慢
低端机性能差——页面操作卡顿
HTML5新技术多——学习成本不低
未知问题——坑多
面对这些问题，一开始我们只能在未知中试错，知道错误的方案才能更容易寻找正确的解决问题思路，2年多来，可看到移动web在业界不断趋向于成熟，各种框架和解决方案不断的涌现让移动端开发不再是个噩梦。
这几天把想到的一点经验先罗列出来，后续会持续更新，这篇文章可以给刚接触webapp开
怪异模式（Quirks Mode）对 HTML 页面的影响
Quirks Mode 概述
定义
什么是 Quirks Mode? 简单来说，Quirks Mode 就是浏览器为了兼容很早之前针对旧版本浏览器设计、并未严格遵循 W3C 标准的网页而产生的一种页面渲染模式。
历史
由渲 ...
强制不使用“兼容性视图”的HTML代码
- 博客分类：
- CSS样式
强制不使用“兼容性视图”的HTML代码
在IE8浏览器以后版本，都有一个“兼容性视图”，让不少新技术无法使用。那么如何禁止浏览器自动选择“兼容性视图”，强制IE以最高级别的可用模式显示内容呢？下面就介绍一段HTML代码。
X-UA-Compatible是一个设置IE浏览器兼容模式的属性，在IE8浏览器之后诞生。IE8或者IE9有很多种模式，比如，IE8有4种模式：IE5.5怪异模式、IE7标准模式、IE8几乎标准模式、IE8标准模式；而IE9有7种模式: IE5.5怪异模式、IE7标准模式、IE8几乎标准模式、IE8标准模式、IE9几乎标准模式、IE9标准模式、XML模式。
我们常使用代 ...
新人培训计划
第一周html+css
1.从零开始学习(HTML+CSS基础)http://www.imooc.com/learn/9
1.1 Html介绍(什么是html,html与css样式的关系,html语法，html结构)1.2 认识标签(认识标签理解各各标签的作用以及用途)1.3 认识css样式(什么是css样式，css样式的语法,css样式有什么用途)1.4 CSS选择器(有哪些，有什么区别)1.5 CSS的特性（继承、层叠、优先级、重要性）1.6 CSS基本排版1.7 CSS理解盒子模型(宽高，内外补丁)1.8 CSS理解布局模型（）这个上次忘记跟你讲了，你对着课程 ...
从上到下执行原则
样式优先级:
高到底 1~10
1. !important
2. 标签行内样式
3. 情景的class( #id .class)
4. id
5. 情景的class( .class 标签.class)
6. 情景的class( .class .class)
7. 情景的class( 标签.class)
8. 情景的class( .class 标签)
9. class
10.标签
IE对CSS样式表的限制和解决方案
- 博客分类：
- CSS样式
HTML文档与CSS的关联常见有4种方式：
使用link标记
<link rel="stylesheet" type="text/css" href="sheet.css" />
使用style元素
<style type="text/css">
body{background:#fff;}
h1{font-size:2em;}
</style>
使用@import指令
<style type="text/css" ...
使用文档兼容性的方法比较容易，就是在我们要反馈给客户端的HTML代码中的head中添加一个meta元素，用来描述当前的文档需要使用何种浏览器版本来解释当前文档，代码类似下面这样：
CSS3 icon font完全指南
- 博客分类：
- CSS样式
大家都知道现在各个浏览器都支持CSS3的自定义字体(@font-face)，包括IE6都支持，只是各自对字体文件格式的支持不太一样。那么对于网站中用到的各种icon，我们就可以尝试使用font来实现，本文将详细讲解这种用法。
为什么要将icon做成字体？
在很多网站项目中，我们常常会用到各种透明小图标，然后网站要兼容各个浏览器，也可能会有多个尺寸，甚至还要考虑换肤等需求。那么我们就要将这些小图标输出为多种尺寸、颜色和文件格式，比如png8 alpha透明或者png8 index透明等。
比如，twitter用到的各种小icon：
这种情况下，使用字体来实现图标就有很多优势：
字 ...
js 删除数组几种方法
- 博客分类：
- javascript 常见问题
var arr=['a','b','c'];
若要删除其中的'b',有两种方法：
1.delete方法:delete arr[1]
这种方式数组长度不变,此时arr[1]变为undefined了,但是也有好处原来数组的索引也保持不变,此时要遍历数组元素可以才用
for(index in arr){ document.write('arr['+index+']='+arr[index]);}
这种遍历方式跳过其中undefined的元素
* 该方式IE4.o以后都支持了
2.数组对象sp ...
减少图片请求，分批加载图片
- 博客分类：
- javascript 常见问题
var lazyLoad = {
Init: function () {
return $("img[lazyload]");
},
Calculate: function (lazyloadobject) {
var windowHeight = $(window).height();
var arrReturn = {};
var _scrollTop;
if (lazyloadobject.length == 0) {
return null;
} ...
flash重复请求加载问题
当一个div里头放一个flash时，div 的显示隐藏 直接影响到 flash重新请求（用display情况）。
所以要改用 visibility
artTemplate 新一代 javascript 模板引擎 ,这几天在写网格组件时以为这个很好用，一直用这个引擎。
但发现一个问题 循环使用的话会很占用 空间时间
function rows(){
var render = template.compile(source);
var html = render(data);
}
for(var i=0;i<500;i++){
rows();
}
什么时候要用到自定义函数？有些浏览器并不兼容某类型的事件，如IE6～8不支持hashchange事件，你无法通过jQuery(window).bind('hashchange', callback)来绑定这个事件，这个时候你就可以通过jQuery自定义事件接口来模拟这个事件，做到跨浏览器兼容。原理jQuery(elem).bind(type, callbakc)实际上是映射到 jQuery.event.add(elem, types, handler, data)这个方法，每一个类型的事件会初始化一次事件处理器，而传入的回调函数会以数组的方式缓存起来，当事件触发的时候处理器将依次执行这个数组 ...
1. shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined
var a = [1,2,3,4,5];
var b = a.shift(); //a：[2,3,4,5] b：1
2. unshift：将参数添加到原数组开头，并返回数组的长度
var a = [1,2,3,4,5];
var b = a.unshift(-2,-1); //a：[-2,-1,1,2,3,4,5] b：7
注：在IE6.0下测试返回值总为undefined，FF2.0下测试返回值为7，所以这个方法的返回值不可靠，需要用返回值时可用splice代替本方法来 ...