Archive for the ‘前端技术’ Category

IE6实现PNG图片和PNG背景透明

星期四, 三月 17th, 2011

具体请看DEMO   请用IE6看

下载DEMO

 

首先将DEMO中的CSS文件夹内的iepngfix.htc、blank.gif两个文件放在你的CSS目录下。

 

然后再CSS中引用属性使其生效,例如:

img,div{ behavior: url(“css/iepngfix.htc”); }

 

这个时候只有IMG和DIV标签才生效,如果要让更多标签生效可以使用“*”,例如:

*{ behavior: url(“css/iepngfix.htc”); }

 

由于 * 是所有的意思,范围较大,不建议使用。

 

特别注意:

如果您想要背景透明时会有一些BUG,此插件不支持背景定位和平铺。

 

具体请看DEMO   请用IE6看

 

下载DEMO

 

QQ检测ip的接口 返回数组

星期二, 三月 15th, 2011

qq检测ip的接口

可以点击看看:http://fw.qq.com/ipaddress

返回数组:var IPData = new Array("*.*.*.*","","北京市","");

直接用script标签引用即可

关于Data URI的资料【也就是图片转成代码插入网页】

星期四, 八月 12th, 2010

将图片转换成代码插入网页中 需要 Data URI 和 MHTML 配合
Data URI 和 MHTML 的解释
http://dancewithnet.com/2009/08/15/data-uri-mhtml/

在线生成base64编码的图片
http://dancewithnet.com/lab/2009/data-uri-mhtml/create.php
实现的案例:代码都在源文件中
http://www.imf7.com/code/Data_URI.html
维基百科对Base64的解释
http://zh.wikipedia.org/zh-cn/Base64

关于多人协作完成前端制作的一点想法

星期四, 七月 29th, 2010

以下是个人对多人协作完成前端制作的一点初浅的想法,仅作记录,日后继续完善。

多人共同完成一个页面的制作。
例如3个人同时开发一个页面:
首先编写一个总页面,引入四个CSS,一个是初始化CSS,剩下三个是三个人的专属CSS。
页面预先给三个人分配好模块,然后include引入三个人的专属页面,此时就可以进行同步开发了。

(更多…)

前端工程师面试题收录

星期四, 四月 29th, 2010

今天在蓝色论坛上看到这个,特转过来给需要的朋友分享:

[HTML && CSS]
1.Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?
2:行内元素有哪些?块级元素有哪些?CSS的盒模型?
3.CSS引入的方式有哪些? link和@import的区别是?
4.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?
5:前端页面有哪三层构成,分别是什么?作用是什么?
6:css的基本语句构成是?
8:你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?怎么会出现?解决方法是什么?
9.如何居中一个浮动元素?
10.有没有关注HTML5和CSS3?如有请简单说一些您对它们的了解情况!
11.你怎么来实现下面这个设计图,主要讲述思路 (效果图省略)
13:如果让你来制作一个访问量很高的大型网站,你会如何来管理所有CSS文件、JS与图片?
14:你对前端界面工程师这个职位是怎么样理解的?它的前景会怎么样?
(更多…)

CSS属性优先级解说

星期四, 四月 29th, 2010

你曾经被CSS的优先级困扰么?为什么执行这条而不执行那条呢,很奇怪是么?
其实了解优先级后一切一目了然。
今天有点时间,就来整理一下CSS属性优先级,希望能对想要了解这个的朋友给予一些帮助。

普通情况下『只有外部CSS样式时』优先级是按照CSS选择符的长度来决定的,长度越长,权重就越高『也就是执行选择符最长的那条语句』

还有一种情况则不是这样,那就是出现 !important ,它表示重要的,先执行的。 这是一种特殊的情况,它的权重是最大的。

另外,一种过时的就是内联样式,也就是写在页面标签内的样式,这中样式也有普通和important之分,其权重分别和外联[外部样式]一样。

注:内联样式权重高于外部样式。

(更多…)

[转]你真的了解HTML吗?–雅虎面试题

星期日, 三月 28th, 2010

有这么一段HTML,请挑毛病:

<P>&nbsp;&nbsp;哥写的不是HTML,是寂寞。<br><br>&nbsp;&nbsp;我说:<br>不要迷恋哥,哥只是一个传说

这是原来雅虎一道笔试题(文字变了变),用了很多年了,还没有一个人完全答对过。

下方有公布答案,不过请各位还是先各自答题比较好

(更多…)

完全依靠自己个人写的第一条正则语句

星期五, 三月 19th, 2010

今天小挑战了一下正则表达式,以前总是闻而拒之,碰都不敢碰一下,今天实属无奈,小挑战了一下,仅以此文章作为学习正则开始的记录。

以下是学习的片段:

目的:需要提取内容中的站内链接;

原因:必须要用正则,别的没法做到【我是说我使用的功能的地方】

(更多…)

用代码模拟的模块阴影效果【搁浅中的想法】

星期三, 三月 17th, 2010

突发奇想,想用代码模拟一个阴影出来,就和代码模拟圆角模块一样去拼一个阴影出来。

 

可是写了一半,搁浅了,自己心里比较纠结:感觉写的出来用处不大,还不如PNG和CSS代码的效果好,且有一个最大的缺点就是在阴影对角那块无法对接,一般的阴影都是圆角的逐渐变淡,如这样的,我冥思苦想都无法实现这样的效果。

(更多…)

分享一个比较全面的Javascript测试题

星期三, 二月 24th, 2010

继上次测试你的JavaScript能力–推荐测试一下之后又一个Javascript测试题,这次的更全面些,前14道和上次一样,这次一共26道题,都带有答案。

希望对学习JavaScript的同学有帮助。

(更多…)