-
CSS Hacks for IE,IE 也可以很完美
所属栏目:[创业] 日期:2018-10-07 热度:172
掌握 CSS Hacks 可以说是前端开发工程师的一个基本技能。随着浏览器版本的遍地开花,我们寻找着尽可能使各种浏览器表现一致的 CSS 写法。当然 CSS Hacks 是最为流行的解决方案。但对于 IE 而言,目前已经有 IE6/IE7/ IE8 三个主要版本,不久的将来还会有 IE[详细]
-
CSS 忍者:安全的 CSS hacks 秘籍
所属栏目:[创业] 日期:2018-10-07 热度:109
你如何搞定 IE 这只难以驯服的怪兽?使用 CSS Hacks 或者条件注释么?恐怕没有什么解决方案是完美的。每个设计师或者前端码农都会有自己打败 IE 行之有效的方法。所有这些技术都各有利弊,让我们一起来看看。 通过条件判断引入样式表 使我们能很容易在 IE[详细]
-
需要掌握的30个最常用css选择器解析
所属栏目:[创业] 日期:2018-10-07 热度:68
你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题。掌握了它们,才能真正领略css的巨大灵活性。 1. 星状选择符会在页面上的每一个元素[详细]
-
IE6 下的神奇 CSS 字体 bug
所属栏目:[创业] 日期:2018-10-07 热度:118
一直用的 Aptana 当编辑器,这玩意儿有一个很强大的代码格式化功能。你看: 不过格式化后就出问题了,注意格式化后 font 属性的写法。问题出在 font 属性的合并写法,12px 和 1.5 之间除斜杠之外的空格,IE6 下会导致后面设置的 arial 字体不生效。也就是[详细]
-
input标签与图片按钮水平对齐的解决方法
所属栏目:[创业] 日期:2018-10-07 热度:193
在日常的网页制作当中,我们可能会遇到input标签与图片在同一行的情况,这时候你会发现,无论你的css怎么写都会出现input文本框与图片链接无法在同一水平线上。昨日,烈火小编的朋友就来咨询,说他也遇到了这个问题,并且使用margin、padding等Css语法,都[详细]
-
图片延迟加载处理的实现
所属栏目:[创业] 日期:2018-10-07 热度:102
页面中图片过多能够让图片延迟加载会大大提高页面的加载速度,提高用户可用性。 1、有的页面是页面过长或过宽,可以考虑只加载显示区域附近的图片。 2、图片所在窗口不显示,比如Tab内容切换,内容轮播等也要考虑把没有显示的图片延迟加载 第一种情况推荐[详细]
-
表单中的隐藏域重置
所属栏目:[创业] 日期:2018-10-07 热度:136
在 DOM 中,表单重置非常简单,使用 input type=reset 或者 button type=reset 即可。原生 DOM 也提供了 reset() 方法用于表单重置。 但是在 Firefox / Chrome 浏览器中,如果字段是隐藏域(type=hidden)的话,使用 reset 是无法将字段值还原为初始值的。[详细]
-
如何使用 CSS3 伪类
所属栏目:[创业] 日期:2018-10-07 热度:116
CSS3 是个好东西,但也很容易被她的变形(transform)和动画(其中许多特性因浏览器厂商而异)特性所迷惑,因而忘了那些已经被添加到标准规范中的最为基本的选择器。许多强大的新伪类选择器(最新的 W3C 规范中列出了 16 条)使得我们能够在新的标准范围内[详细]
-
关于CSS Selector的优先级
所属栏目:[创业] 日期:2018-10-07 热度:99
今天在google reader上看到一篇博文,然后在问了组里的几位同事之后才发现自己曾经一直对css selector的理解存在着误区。据说老外的文章中很早就提到了关于css selector是优先级算法,只是到了国内被部分人员翻译之后,误解了其中的含义,导致现在很多人以[详细]
-
CSS自定义滚动条样式
所属栏目:[创业] 日期:2018-10-07 热度:59
相信很多人都遇到过在设计中自定义滚动条样式的情景,之前我都是努力说服设计师接受浏览器自带的滚动条样式,但是这样只能规避还是解决不了问题,最近在项目中遇到了,正好来总结一下。当然,兼容所有浏览器的滚动条样式目前是不存在的。 IE下的滚动条样式[详细]
-
关于 addEventListener 和 handleEvent 方法
所属栏目:[创业] 日期:2018-10-05 热度:86
使用 addEventListener 可以绑定事件,并传入回调函数。 Mozilla 0.9.1 和 Netscape 6.1 之后的版本不但支持传递函数引用,也都允许直接把拥有 handleEvent 方法的对象作为 addEventListener 方法的第二参数。 这在 DOM Level 2 的接口定义中也已经做了说[详细]
-
“已完成,但网页上有错误”的绝对解决方法
所属栏目:[创业] 日期:2018-10-05 热度:121
有时候我们制作的网页会提示:已完成,但网页上有错误的问题,这就是JS脚本问题了,对于一些菜鸟和新手站长来说,解决这些问题简直是天文,因为我们的JS都是四处抄来的,那么如何杜绝这一问题呢?现在来分享一个封杀JS脚本错误的代码。 Copy to Clipboard[详细]
-
万能表单验证插件:Validator.js实例详解
所属栏目:[创业] 日期:2018-10-05 热度:106
副标题#e# 表单的验证一直是网页设计者头痛的问题,表单验证类 Validator就是为解决这个问题而写的,旨在使设计者从纷繁复杂的表单验证中解放出来,把精力集中于网页的设计和功能上的改进上。 Validator是基于 Java Script技术的伪静态类和对象的自定义属性[详细]
-
一道 JavaScript 填空题
所属栏目:[创业] 日期:2018-10-05 热度:187
填空,使后面的 alert(0) 能正确弹出,至少列举两种不同思路。 window.alert = function () {};______;alert(0); 解: 方法一: window.alert = function () {};delete window.alert;alert(0); delete 操作符从入门到精通:https://developer.mozilla.org/[详细]
-
Javascript继承汇总
所属栏目:[创业] 日期:2018-10-05 热度:142
本文是我在看完《 Java script 王者归来》后的整理总结,文章详细章节在 第21章 P537 继承一般要实现以下三层含义: 1)子类实例可以共享父类的方法; 2)子类可以覆盖父类的方法或者扩展新的方法; 3)子类和父类都是子类实例的类型。 一、构造继承法 子类[详细]
-
莫名其妙的 JavaScript 字符串换行
所属栏目:[创业] 日期:2018-10-05 热度:154
今儿个看蓝色理想的帖子,说到一个字符串换行的问题。通常如果在代码中存储 HTML 代码片段,会使用加号连接字符串的做法。 当然这样做会稍微麻烦点,于是有了以下这个生僻的方法: var foo = 'xxx xxx'; alert(foo)结果弹的是: xxxxxx再来加几个空格缩进[详细]
-
Javascript之keyCode键盘键码值表大全查询
所属栏目:[创业] 日期:2018-10-05 热度:152
今天恰巧在学习一篇关于使用空格键打开网页侧边菜单的例子,查了一下烈火网的历史文章,竟然没有键盘键码值表的文章,现在转载一下,方便大家查询。 小提示:ctrl+f可以快速查找。 keycode 0 = keycode 1 = keycode 2 = keycode 3 = keycode 4 = keycode 5[详细]
-
强大的JavaScript表单验证插件
所属栏目:[创业] 日期:2018-10-05 热度:98
创建你自己的 Java Script表单验证插件,可能是一个繁琐的过程,涉及规划,开发和测试。如果没有Javascript必备的知识,可以导致挫折和浪费时间。在这篇文章中,我发现了10个已经取得的JavaScript验证插件,可以节省您的时间!他们很容易申请和设计工作,[详细]
-
JS创建自定义对象的几种常见方式与比较
所属栏目:[创业] 日期:2018-10-05 热度:86
初学 Java Script,正在读 Nicholas C. Zakas 的《JavaScript高级程序设计》,看到了创建对象,简单的对书中内容做了一下总结! Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www[详细]
-
JavaScript模拟3D场景、三维空间的几个效果
所属栏目:[创业] 日期:2018-10-05 热度:114
副标题#e# 这几个demo上星期 平安 夜做的,感觉效果不错,就放在出来,分享给大家。 要在二维空间模拟出三维的效果,就需要把三维的坐标转换成二维坐标。一个最基本依据是:东西越远,看到大小就越小,坐标越往消失点靠拢。 透视公式: scale = fl / (fl +[详细]
-
HTML5网页让所有浏览器都能识别HTML5标签样式
所属栏目:[创业] 日期:2018-10-05 热度:109
如今HTML5愈来愈引发大家的关注了,但目前支持HTML5的浏览器还不是主流,特别是国内用户近50%以上仍旧使用IE6,由于支持HTML5的 IE9 不支持Xp系统安装,这样未来很长一段时间,HTML5的开发者将必须考虑向下兼容的问题。HTML5的标签或CSS选择器兼容性的做法[详细]
-
关于HTML条件注释你可能不知道的一些事儿
所属栏目:[创业] 日期:2018-10-05 热度:175
最近经常看到类似这样的HTML代码片段,很多前端开发人员应该都熟悉: 1 !--[if lt IE 7] html class=ie6 ![endif]--2 !--[if IE 7] html class=ie7 ![endif]--3 !--[if IE 8] html class=ie8 ![endif]--4 !--[if gt IE 8]!-- html !--![endif]-- 这段代码[详细]
-
html5给文本框实现email域名自动完成效果
所属栏目:[创业] 日期:2018-10-05 热度:174
产品反馈用户总是输错email的域名,因此服务器得到的email的地址是错误的。比如,有许多用户总将xxx@qq.com输入成xxx@qq.con。 这让后端很烦恼,因为这个email地址是合法的,但是错误也是那么明显的(常识判断,至于qq.con域名是否存在我也不知道)。 为了解[详细]
-
CSS3转换功能transform主要属性值分析及实现
所属栏目:[创业] 日期:2018-10-05 热度:133
css3的到来,让css技术进一步提高了,以前在css2不能实现的功能,现在都可以实现了,例如: 圆角,文字阴影,透明度,渐变,转换,过渡,动画等等。这些功能使用起来很方便。 今天我想介绍一下转换的用法: transform主要包括以下属性值: rotate(旋转度数)[详细]
-
CSS教程:scrollbar的属性及样式分类
所属栏目:[创业] 日期:2018-10-05 热度:130
1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条) overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2.scrollbar-3d-light-color立体滚动条亮边的颜[详细]

浙公网安备 33038102330481号