-
图片延迟加载处理的实现
所属栏目:[创业] 日期:2018-10-06 热度:77
页面中图片过多能够让图片延迟加载会大大提高页面的加载速度,提高用户可用性。 1、有的页面是页面过长或过宽,可以考虑只加载显示区域附近的图片。 2、图片所在窗口不显示,比如Tab内容切换,内容轮播等也要考虑把没有显示的图片延迟加载 第一种情况推荐[详细]
-
input标签与图片按钮水平对齐的解决方法
所属栏目:[创业] 日期:2018-10-06 热度:159
在日常的网页制作当中,我们可能会遇到input标签与图片在同一行的情况,这时候你会发现,无论你的css怎么写都会出现input文本框与图片链接无法在同一水平线上。昨日,烈火小编的朋友就来咨询,说他也遇到了这个问题,并且使用margin、padding等Css语法,都[详细]
-
IE6 下的神奇 CSS 字体 bug
所属栏目:[创业] 日期:2018-10-06 热度:95
一直用的 Aptana 当编辑器,这玩意儿有一个很强大的代码格式化功能。你看: 不过格式化后就出问题了,注意格式化后 font 属性的写法。问题出在 font 属性的合并写法,12px 和 1.5 之间除斜杠之外的空格,IE6 下会导致后面设置的 arial 字体不生效。也就是[详细]
-
需要掌握的30个最常用css选择器解析
所属栏目:[创业] 日期:2018-10-06 热度:82
你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题。掌握了它们,才能真正领略css的巨大灵活性。 1. 星状选择符会在页面上的每一个元素[详细]
-
CSS 忍者:安全的 CSS hacks 秘籍
所属栏目:[创业] 日期:2018-10-06 热度:123
你如何搞定 IE 这只难以驯服的怪兽?使用 CSS Hacks 或者条件注释么?恐怕没有什么解决方案是完美的。每个设计师或者前端码农都会有自己打败 IE 行之有效的方法。所有这些技术都各有利弊,让我们一起来看看。 通过条件判断引入样式表 使我们能很容易在 IE[详细]
-
使用html5 postMessage和window.name实现多浏览器跨域
所属栏目:[创业] 日期:2018-10-06 热度:174
跨域是个很古老的问题,因为浏览器的同源策略,导致不同域名下不能进行跨域名请求数据,虽然这样设计安全了很多,但是对于大型的网站同时维护多个域名就需要进行跨域操作。例如:微博开放平台的jssdk实现的跨域请求数据,再例如weibo.com和sina.com的同步[详细]
-
javascript笔记--String类replace函数的一些事
所属栏目:[创业] 日期:2018-10-06 热度:61
副标题#e# 加固javascript基础知识目的是为以后研究 jQuery 源码做好铺垫。 我最近查阅javascript资料,发现了一个函数: function format(s){var args = arguments;var pattern = new RegExp(%([1- + arguments.length + ]),g);return String(s).replace(p[详细]
-
五段实用的js淫荡技巧
所属栏目:[创业] 日期:2018-10-06 热度:57
技巧一之setTimeout. 应用案例:比如你想一个函数循环执行10次,怎么办?以前通常是先setInterval,然后clearInterval,技巧一就是克服这个问题 (function () { var i = 0; function job() { console.log(i++); if (i 10) { setTimeout(job, 1000); } } job();[详细]
-
JavaScript模拟3D场景、三维空间的几个效果
所属栏目:[创业] 日期:2018-10-06 热度:54
副标题#e# 这几个demo上星期 平安 夜做的,感觉效果不错,就放在出来,分享给大家。 要在二维空间模拟出三维的效果,就需要把三维的坐标转换成二维坐标。一个最基本依据是:东西越远,看到大小就越小,坐标越往消失点靠拢。 透视公式: scale = fl / (fl +[详细]
-
JS创建自定义对象的几种常见方式与比较
所属栏目:[创业] 日期:2018-10-06 热度:64
初学 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表单验证插件
所属栏目:[创业] 日期:2018-10-06 热度:164
创建你自己的 Java Script表单验证插件,可能是一个繁琐的过程,涉及规划,开发和测试。如果没有Javascript必备的知识,可以导致挫折和浪费时间。在这篇文章中,我发现了10个已经取得的JavaScript验证插件,可以节省您的时间!他们很容易申请和设计工作,[详细]
-
Javascript之keyCode键盘键码值表大全查询
所属栏目:[创业] 日期:2018-10-06 热度:140
今天恰巧在学习一篇关于使用空格键打开网页侧边菜单的例子,查了一下烈火网的历史文章,竟然没有键盘键码值表的文章,现在转载一下,方便大家查询。 小提示:ctrl+f可以快速查找。 keycode 0 = keycode 1 = keycode 2 = keycode 3 = keycode 4 = keycode 5[详细]
-
莫名其妙的 JavaScript 字符串换行
所属栏目:[创业] 日期:2018-10-06 热度:58
今儿个看蓝色理想的帖子,说到一个字符串换行的问题。通常如果在代码中存储 HTML 代码片段,会使用加号连接字符串的做法。 当然这样做会稍微麻烦点,于是有了以下这个生僻的方法: var foo = 'xxx xxx'; alert(foo)结果弹的是: xxxxxx再来加几个空格缩进[详细]
-
JavaScript计算iframe高度
所属栏目:[创业] 日期:2018-10-06 热度:173
Java Script 计算iframe高度,方便做到高度自适应: Math.min(iframe.contentWindow.window.document.documentElement.scrollHeight, iframe.contentWindow.window.document.body.scrollHeight);[详细]
-
GoogleMap地图图片请求数据限制解决办法
所属栏目:[创业] 日期:2018-10-06 热度:105
最近GoogleMap对于通过API访问的地图服务的请求不再是完全免费,用户每日每个API最多可以生成25000个地图下载任务,对于地图图片则限制在2500张。这会对很多使用Google Map API开发的应用程序有很大的影响,特别是在国内。也到不少朋友的寻问,完全突破的[详细]
-
一招破解混淆后的JavaScript代码
所属栏目:[创业] 日期:2018-10-06 热度:163
Java Script不是很给力,想怎么破解就怎么破解!此文章教你的不仅仅是破解方案,还有源码保护意识! 一、原理: JavaScript是解释性语言,没有悬念,它严重依赖游览器。 不管JavaScript如何混淆,最终浏览器都会知道最真实的代码。 有朋友提出质疑,混淆方[详细]
-
javascript中神奇的(+)加操作符
所属栏目:[创业] 日期:2018-10-06 热度:135
javascript是一门神奇的语言,这没神奇的语言中有一个神奇的加操作符。 常用的加操作符我们可以用来做: 加法运算,例如:alert(1+2); ==3 字符串连接,例如:alert(a+b);==ab 高级一点的还有+=,也是做以上两种操作的。 昨天在javascript丛林群里问了问题[详细]
-
CSS3 中box-shadow用法
所属栏目:[创业] 日期:2018-10-06 热度:93
box-shadow:阴影水平偏移值(可取正负值); 阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色; -moz-box-shadow:2px 6px 10px #888888; -webkit-box-shadow:2px 6px 10px #888888; box-shadow:2px 6px 10px #888888; filter: progid:DXImageTransform[详细]
-
纯CSS3立体提示模块的实现,附源码
所属栏目:[创业] 日期:2018-10-06 热度:58
最近一些日子都在看JS方面的书,写小游戏,好久没写CSS了,昨天看了一个纯CSS3进度条的例子,感觉很有创意,尤其是用background-size来repeat渐变斜线这招,妙不可言。今天再浩方打dota的时候刷不进房间,看到它弹出一个提示框,如下: 发现跟进度条有个共[详细]
-
用CSS画三角形,纯CSS绘制三角形的代码
所属栏目:[创业] 日期:2018-10-06 热度:158
1、新建一个元素,随便什么元素,不过我习惯性的会用块元素来做。如果行内元素就display:block它。 div class=triangle/div 2、把它的宽高设置为height:0px; width:0px; 3、设置边框border属性,用来实现三角形。 首先要了解border具体是怎么样的,我写了[详细]
-
CSS教程:scrollbar的属性及样式分类
所属栏目:[创业] 日期:2018-10-06 热度:114
1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条) overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2.scrollbar-3d-light-color立体滚动条亮边的颜[详细]
-
CSS3转换功能transform主要属性值分析及实现
所属栏目:[创业] 日期:2018-10-06 热度:198
css3的到来,让css技术进一步提高了,以前在css2不能实现的功能,现在都可以实现了,例如: 圆角,文字阴影,透明度,渐变,转换,过渡,动画等等。这些功能使用起来很方便。 今天我想介绍一下转换的用法: transform主要包括以下属性值: rotate(旋转度数)[详细]
-
html5给文本框实现email域名自动完成效果
所属栏目:[创业] 日期:2018-10-06 热度:118
产品反馈用户总是输错email的域名,因此服务器得到的email的地址是错误的。比如,有许多用户总将xxx@qq.com输入成xxx@qq.con。 这让后端很烦恼,因为这个email地址是合法的,但是错误也是那么明显的(常识判断,至于qq.con域名是否存在我也不知道)。 为了解[详细]
-
ie8 css hack 颜色使用示例
所属栏目:[创业] 日期:2018-10-03 热度:165
随着win7使用者的不断扩大,开始将ie8纳入开发兼容浏览器范围 9 例:margin:0px auto9;.这里的9可以区别所有IE和FireFox. * IE6、IE7可以识别. IE8 、FireFox不能. _ IE6可以识别_,IE7、IE8、FireFox不能. .color{ background-color: #CC00FF; /*所有浏览[详细]
-
CSS跨浏览器开发原则[图文教程]
所属栏目:[创业] 日期:2018-10-03 热度:141
在互联网设计过程中,可以说没有什么比开发出一个能够在当前所有浏览器下都具有同样吸引眼球效果的设计更让人高兴的事了。遗憾的是,这个目标似乎都被普遍认定为不太可能实现。甚至有些人抛弃了对完美的追求,认为跨浏览器的兼容性并不是必备的。 虽然我也[详细]
