- 博客(35)
- 资源 (6)
- 收藏
- 关注
RSS订阅
原创 String对象常用API
concat(str1,str2,···)连接字符串indexOf(str,start)返回 str 在字符串中首次出现的位置var str = "hello world";str.indexOf("hello"); // 0str.indexOf("o",5); // 7str.indexOf("World"); // -1lastIndexOf(str,
2012-10-09 12:24:48
990
原创 数组对象常用API
concat()连接两个或多个数组，并返回结果var a = [1,2,3];var b = a.concat(6,7);console.log(a); //[1,2,3]console.log(b); //[1,2,3,6,7]join(str)把数组的所有元素用str分隔，默认逗号分隔var a = [1,2,3]var b = a.join('
2012-10-09 11:08:48
1252
转载 Web入门者必看的HTML代码编写的30条军规(3)
21、查看源代码没有什么比模仿你的偶像能让你更快的学习HTML。起初，我们都要甘做复印机，然后慢慢得发展自己的风格。研究你喜欢的网站页面代码，看看他们是怎么实现的。这是高手的必经之路，你一定要试一下。注意：只是学习和模仿他们的编码风格，而不是抄袭和照搬！留意网络上各种炫酷的JavaScript效果，如果看上去是使用了插件，那根据它源码中head标签内的文件名，就可以找到这个插件名称，然后就
2012-10-08 16:16:44
924
原创 百度统计流量研究院——了解互联网行业基本数据分布和趋势
百度统计流量研究院——让前端开发人员及时了解互联网行业基本数据分布和趋势。四大模块1、浏览器市场份额——及时了解浏览器使用情况，包括IE6的使用比例。2、操作系统市场份额3、分辨率使用情况4、网民地域分布具体地址：http://tongji.baidu.com/data/browserPS：博客搬家了，以后不再 CSDN 更新了，见谅。最新博客地址：ht
2012-10-08 14:45:45
2153
原创 一款可以让IE支持CSS3的插件
css3 pie是一款可以让IE浏览器支持部分CSS3属性的插件。目前可以支持的属性有：border-radiusborder-imagebox-shadowcss3 backgroundrgbalinear-gradientmultiple background images同样它也支持PNG透明。不过PIE是用VML绘制的，会
2012-10-08 14:29:20
908
转载 Web入门者必看的HTML代码编写的30条军规(2)
11、使用H1 – H6标签笔者建议你在网页中使用其中全部六种标记，虽然大部分人只会用到前四个，但使用最多的H会有很多好处，比如设备友好、搜索引擎友好等，不妨把你的P标签都替换成H6。12、如果是博客，那把H1留给文章标题今天笔者在Twitter上发起一次讨论：是该把H1定义到LOGO上还是定义到文章标题上，有80%的人选择了后者。当然具体如何使用要看你的需求，但我建议你在建立
2012-10-08 13:58:11
1110
转载 Web入门者必看的HTML代码编写的30条军规(1)
本文总结了30条html代码编写指南，只要在编写HTML代码的过程中牢记它们，灵活运用，你一定会写出一手漂亮的代码，早日迈入专业开发者的行列。1、一定要闭合HTML标签在以往的页面源代码里，经常看到这样的语句：Some text here.Some new text here.You get the idea.也许过去我们可以容忍这样的非闭合HTML标签，但在今天的标准来看，这
2012-09-29 14:41:28
681
转载 这样去写你的 HTML
昨天在 twitter 上说，怎么忍心把页面写得这么难用？是的，这个世界还有一群人等着我们创建出来的东西，可以让他们的生活能过得更容易呢。比如那些需要读屏软件的用户。作为一个前端，我们又怎么会忍心呢。之前就一直想写这样的一篇文章，分享一下如何去创造一个可访问性更好的页面。今天的计划里有一条把 HTML T ag 和 WCAG标准结合起来。我推荐你这样去写你的 HTML，让某些人的生活可以更容易。
2012-09-27 14:57:23
818
转载 是什么让程序员想死的心都有了？
前言不怕神一样的对手，就怕猪一样的领导，下面是一个程序员列举了7个让他想死的心都有了的领导决策！一、总裁：“我们不需要两台服务器"我：“可是我们需要双机备份”总裁：“两台服务器是为失败者准备的，优秀的团队绝对不允许任何一台服务器出问题”我：“唉…”二、领导：“我们的外网网站应该支持IE8”开发：“我们需要安装IE8才能测试”领导：“技
2012-09-27 10:40:34
1075
1
原创 Event对象（二）
1、默认行为什么是默认行为？不需要我们编写，浏览器自带的功能，就是默认行为。像右键菜单。有时候我们需要阻止默认行为：return false; 例如，阻止右键菜单： 阻止右键菜单 document.oncontextmenu = function(){ return false;}2、拖拽原理：通过鼠标与DIV左上角的距离来判断。用到的事件：o
2012-09-24 14:45:54
404
原创 Event对象（一）
1、什么是event对象所谓的event对象，就是用来获取事件的详细信息：鼠标位置（clientX，clientY），键盘事件（keyCode）举个例子：获取鼠标位置：clientX，clientY 获取鼠标位置 document.onclick = function(){ alert('横坐标：' + event.clientX + ' ,纵坐标：' +
2012-09-21 14:24:36
648
原创 Ajax基础
今天我们来了解下Ajax什么是AjaxAjax即“Asynchronous JavaScript and XML”（异步JavaScript和XML）。说白了就是无刷新数据读取。HTTP请求首先我们需要了解下HTTP请求的方法（GET和POST）GET——用于获取数据（如：浏览帖子）GET是在url里传数据，它的安全性低，容量低POST——用于上传数据（如：用户注册
2012-09-18 13:52:00
842
3
原创 CSS优化，如何写出高效整洁的CSS代码
CSS优化的原则1、不影响页面的布局2、去掉不必要的样式3、合并相同的样式4、尽可能缩小样式的大小CSS样式中常见的问题1、除body之外的样式重写了与body一样的样式，如：body{font-size:12px;color:red;}h1{font-size:16px;color:red;}h1在页面解析的时候已经继承了body中的属性，所以color:red
2012-09-17 17:39:19
3222
转载 Web前端研发工程师编程能力飞升之路
【前言】所谓的天才，只不过是比平常人更快的掌握技能、完成工作罢了；只要你找到了正确的方向，并辅以足够的时间，你一样能够踏上成功彼岸。本文将web前端研发编程能力划分了八个等级，每个等级都列举出了对应的特征及破级提升之方法，希望每位在看本文的同学先准确定位自己的等级（不要以你目前能力的最高点，而是以你当前能力的中档与之等级作对比，以免多走弯路），参考突破之法破之。所谓的级别，只是你面
2012-09-17 11:35:02
1056
原创 cookie基础
一、什么是cookiecookie就是页面用来保存信息，比如自动登录、记住用户名等等。二、cookie的特点1、同一个网站中所有的页面共享一套cookie2、cookie有数量、大小限制3、cookie有过期时间三、如何在js中使用cookiedocument.cookiedocument.cookie = 'username = abc';document.
2012-09-13 16:21:38
565
原创 浅谈BOM
今天我们来了解下BOM的一些基础。一、window.open() 方法及相关参数在这里我只介绍两个参数。第一个参数是URL，声明了要打开的地址。第二个参数是 target，它有几种选择：_self 在自身窗口打开、_blank 在新开窗口打开 open window.onload = function(){ var oBtn = document.ge
2012-09-05 14:44:10
712
原创 浅谈DOM（二）
在学习了解了DOM的基础知识后，我们来看下如何进行DOM的操作。首先，我们先了解下操作元素属性有哪几种方法：xxx.style.background = 'red'xxx.style['background'] = 'red'DOM方式前两种方法我就不说了，大家应该很熟悉了，我就说说DOM方式。1、getAttribute获取指定元素的属性的值
2012-08-31 17:29:58
696
原创 浅谈DOM（一）
今天我们来了解下DOM的一些基础知识。DOM节点1、childNodes返回节点的所有子节点的集合 childNodes 111 222 333 window.onload = function(){ var oUl = document.getElementById('ul1'); alert(oUl.childNodes.le
2012-08-31 15:04:22
627
原创 如何获取非行间样式
我们知道可以通过 obj.style.display = 'block' 来控制块级元素的显示和隐藏，当然 style 还有许多的属性比如width，height等等。但是style只能控制行间样式即这种，而一般我们的样式都写在某个样式表中style.css，这时候 style 就获取不了属性值，只能改变属性值。 test #div1{width:100px;backg
2012-08-28 14:28:18
841
原创 前端开发神级编辑器notepad++以及Zen Coding神级插件
页面制作快两年了，对于开发的编辑器也用过许多，像刚开始使用的dreamweaver，到后来的editplus，再后来用到了sublime以及notepad++，这几个编辑器中我用的最舒服的就是notepad++了。Notepad++是一款免费开源的轻量级的编辑器，能够快速打开所要编辑的文档。Sublime很好很强大，但是它的打开速度远远没有notepad++的快。Notepad++不仅有语法高
2012-08-28 11:16:01
3260
原创 X-UA-Compatible
前几日修改一个活动页面，测试的时候发现在ie8下面显示有问题，而线上的页面在ie8下面显示没有问题，通过仔细的查找，最后发现原来是在 head 标签里少了一段代码：，这段代码是什么意思呢？首先要说明的是 X-UA-Compatible 这个属性值在ie6、ie7下面不认识。其次是让浏览器以ie7的方式进行渲染，使网页正常显示。当然 X-UA-Compatible 中还有其他方法，如：，两者
2012-08-27 12:11:13
648
原创 重新整理 CSS HACK 解决浏览器兼容
以前的一篇博文 ie6、ie7、ie8、Firefox兼容性问题 写的比较混乱，可能有的童鞋看不明白，所以今天有空我就重新整理了一份 CSS HACK 的写法。 css hack .demo{width:100px;height:100px;border:5px solid orange;} .demo1{ background:black; /* for all
2012-08-24 16:59:10
401
原创 重设浏览器默认样式base.css
@charset "utf-8";/* @名称: base @功能: 重设浏览器默认样式*//* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */html { color:black; background:white;}/* 内外边距通常让各个浏览器样式的表现位置不同 */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5
2012-08-24 09:34:49
581
原创 重新认识parseInt函数
前段时间做了一个简易的计算器，其中有用到利用parseInt函数，将字符串转换成数字。由于以前并没有系统的学习过parseInt这个函数，所以在制作的过程中遇到了一些问题。打开电脑自带的计算器可以发现，有个默认的数字0，当点击下面的数字会相应的改变，因为输入框中显示的数字的类型是字符串，所以在进行运算符运算的时候需要转成数字，于是就用到了parseInt函数，同时问题也就出现了。点击0-7数字
2012-08-23 12:26:47
685
原创 浏览器的各种bug（一）
对于页面工程师来说，最令人头痛的浏览器是哪个？我相信有99%的人会选择IE6，没错就是IE6。下面我就来介绍一些我遇到过的IE6BUG以及解决方法，当然也包括其他浏览器。1、IE6双边距bug当元素浮动并且同时有外边距时，在IE6下会产生双倍距离。（.content{float:left;margin-left:10px;}其他浏览器下左边距是10px，IE6下左边距是20px）解决方
2012-08-01 10:44:21
731
原创 复制剪贴板功能
复制剪贴板功能html代码如下： ZeroClipboard（复制功能） 卡号： 点击复制卡号js代码如下：function init() { var clip = new ZeroClipboard.Client(); clip.setHandCursor( true ); clip.setText($('#cardid').val());
2012-07-27 16:18:02
1625
原创 blockUI弹出层
blockUI弹出层html代码如下： blockUI（弹出层） #demo { width:100px; height:24px; text-align:center; } #displayBox{ display:none; } 点击弹出 这里是弹出层显示的内容！！！点击关闭 js代码如下：$('#demo').
2012-07-26 11:48:02
923
原创 图片左右滚动（可自动，有左右按钮）
图片左右滚动（可自动，有左右按钮）html代码如下： 图片滚动 *{margin:0;padding:0;} ul{list-style:none;} img{border:0;} .scroll{width:358px;height:63px;} .scroll_left{width:23px;height:63px;background:url(images
2012-07-25 16:09:08
12014
原创 文字或图片上下滚动
html代码如下： 文字或图片上下滚动 ul{height:210px;overflow:hidden;} li{line-height:20px;} 1111111111 2222222222 3333333333 4444444444 5555555555 6666666666 7777777777 8888888888 9
2012-07-24 14:04:03
2254
原创 EDM邮件制作指南
专业的EDM邮件发送，是有严格的制作要求的，本指南从格式编码、文字、图片及链接四个方面给出指引，请逐条按照本指南制作您的EDM邮件模板。格式编码：1、页面宽度请设定在600到800px以内，长度1024px以内。2、HTML编码请使用utf-8。3、HTML代码在15KB以内。（各个邮箱的收件标准不一样，如果超出15KB您的邮件很有可能会进入垃圾箱）4、请使用table表格来布
2012-07-16 14:59:45
2326
原创 页面制作规范文档
1. 文件命名规范1) 文件目录、文件名称统一用小写的英文字母、数字、下划线组合，文件名要与表现的内容相近，不到万不得已不要以拼音作为名称，如 登录页面：login.html（不要用 denglu.html）。2) 目录结构规范：清晰的站点目录结构方便文件的维护和整理，同时对增加搜索引擎的友好度和移植也有着重要的影响。2. 图片制作规范1) 如果图片作为内容放在html
2012-03-26 15:14:02
845
原创 前端攻城师所要掌握的知识和技能
一名前端攻城师所要掌握的知识和技能，直接附上图片看完之后发现我要学习的东西还有很多很多。PS：博客搬家了，以后不再 CSDN 更新了，见谅。最新博客地址：http://www.cnblogs.com/yjzhu/
2012-03-26 11:55:47
688
原创 如何让javascript支持getElementsByClassName
我们知道，在javascript中有几种DOM方法可以获取元素的节点，常用的有getElementById，getElementsByName，getElementsByTagName。但是我们在写页面时，用的最多的还是class，而javascript中缺没有getElementsByClassName方法，很让人纠结（在html5中已经可以使用该方法）。下面我们就通过已有的DOM方法来写个
2012-03-26 11:34:04
2226
2
原创 IE6、 IE7、IE8、Firefox兼容性问题
1.区别IE和非IE浏览器#tip {background: blue; /*非IE背景藍色*/background: red /9; /*IE6、 IE7、IE8背景紅*别IE6,IE7,IE8,FF 2.【区别符号】：「/9」、「*」、「_」【示例】：#tip {background: blue; /*Firefox背景变蓝色*/background:
2011-02-16 14:29:00
638
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人