- 浏览: 195410 次
- 性别:
- 来自: 成都
最新评论
-
Coande:
谢谢,这个很强大。
json转树状结构(js) -
prince_of_:
楼主,有一点我想提一下,你所说的三个步骤与new有一点不同使用 ...
理解js中的原型链,prototype与__proto__的关系 -
xuxiaoyinliu:
有帮助,谢谢
理解js中的原型链,prototype与__proto__的关系 -
huangyali2:
excanvas.js没有实现canvas的clearRect ...
IE下使用excanvas.js的注意事项 -
chried:
看了这个总算明白原型链了的
理解js中的原型链,prototype与__proto__的关系
/* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */ html{ color:#000; background:#fff; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* 内外边距通常让各个浏览器样式的表现位置不同 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ margin:0; padding:0;} /* 要注意表单元素并不继承父级 font 的问题 */ body,button,input,select,textarea{ font:12px/1.5 tahoma,arial,\5b8b\4f53;} input,select,textarea{ font-size:100%;} /* 去掉各Table cell 的边距并让其边重合 */ table{ border-collapse:collapse;border-spacing:0;} /* IE bug fixed: th 不继承 text-align*/ th{ text-align:inherit;} /* 对齐是排版最重要的因素, 别让什么都居中 */ caption,th { text-align:left; } /* 去除默认边框 */ fieldset,img{ border:0;} /* ie6 7 8(q) bug 显示为行内表现 */ iframe{ display:block;} /* 去掉列表前的标识, li 会继承 */ ol,ul,li{ list-style:none;} /* 一致的 del 样式 */ del{ text-decoration:line-through; } /* 来自yahoo, 让标题都自定义, 适应多个系统应用 */ h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:500;} q:before,q:after {content:'';} /* 统一上标和下标 */ sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} /* 默认不显示下划线,保持页面简洁 */ ins,a{ text-decoration:none;} /* 清理浮动 */ .clearFloat:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;} .clearFloat{ zoom:1; /* for IE6 IE7 */} /* 设置内联, 减少浮动带来的bug */ .floatLeft, .floatRight{ display:inline;} .floatLeft{ float:left;} .floatRight{ float:right;} /* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;} /* HTML5 媒体文件跟 img 保持一致 */ audio,canvas,video{ display: inline-block;*display: inline;*zoom: 1;} /* 去掉 firefox 下此元素的边框 */ abbr,acronym{ border:0;font-variant:normal;} address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:500;} body{ color:#333;} a{ color:#00A0E9;} a:hover{ color:#FF6600;}
html{ color:#000; background:#fff; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ margin:0; padding:0;} body,button,input,select,textarea{ font:12px/1.5 tahoma,arial,\5b8b\4f53;} input,select,textarea{ font-size:100%;} table{ border-collapse:collapse;border-spacing:0;} th{ text-align:inherit;} caption,th { text-align:left; } fieldset,img{ border:0;} iframe{ display:block;} ol,ul,li{ list-style:none;} del{ text-decoration:line-through; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:500;} q:before,q:after {content:'';} sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} ins,a{ text-decoration:none;} .clearFloat:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;} .clearFloat{ zoom:1;} .floatLeft, .floatRight{ display:inline;} .floatLeft{ float:left;} .floatRight{ float:right;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;} audio,canvas,video{ display:inline-block; *display:inline; *zoom:1;} abbr,acronym{ border:0; font-variant:normal;} address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:500;} body{ color:#333;} a{ color:#00A0E9;} a:hover{ color:#FF6600;}
html{color:#000;background:#fff}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53}input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}th{text-align:inherit}fieldset,img,a img{border:0}iframe{display:block}abbr,acronym{border:0;font-variant:normal}del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}q:before,q:after{content:''}sup{vertical-align:text-top}sub{vertical-align:text-bottom}a:hover{text-decoration:underline}ins,a{text-decoration:none}.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.fn-clear{zoom:1}body.fn-hide{display:none}.fn-left,.fn-right{display:inline}.fn-left{float:left}.fn-right{float:right}
发表评论
-
容易出错的JavaScript题目
2013-07-08 17:56 7751、 function Container( proper ... -
javascript的函数节流
2013-07-08 17:36 965http://www.alloyteam.com/2012/ ... -
上个星期,上个月
2013-06-13 11:38 889<script type="text/jav ... -
new class
2013-06-06 01:29 935function newClass(classObj, sup ... -
JavaScript面对对象编程—继承
2013-05-28 15:33 1403概述: 原型链:一个原型等于另一个实例。不能给构造函数传递 ... -
寄生式组合继承
2013-05-28 11:34 980function inheritPrototype(sub ... -
Functionbind
2013-05-28 11:07 956Function.prototype.bind = func ... -
js 观察者模式
2013-05-07 17:08 1223<!doctype html> <ht ... -
github的常见操作
2013-04-26 10:14 1023复制项目到本地: git clone git@git ... -
网站变灰
2013-04-24 00:43 1037js自己去找 <script src=&qu ... -
关闭闭包的定义
2013-03-27 18:47 887在动态执行环境中,数据实时地发生变化,为了保持这些非持久型变 ... -
SeaJS v1.2 中文注释版
2013-03-12 16:10 4092https://github.com/seajs/seajs ... -
使用requestAnimationFrame更好的实现javascript动画(转)
2013-03-12 10:24 3703详细说明:http://www.cnblogs.com/ru ... -
css阴影
2013-03-03 09:25 1397css代码:<style type="tex ... -
模拟apply和call
2013-03-01 18:56 1185<html> <head> &l ... -
冒泡排序
2013-03-01 18:30 1143function bubbleSort(arr){ v ... -
form导出数据
2013-01-29 18:24 1059$.exportExcel = function (opti ... -
从零开始写jQuery框架
2013-01-07 17:36 810随着时代发展,javascript ... -
AMD和CMD的区别
2013-01-05 16:56 1006https://github.com/seajs/sea ... -
判断单击还是双击
2013-01-04 10:43 1060document.getElementById(&quo ...
相关推荐
常用基本样式,提高css样式的复用性,少写许多复用的样式。
1. **图片转Base64**: 用户上传一个或多个图像文件,工具会生成相应的Base64编码,可以直接复制粘贴到CSS代码中。 2. **Base64转图片**: 提供已编码的Base64字符串,工具可以将其解码并保存为本地图像文件。 3. **...
Markdown笔记前端人员使用的做笔记的软件 插件
可以进行自定义样式,方便查看
2.还原的图片保存到相应的CSS同级目录下的【CssBase64ToImg】文件夹里 命令行使用方法(请使用绝对路径): CssImgBase64 E:\1.png 或 CssImgBase64 "E:\1.png" CssImgBase64 E:\1.css 或 CssImgBase64 "E:\1.css" ...
这个工具可以将一个图片文件转换为Base64字符串,这样可以将其直接防止到CSS中,或者存储倒数据库中,而不需要保存文件在服务器的磁盘上。
标题"base-css:基本CSS-仅用一个文件创建CSS结构"揭示了该项目的核心理念,即用一个单独的CSS文件来定义所有必要的基础样式,这样可以降低维护成本,提高页面加载速度,并且使得代码更加整洁有序。这种方法在小规模...
css文件中的Base64图像。 转换此: .single-quote { background: url('../img/background-pattern.gif'); } 进入 .single-quote { background: url([removed]R0lGODlhBgAGAIAAAObm5vLy8iH/C1hNUCBEYXRhWE1QPD...
在使用nginx部署Vue项目时,有时候会遇到找不到JavaScript和CSS文件的问题。这主要是因为Webpack在构建过程中生成的静态资源引用路径不正确。本文将详细介绍解决这一问题的方法,主要包括vue-cli@3的配置方式和vue-...
2. **HTTP传输**:在HTTP头中发送非文本数据(如图片、CSS或JavaScript文件)时,可以通过Base64编码实现。 3. **配置文件**:在某些配置文件中,如JSON或XML,Base64编码可用于存储二进制数据。 4. **源代码中嵌入...
在互联网上传输图片时,通常会将图片文件(如JPEG、PNG等)转换为Base64字符串,这样它们就可以嵌入到HTML或CSS中,而无需额外的HTTP请求。这在某些情况下可以提高页面加载速度,例如在内联CSS中使用背景图片。 **...
CSS的base.css文件,是前端开发中非常实用的一种模式,它通常包含了一系列基本的CSS重置规则。这些规则的目的是消除不同浏览器对于HTML元素默认样式的一致性问题,提供一个统一的样式基准。这意味着开发人员在进行...
《编写高质量代码—Web前端开发修炼之道》中的base.css文件,手打的,挺实用的,建议大家使用
可以把任意文件通过Base64编码为URL的形式 通常用于CSS链接图片 例如div{backgroud:url data:xxx ;} xxx代表通过该工具编码后的结果 而不需要链接到一个图片地址 这样可以减少http请求
同时,理解文件压缩原理和方法,如Base64编码和CSS minification,有助于减少资源占用,提升网站加载速度。对于JavaScript工具包的使用,开发者需要阅读相关文档,学习如何正确集成和使用这些工具,以满足项目需求。
这种转换在不直接使用图片文件路径或URL,而是将图片数据嵌入到HTML、CSS或JavaScript中时非常有用。下面我们将详细探讨这个主题。 Base64是一种用于将任意二进制数据转换为ASCII字符集的方法,以便可以在电子邮件...
base.css适合文件损坏的人下载
Base64是一种用于将二进制数据编码为ASCII字符串的方法,使得这些数据可以在电子邮件等文本环境中传输,或者嵌入到HTML或CSS中。以下是关于这个主题的详细知识: 1. **Base64编码原理**: Base64编码是通过将每3个...
1. **代码膨胀**:base64编码的图片会使CSS文件增大,如果图片过大,可能导致CSS文件过于臃肿,影响加载速度。 2. **缓存策略**:base64编码的图片无法利用浏览器的缓存策略,可能对缓存友好的网站设计产生影响。 3....