- 浏览: 148840 次
- 性别:
- 来自: 福建
最新评论
-
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代替本方法来 ...