- 博客(35)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 2018年，重新出发！
现在人变懒了，很久都没有过来写文章了，现在就喜欢在有道云里面随便写写了，反正也没有打算分享出来，就随便记录一下，结果过三四年之后自己都看不懂自己写的东西了...
2018-02-24 15:17:16
309
原创 css优先权问题
<br />CSS执行顺序与优先权的问题其实就是一个冲突解决的问题，当同一个元素(或内容)被CSS选择符选中时，就要按照优先权取舍不同的CSS规则，这其中涉及到的问题其实很多。<br /> 首先就是CSS规则的specificity(特殊性)，CSS2.1有一套关于specificity的计算方式，用一个四位的数字串(CSS2是三位)来表示，最终specificity越高的规则越特殊，在优先级判定时也就越有优势。关于specificity的具体计算在各种情况下的数字加成有如下一般规则：<br /> 每个
2011-05-26 22:47:00
396
原创 HTML 5之表单新功能解析
<br /><br />时光车轮滚滚碾来,前端之路永无止歇.对于这个前端这门精一多专的技术,任何一次技术革新,我们都必须第一时间去了解它学习它,比如Web世界里这簇美艳的花朵---HTML 5.虽然HTML 5发布之初,许多人(包括我)都觉得普及它还很遥远,但自发布以来,许多企业级网站对它的尝试应用(比如<!doctype html>应用,比如canvas的应用),使HTML 5的迈出了一大步,随之而来IE9的发布,无疑又让我们看到了HTML 5离我们不再遥远.<br />学习HTML 5半年有余了,虽然对
2011-05-23 21:12:00
496
原创 传微软Windows Phone 7将更新支持HTML 5
<br /><br />12月20日消息，据国外媒体报道，微软高层在明年1月份的消费电子展(CES)中，将讨论Windows平板电脑和Windows Phone 7。不过据可靠消息，WP7平台的主要更新可能要到2011年8或9月才推出。<br /> <br /> 据传，Windows Phone 7将在明年1-2月发布微幅更新，而代号Mango的主要更新版本可能比预定2012推出的Windows Phone 8(代号Apollo)抢先推出。在Mango版本中的更新会比即将于1-2月发布的更新更完整，微软有
2011-05-23 21:03:00
327
原创 强大的html5的canvas标签
<br /><canvas id="c"></canvas><br /><script><br />f=Math;d=document;_=d.body;_.style.background="#000";e=_.children[0];e.width=w=innerWidth-10;e.height=h=innerHeight-25;g=e.getContext("2d");t=w/h;with(g){globalCompositeOperation="lighter";scale(w/2/t,h/2);
2011-05-20 00:04:00
434
原创 HTML5的安全挑战
<br />应用程序安全专家表示，HTML5给开发人员带来了新的安全挑战。<br /> 苹果公司与Adobe公司之间的口水战带来对HTML 5命运的诸多猜测，尽管HTML 5的实现还有很长的路要走，但可以肯定的一点是，运用HTML 5的开发人员将需要为应用程序安全开发生命周期部署新的安全功能以应对HTML5带来的安全挑战。<br /> 那么HTML5将会对我们需要覆盖的攻击面带来怎样的影响？本文将探讨关于HTML 5几个重要安全问题。<br />客户端存储<br /> 早期版本的HTML仅允许网站将c
2011-05-18 21:15:00
300
原创 遨游logo
实现方法：先画一个外框 width: 240px; height: 240px;border-radius: 120px;填充背景色background:#b1e4ff;描边border:2px solid #789cb6;加阴影box-shadow: 5px 5px 7px #999;给该死的firefox3私有属性-moz-border-radius: 120px; 再画一个小圈，width: 230px; height: 230px;border-radius: 115px;定位，position
2011-05-18 21:14:00
415
原创 HTML5设计原理
<br />今天我想跟大家谈一谈HTML5的设计。主要分两个方面：一方面，当然了，就是HTML5。我可以站在这儿只讲HTML5，但我并不打算这样做，因为如果你想了解HTML5的话，你可以Google，可以看书，甚至可以看规范。<br />实际上，确实有人会谈到规范的内容。史蒂夫·福克纳（Steve Faulkner）会讲HTML5与可访问性。而保罗·艾里什（Paul Irish）则会讲HTML5提供的各种API。因此，我今天站在这里，不会光讲一讲HTML5就算完事了。<br />说老实话，在正式开始之前，我
2011-05-17 01:39:00
321
原创 样式命名规则
<br />相信大家对样式命名都多少感到困难，特别是想起一个有意义的名，更难。回顾了一下之前写的《 样式命名规则 》（不知道大家使用后有什么感想）结合这段时间使用上发现的一些问题，重新整理了样式的命名规则，希望能更实用些。<br />要避免当状态改变时名称失去意义，最常见的就是用于布局的类名，如“left”、“right”，当左边栏不再是左边栏的时候，“left”这个名就没有实际意义了（可以看下《 CSS代码命名惯例语义化的方法 》中的“CSS类命名的语义化VS结构化方式”部分）。这与我们所推荐的“命名要有
2011-05-12 23:24:00
610
原创 HTML 5的新标记
<br />◆<article> 标记 定义一篇文章 <br />◆<aside> 标记 定义页面内容部分的侧边栏 <br />◆<audio> 标记 定义音频内容 <br />◆<canvas> 标记 定义图片 <br />◆<command> 标记 定义一个命令按钮 <br />◆<datalist> 标记 定义一个下拉列表 <br />◆<details> 标记 定义一个元素的详细内容 <br />◆<dialog> 标记 定义一个对话框(会话框) <br />◆<embed> 标记 定义外部的可交互
2011-05-11 14:50:00
387
原创 JQ滚动插件
JQ-Slide插件参数说明表<br />参数名参数值(默认值可以省略) effectscroolY（默认）：垂直滚动 scroolX：水平滚动scroolTxt：文本垂直滚动fade：淡出scroolLoop：水平左右点击滚动autoPlaytrue（默认）： or false speed动画速度时间，默认”normal”，可以使用毫秒或者JQ中的fast，slow，normal timer滚动间隔时间，默认”1000，可以使用毫秒或者JQ中的fast，slow，normal claNavJQ-slide
2011-05-10 02:20:00
1490
转载 本·拉登、奥巴马和布什不得不说的故事
<br />本拉登坐在德州的小农场里，轻叹了一口气。你为什么，为什么这样做。小布什起身，切开雪茄，亲爱的你不知道。只有我不再处于风口浪尖，只有你死，我们才能在一起。奥巴马瘫坐在白宫的一张写字椅上，阿布，这是我能为你做的最后一件事了。我只能，看着你幸福。 <br /><br />“你竟然杀了他！”布什见到奥巴进办公室立即上前揪住他的领口。“阿布，你冷静点，你知道的，我不能留他。”奥巴马说罢就将布什拥入怀中。布什蹙眉，双手紧紧攒住他的衣角，嘴边勾起一抹残忍且无奈的笑，“没事，我还得谢谢你杀了他，这样他连死都逃不
2011-05-09 01:05:00
1328
原创 构建高性能网站，针对前台工程师--总结篇
<br />首先从一次完整的的请求说起：（以此为例get,www,baidu.com）<br />1，webbrower 发出request，<br />2，然后解析www.baidu.com为ip,找到ip的服务器，<br />3，服务器处理请求资源并返回请求的内容，<br />4，browser接受请求内容过程，（返回内容是按顺序读取的）<br />4.1遇到外联css，就会并发去读取css内容（），<br />4.2遇到图片时，回去并发读取图片，目前浏览器的并发数为2，<br />4.3遇到js时则会
2011-05-06 16:43:00
339
原创 核心只要两行即可实现添加或移除className
<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=ut
2011-05-06 16:40:00
396
原创 js去前后空格
<br />var str = "abcd "; <br />str.trim(); <br />报语法错误 <br />解决方法如下： <br />str = str.replace(/^/s+|/s+$/g,"");
2011-05-06 16:35:00
286
原创 50个CSS编辑工具
网格和布局<br />The 1KB CSS Grid<br />新颖的 CSS 网格工具，可用于简化内容管理系统的页面模板，轻巧易用。<br />Variable Grid System<br />基于 960px 的常规CSS网页布局工具，用于快速生成基本的 CSS 网格。<br />Grid Designer 2<br />可控性强，选项丰富的网格系统，支持 CSS 在线即时输出。<br />Design By Grid PNG Grid Generator<br />生成用于CSS网格的 PNG 图
2011-05-05 23:29:00
1027
原创 学习jquery应该了解的几篇文章
1. 使用jQuery简化Ajax开发简介： jQuery 是一个JavaScript 库，它有助于简化 JavaScript™ 以及 Asynchronous JavaScript + XML (Ajax) 编程。与类似的 JavaScript 库不同，jQuery 具有独特的基本原理，可以简洁地表示常见的复杂代码。学习 jQuery 基本原理，探索其特性和功能，执行一些常见的 Ajax 任务并掌握如何使用插件扩展 jQuery。2. jQuery性能指标和调优简介： jQuery 无疑是一个出色的 Ja
2011-05-05 10:06:00
333
原创 学习jquery应该了解的几篇文章
<br />1. 使用jQuery简化Ajax开发<br />简介： jQuery 是一个JavaScript 库，它有助于简化 JavaScript™ 以及 Asynchronous JavaScript + XML (Ajax) 编程。与类似的 JavaScript 库不同，jQuery 具有独特的基本原理，可以简洁地表示常见的复杂代码。学习 jQuery 基本原理，探索其特性和功能，执行一些常见的 Ajax 任务并掌握如何使用插件扩展 jQuery。<br /><br /><br />2. jQuer
2011-05-05 10:06:00
242
原创 2011年值得注意的5个设计趋势
<br />在过去的12个月里，我们已经看到Web设计领域发生了许多变化。 包括智能手机和平板电脑(如iPad)这些移动设备的日渐普及已经改变了用户对内容的访问和交互方式。还有，像HTML5、web字体和CSS这些新标准的正式通过意味着越来越多的用户可以使用网络上最新最强大的功能。<br />小企业往往因为重新设计的成本和必须照顾大众用户而无法跟上最新的Web设计潮流。不过，下面列举的这些关于web设计领域的技术趋势，我们认为小企业有必要注意一下并考虑把它们纳入自己的网站。<br />1. 抛弃Flash<
2011-05-03 00:18:00
275
原创 css总结
1. 使用Reset但并非全局Reset不同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元素的一些默认属性,以达到浏览器的兼容.但需要注意的是,请不要使用全局Reset:*{ margin:0; padding:0; }这不仅仅因为它是缓慢和低效率的方法,而且还会导致一些不必要的元素也重置了外边距和内边距.在此建议参考YUI Reset和Eric Meyer的做法./** 清除内外边距 **/body, h1, h2, h3, h4, h5, h6, hr, p,blockquote, /* s
2011-05-02 10:02:00
342
原创 html中js增加删除行
<br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> 添加删除行 附件数量 </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT="">
2011-05-01 11:37:00
612
原创 HTML5给Web带来9大改变
<br />Adobe和Apple围绕Flash发生的冲突是今年上半年的一个焦点事件，引起了很多人的关注，其中也有不少人因这一事件第一次了解到HTML5的存在。初次了解HTML5的人可能会非常惊讶，HTML5规范早在6年前就开始制定了，然而，时至今日尽管HTML5规范草案已经非常好，但何时真正成为标准却仍然不确定。<br /><br /><br />的确，HTML5规范制定委员会工作进展非常缓慢。因为关于如何改进浏览器和改进Web世界，不管是浏览器供应商还是其他人都有太多的想法，而这些都要汇聚到HTML5规
2011-04-29 21:58:00
681
原创 了解CSS挂马及相应防范方法
<br />随着Web2.0的普及，各种网页特效用得越来越多，这也给黑客一个可乘之机。他们发现，用来制作网页特效的CSS代码，也可以用来挂马。而比较讽刺的是，CSS挂马方式其实是从防范E挂马的CSS代码演变而来。<br />网站挂马的手段最初非常单一，但是随着Web2.0技术以及Blog、Wiki等广泛的应用，挂马也涌现出各种各样的技术，其中CSS挂马方式，可以说是Web2.0时代黑客的最爱。有许多非常著名的网站都被黑客用CSS挂马入侵过。<br />建议大家在点击陌生链接时，要多个心眼，大网站也是可能被挂
2011-04-28 17:00:00
366
原创 仿163邮箱鼠标放上变色的按钮样式
<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=ut
2011-04-22 13:55:00
623
原创 JS+DIV表单实例——鼠标移上背景变色和文字提示
<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br /
2011-04-22 13:53:00
559
原创 DIV CSS兼容
<br />CSS兼容包括以下几点:<br />1、CSS网页版式错位<br />2、CSS网页在不同浏览器显示文字大小、颜色不一致<br />3、CSS网页空白<br />4、DIV+CSS在各浏览器中显示布局样式不同<br />DIV CSS兼容原因：<br />1、未初始化CSS<br />2、charset编码不正确<br />3、标签为结束<br />4、浏览器解释CSS属性不同<br />5、CSS失效，未doctype声明<br />解决网页不兼容方法：<br />1、统一一次用到标签的CSS
2011-04-22 13:48:00
360
原创 JS焦点 myFocus
<br />1、什么是 myFocusmyFocus是一个专注于焦点图/轮换图制作的JS库，它小巧而且是完全独立的JS库，大概是6~7KB左右的大小(min版)，用它可以轻松的制作出网上绝大部分常见的焦点图(甚至包括flash焦点图)，而且制作出的焦点图体积也非常的小(1KB左右)，功能也十分的完备，因为是轻量级，其运行效率也比常见的焦点图要高，最重要的一点是，用myFocus制作出的焦点图使用十分的简单方便，而且每个焦点图的接口/结构都是通用的，这样，只用1~2秒时间就给网站换不同风格的焦点图成为了可能。
2011-04-21 23:53:00
475
原创 跑马灯 文字一行一行地向上滚动
<br /><div align="center" id="demo" style="overflow:hidden;height:200px;width:600px;border:1px solid #000;"><br /> <div id="demo1">DIV+CSS教程,网而布局,web2.0,常用代码,水晶图标,幻灯图片</div><br /> <div id="demo2"></div><br /></div><br /><script language="javascript"
2011-04-21 02:58:00
899
原创 一个非常简单的滚动代码
<br /><marquee scrollamount="1" scrolldelay="30" direction= "up" width="100%" height="120" onmouseover="this.stop()" onmouseout="this.start()"> 向上面滚动-欢迎光临 </marquee>
2011-04-19 23:30:00
761
原创 css3对background的调整与增强
<br />css3对于backgrounds做了一些修改，最明显的一个就是采用设置多背景，不但添加了4个新属性，并且还对目前的属性进行了调整增强。<br />1、多个背景图片<br />在css3里面，你可以再一个标签元素里应用多个背景图片。代码类似与css2.0版本的写法，但引用图片之间需用“，”逗号隔开。第一个图片是定位在元素最上面的背景，后面的背景图片依次在它下面显示，如下：<br />background-image: url(top-image.jpg), url(middle-image.jp
2011-04-18 11:17:00
423
原创 HTML5标记省略 语法规则
HTML5的标记可以省略，在不影响页面布局的情况下，可以节省网页体积大小。减少代码量。某些标记可以省略。省略标记的开始标记并不意味着标记不存在，它是隐含的，但它仍然存在。一个HTML文件总是有一个根标记HTML，即使字符串没有出现在页面标记中的任何地方。HTML标记的开始标记可以省略，如果HTML标记内的第一个标记不是注释。HTML标记的结束标记可以省略如果HTML标记不是随后立即跟随着一条注释。head标记的开始标记可以省略，如果该标记是空的，或者head内的标记首先是一个标记而不是注释。head标记的结
2011-04-16 23:42:00
494
转载 15 个非常值得收藏的HTML5资源
HTML5 越来越引起人们的关注，苹果甚至将 HTML5 视为 Flash 的掘墓人。然而，作为一种尚未成型的技术，HTML5 对很多人来说仍然是陌生的。本文收集了 15 个非常值得收藏的 HTML5 资源，这些资源可以让你同 HTML5 的发展保持一致，并始终处于这门技术的最前沿。 1. WTF is HTML5 这是一个关于 HTML5 Infographics 的站点，包含诸如 HTML5 同 Flash 的对比，HTML5 不同浏览器支持情况，HTML5 最受欢迎的功能等资料。 2. Di
2011-04-14 20:24:00
535
原创 HTML5标记省略 语法规则
HTML5的标记可以省略，在不影响页面布局的情况下，可以节省网页体积大小。减少代码量。某些标记可以省略。省略标记的开始标记并不意味着标记不存在，它是隐含的，但它仍然存在。一个HTML文件总是有一个根标记HTML，即使字符串没有出现在页面标记中的任何地方。HTML标记的开始标记可以省略，如果HTML标记内的第一个标记不是注释。HTML标记的结束标记可以省略如果HTML标记不是随后立
2011-04-14 20:05:00
719
原创 让你心静的七十五条经典修心格言
1、心外无物，闲看庭前花开花落；去留无意，漫随天外云卷云舒。 2、静以修身，俭以养德，非淡泊无以明志，非宁静无以致远。 3、古之立大事者，不惟有超世之才，亦必有坚韧不拔之志。 4、小人以己之过为人之过，每怨天而尤人；君子以人之过为己之过，每反躬而责己。 5、千里之行，始于足下。改变将来，从现在开始。改变现在，就是改变未来。 6、没有烦恼不要惹烦恼，有了则尽量解
2011-04-14 01:01:00
341
原创 CSS Hack整理
<br />IE系列:<br />selector { +property:value; } 在属性名前加上加号"+",这个Hack只有IE系列可以识别. <br />selector { *property:value; } 在属性名前加上星号"*",这个Hack只有IE系列可以识别. <br />selector { _property:value; } 在属性名前加上下划线"_",这个Hack只有IE系列 (除IE7外) 识别. <br />* html selector{ property:valu
2011-04-12 23:02:00
247
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人