![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端思考
文章平均质量分 51
iteye_16038
这个作者很懒,什么都没留下…
展开
-
超好用的网页浮动广告代码(可在线体验)
超好用的网页浮动广告代码(可在线体验)假定图片区域的id为your_id,代码分为两部分:第一部分是HTML代码,用于显示广告图片链接;第二部分是JS代码,用于控制广告图片运动。 广告图片的HTML代码 <div id='your_id' style='z-index: 100; left: 2px; width: 108px; position: ab...2012-05-23 13:42:57 · 327 阅读 · 0 评论 -
JS正则表达式怎样实现Java中String.replaceAll的效果
在JavaScript中,使用String对象的replace方法时,会发现使用字符串直接量作为被替换对象时,只会替换第一个匹配的字符串,其余的匹配字符串保持不变。比如下面的代码,content中的第一个“营销”会被替换,但第二个不会: var content = "营销管理系统,主要进行营销管理"; var replaced = content.replace("营销"...2013-02-07 08:41:42 · 99 阅读 · 0 评论 -
为什么favicon.ico在360浏览器下不显示?
今天在部署一个网站之后发现favicon.ico在360浏览器地址栏不显示,但是像新浪、搜狐、腾讯之类的都可以显示。检查了一下代码,发 现favicon.ico是放置在网站根目录的images子目录下,然后在index.html的head区设定:<link href="images/favicon.ico" type="image/x-icon" rel="SHORTCUT ICON...2013-02-01 10:11:14 · 246 阅读 · 0 评论 -
使用jQuery插件实现图片延迟加载以及对SEO的影响
最近忙着给自己的博客优化,想把图片的显示改成延迟加载显示,也就是像很多网站那样,当前可视区域的图片加载实现,不可见的区域图片不加载,这 样可以减少网络流量。我找到了Lazy Load 这个用 JavaScript 编写的 jQuery 插件,它可以延迟加载长页面中的图片。在浏览器可视区域外的图片不会被载入,直到用户将页面滚动到它们所在的位置,这与图片预加载的处理方式正好是相反 的。 ...2013-01-31 08:11:00 · 422 阅读 · 0 评论 -
如果div的多个class中display设置不一样,哪个会起作用?绝对出乎你的意料
比如:<div class="hide html_css">some text</div> 其中:.html_css { display:inline-block;}.hide { display:none;} 结果发现,这个元素会显示,一想也有道理,hide在前html_css在后,调换一下顺序应该就可以...2013-01-19 22:12:48 · 319 阅读 · 0 评论 -
JS编程要当心null和"null",尤其是后面那个
在调试一个带下拉列表的表单程序时,发现一个问题,这个表单是用dialog来显示的,当第一次打开dialog时,select不能够显示当前选项,而再次打开时能够正确显示了,而且这个问题能够重复。 select 的选项是用ajax加载的,只加载一遍;表单的数据也是用ajax加载,每次打开dialog时都重新加载。通过在js中增加日志输出,发现第一次打开 dialog时,表单...2013-01-19 22:09:24 · 140 阅读 · 0 评论 -
用CSS实现HTML网页图文混排效果
在编写www.24game.com.cn网页的时候,我想在右侧站点介绍区域实现HTML图文混排功能,效果如下所示: 原来的HTML代码内容(因为模板取自别的网站,有点乱):<div class="profile-datablock"><div class="profile-content"><div class="profil...2013-01-16 10:07:50 · 743 阅读 · 0 评论 -
四步轻松搞定瀑布流布局
瀑布流布局(Waterfall Layout),听到这个名词你不一定知道是什么,但是你看了下面的图片就会明白了。很多网站都用它来展示图片内容,比如淘宝哇哦、新浪轻博客等。 今天我要分享给大家的就是怎么轻松来搞定瀑布流布局。当然,我不会自己从零开始,要学会重复利用别人的东西,不要重新发明轮子。如果要看本文最新版本,请访问:http://www.vktone.com/a...2013-01-14 07:47:13 · 248 阅读 · 0 评论 -
关于label标签与表单控件的显式联系和隐式联系
在html中,<label> 标签为 input 元素定义标签(我称之为输入提示)。 label 元素不会向用户呈现任何特殊效果。它为鼠标用户改进了可用性。如果在 label 元素内点击文本,就会触发此input控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。<label> 标签的 for 属性应当与相关元素的 id 属性相同。...2013-01-12 11:01:05 · 118 阅读 · 0 评论 -
强烈推荐:CSS背景全攻略
背景(background)是css中一个重要的的部分,也是需要知道的css的基础知识之一。下面这篇文章将会涉及css背景(background)的基本用法,包括诸如 background-attachment 等的属性,也会介绍一些有关背景(background)的常用技巧,以及 css3 中的 背景(background)(包含4个新的背景(background)属性)。 http:/...2012-06-25 15:57:34 · 75 阅读 · 0 评论 -
如何给span设置宽度(width)?
在网页中,如何给 span 元素设置宽度?很简单嘛,假定宽度为 100 像素,用 css 设置 width:100px。如果你认为这个答案正确,就请继续往下看;否则,你可能已经知道了答案。 现在,你可以尝试一下,你会发现这个宽度设置根本就不起作用。为什么呢?因为 width 只对块状元素起作用,而 span 默认为行内元素。如何让 width 设置有效呢,那就把它变成块状元素,设置 dis...2012-06-17 22:45:05 · 324 阅读 · 0 评论 -
改正了www.vktone.com博客系统中存在的跨站脚本攻击漏洞
XSS又叫CSS (Cross Site Script) ,跨站脚本攻击。它指的是恶意攻击者往Web页面里插入恶意html代码,当用户浏览该页之时,嵌入其中Web里面的html代码会被执行,从而达到恶意用户的特殊目的。 没想到我的博客评论系统中存在XSS漏洞,现在已经修正。 有位聪明的网友发现在发表评论“名称”中填写脚本可以被执行,比如他填写了 <script>a...2012-12-17 11:59:22 · 112 阅读 · 0 评论 -
HTTP协议中与浏览器缓存有关的部分
本文来自:http://www.vktone.com/articles/http_browser_cache.html (原文可能会更新,请感兴趣的朋友直接访问)1. 缓存协商1.1)Last-Modified响应头 和 If-Modified-Since请求头首次访问一个页面时,Web服务器可能会生成Last-Modified响应头,表示文件的最后修改时间。请求头信...2012-11-21 07:01:34 · 161 阅读 · 0 评论 -
为什么Google图片搜索结果在火狐下只能显示第一页,惊天秘密
最近碰到一个很郁闷的事情,就是在Google下搜索图片的时候,只显示第一页结果,后面的图片全被蒙住了。 开始我想当然的以为在所有浏览器都是这样。今天试了一下别的浏览器,发现就火狐是这样的,其他的如IE/Chrom/Safari/Opera都能正常显示第二页、第三页等的内容。在网上搜索了一下,发现有人给出了解决方法,就是在 %systemroot%\system32\driv...2012-06-15 10:58:15 · 571 阅读 · 0 评论 -
Base64编码的img,慎用
Base64编码的img介绍在程序中用到了 xheditor 这个超文本编辑器,它在 FF/Chrome 下支持粘贴(Ctrl+V)剪贴板上的图片,但在 IE/Opera/Safari 下不行。 粘贴的图片,与我们平常的不一样,如下所示: <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAI...2012-06-12 15:33:55 · 1931 阅读 · 0 评论 -
JavaScript正则表达式:匹配位置
在JavaScript正则表达式中,匹配开头、结尾、单词开始、单词结尾等有特殊的表示方法,列举如下:匹配位置语法描述n$匹配任何结尾为 n 的字符串。^n匹配任何开头为 n 的字符串。?=n匹配任何其后紧接指定字符串 n 的字符串。?!n匹配任何其后没有紧接指定字符串 n 的字符串。\b查找位于单词的开头或结尾的匹配。...2013-02-08 08:57:16 · 277 阅读 · 1 评论