关注前端开发微信微信号web007007

Firefox OS不能颠覆移动市场的10大理由

Firefox OS不能颠覆移动市场的10大理由

Firefox OS不能颠覆移动市场的10大理由 据eWeek网站发表的一篇分析文章称,Mozilla 7月2日宣布它正在全力进入移动市场,推出名为“火狐OS”的新的智能手机操作系统。这个平台旨在成为一个基于Web的操作系统。Mozilla希望火狐 OS能够在谷歌的Android和苹果的iOS到目前为止一直没有很成功的低端市场之外开辟一个细分市场。 Mozilla展示移动操作系统:http://tech.163.com/photoview/4UO30009/2667.ht...

阅读全文...

JS实现动态添加类名

JS实现动态添加类名

今天遇到这样的一个问题,对于下面这个表格,要实现类似的效果,如果去做呢。忽略IE6,直接对td使用hover伪类,但是达不到这样的效果,只能在指上第一行的时候,前面的大单元格产生效果,要让在第二行,第三行都产生效果,只能使用js。 动态增加类名的js函数如下 function addClass(id,className){ var element = document.getElementById(id); if(element.className == ""){ ...

阅读全文...

HTML5 Geolocation API实例

HTML5 Geolocation API实例

HTML5 Geolocation API的使用方法相当简单。请求一个位置信息,如果用户同意,浏览器就会返回信息,该信息是通过支持HTML5地理定位功能的底层设备提供给浏览器的。位置信息由纬度、经度坐标和一些其他元数据组成,有了这些位置信息就可以构建引人注目的位置感知类应用程序。 TML5 Geolocation API 封装在 navigator.geolocation 属性里,各种接口即是 navigator.geolocation 对象的方法。 在使用...

阅读全文...

七个技巧制原创文章

七个技巧制原创文章

第一、QQ空间找文章,QQ空间是百度不收录的地方,里面大多数的文章在百度里是找不到的。所以到QQ空间找一些文章是非常好的方法。   第二、就是在论坛找原创的文章,新论坛前期没什么人气,会员不多,论坛内容的发布都是站长与斑竹自己发的,那么怎样做到内容是原创文章,且更新起来效率高呢?可以去一些论坛找帖子了,去一些权重不高且收录不快的论坛找内容,论坛的内容很多都是会员自己写的...

阅读全文...

链接伪类hover的CSS背景图片闪烁BUG

链接伪类hover的CSS背景图片闪烁BUG

我们在网站的设计过程中几乎都会用到:hover这个CSS伪类去完成我们想要达到的效果。但是:hover伪类并不是一个非常听话的孩子,它在IE6中经常会出现这样那样的问题。比如CSS背景图片闪烁;只能针对A链接;访问后:hover样式消失的问题(详细内容可以查看我的另一篇文章:《超链接访问后hover样式消失的解决办法》),苛刻的浏览器兼容条件等。 而我们今天主要讲的就是伪类:hover的CSS背景图片的闪烁...

阅读全文...

在IE6中使用滤镜后链接不能点击的BUG

在IE6中使用滤镜后链接不能点击的BUG

我是一个很少使用IE滤镜,也是一个不赞成使用IE滤镜的前端工程师。不过今天有一个朋友给我发来了一个有关于IE6的BUG,就是在IE6中使用了AlphaPNG透明的IE滤镜之后,a链接不能够点击。 具体情况是这样的:在IE6下使用DXImageTransform.Microsoft.AlphaImageLoader滤镜,然后IE6中的a链接就变得不可点击。这里的a链接不是死掉了,也不是属性脱失了,只是有可能单纯的某一个层被挡住了, 所以不能...

阅读全文...

某兄迅雷面试记(windows客户端开发)

某兄迅雷面试记(windows客户端开发)

这是去年的事了,决定要写出来的原因是当时为这次面试做准备的过程中,我在网上查不到任何比较详细的迅雷面试经验介绍,薪资待遇那些就更是不得而知了,而知情网友对这家公司的评价也是只言片语。所以觉得把这次经历记录成文,对以后去面试的朋友应该会有些参考价值。 大概是上个月的10号,当时挂着迅雷下东西,突然弹出个“迅雷招聘日”的广告,点进去一看,大意是于6月13日进行一次招聘,可以携...

阅读全文...

前端工程师你们伤不起!!

前端工程师你们伤不起!!

老子几年前进了互联网圈!!!!!!!成了前端工程师,名字是不是很拉风,有木有!!!!!!!! 尼玛跟老子讲前台代码简单!!!出入高级写字楼,薪水高!!!!!!!!!!!!!!!! 入行才2K起啊!!!!2K在帝都都够毛用啊!!!! 尼玛简单个毛线啊!! HTML、XHTML、XML、json…有木有!!! CSS要写一堆兼容代码有木有!!!!图片素材要合并有木有!!! JavaScript、OOP、什么线程...

阅读全文...

firefox/IE8+下margin-top绑架父节点的margin的分析

firefox/IE8+下margin-top绑架父节点的margin的分析

margin-top在firefox中会绑架父节点的margin,通俗点说呢,就是子节点的margin-top 设置,有些情况下会被传递给了父节点的margin-top。本来head 和content 在设计的语意上来说,是两上下相邻的。而结果却content节点却被子节点margin-top绑架.问题就这样来了。 很长一段时间里一直也都认为这是firefox的一个bug,但是最近看过一些资料后在想起这事情,其实这是很正常的。 上下两个垂直接触的div ...

阅读全文...

IE6下那只猪[IE6文字溢出BUG]

IE6下那只猪[IE6文字溢出BUG]

先看HTML代码: <pre><div style="width:350px;"> <div style="width: 350px;"></div> <!--–- 我是华丽的注释 -–--> <div style="width: 350px; float: right;">偶就是那只多出来的猪</div> </div> 逐个分析: test-1: 去掉<div style=”float:left;”></div> 中的“float:left”,就会发现...

阅读全文...

IE6|IE7中li底部3px间距BUG

IE6|IE7中li底部3px间距BUG

<!DOCTYPE HTML> <html> <head> <title>IE67li底部3pxBUG </title> <meta http-equiv=”content-type” content=”text/html; charset=gb2312″ /> <style type=”text/css”> *{margin:0;padding:0;} ul{list-style:none;} li{border:1px solid gray;overflow:hidden;width:120px;} li span{float:left;} </style&...

阅读全文...

clearfix清除浮动闭合容器之:after与:before

clearfix清除浮动闭合容器之:after与:before

首先对伪类:before与:after做下注脚 :before 伪元素在元素之前添加内容。 :after 伪元素在元素之后添加内容。 这2个伪元素允许创作人员在元素内容的 最前面/最后面 插入生成内容。默认地,这个伪元素是行内元素,不过可以使用属性 display 改变这一点。该二伪类不被IE6/7所支持。 好了,进入正题 在平常我们coding时候经常会发生子元素浮动而引起父级元素不能完全撑开的状况, 可能很多朋友给父...

阅读全文...

IE6-bug之盒子左右border边框断线问题

IE6-bug之盒子左右border边框断线问题

先上图: 再上代码: <div style="border: 1px solid #ccc; margin: 600px 400px 50px; padding: 10px; line-height: 3;"> <ul style="float: left;"> <li>1、新闻标题新闻标题</li> <li>2、新闻标题新闻标题</li> <li>3、新闻标题新闻标题</li> </ul> <ul style="float: right;"> &l...

阅读全文...

前端开发 – 我们的职业

前端开发 – 我们的职业

写给“正在纠结”、“准备纠结”的前端开发们,希望对大家求职有所帮助: 给自己定位 很多人提出薪资要求的时候,会说:“现在房租是多少多少、吃饭要多少多少、泡妞会多少多少”,所以,至少拿多少多少的工资,才满足自己的需求。如果说这些话的人,已经是公司的老员工,和老板私人关系很不错,那这么讲还凑合。但如果是职场新人,首次过来应聘,谈这些就很不在点上。你拿多少钱的薪水,是你能够给公...

阅读全文...

前端的横向发展-WEB前端开发网

前端的横向发展-WEB前端开发网

今天的交流会上,提到了“横向发展”这个词,意指推荐大家学习与前端打交道的相关技术,如:php 其实“前端”这个词,是2005年才逐渐在国内兴起的。 那之前,国内的网站,通常是TABLE+ASP搞定一切。做这份工作的人,通称“程序员”。 那是个孤军奋战就能赢得天下的年代。 一个网站丢过来,一个人就全拿了:“写需求==>出设计稿==>做模板==>写程序==>运营。” 再然后,大量的竞争。 网站想要...

阅读全文...

纯CSS判断ipad横版和竖版

纯CSS判断ipad横版和竖版

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Link study</title> <!--竖版本使用的样式--> <style media="all and (orientation:portrait)" type="text/css"> #landscape { display: none; } body {background:red} <...

阅读全文...

20个实用的webApp前端开发技巧

20个实用的webApp前端开发技巧

自Iphone和Android这两个牛逼的手机操作系统发布以来,在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序,运行在高端的移动终端设备)。 开发者们都知道在高端智能手机系统中有两种应用程序:一种是基于本地(操作系统)运行的APP;一种是基于高端机的浏览器运行的WebApp,本文将主要讲解后者。 WebApp与Native App有何区别呢? Native App: 1、开发成本非常大。 一般使用的...

阅读全文...

HTML5中表单验证的8种方法

HTML5中表单验证的8种方法

今天就继续来谈谈HTML5的表单验证。在深人探讨表单验证之前,让我们先思考一下表单验证的真实含义。就其核心而言,表单验证是一套系统,它为终端用户检测无效的控件数据并标记这些错误。换言之,表单验证就是在表单提交服务器前对其进行一系列的检查并通知用户纠正错误。 但是真正的表单验证是什么? 是一种优化。 之所以说表单验证是一种优化,是因为仅通过表单验证机制不足以保证提交给服务器...

阅读全文...

网站前端设计师有“前”没“钱”-浅谈我的看法

网站前端设计师有“前”没“钱”-浅谈我的看法

在很多互联网公司都存在这样不幸的现象:大部分的前端开发人员都没有得到公司领导应有的认可和肯定,前端开发人员所要担当的责任及履行的义务和他们所获得的待遇处于一种不成正比一种现状,因此不少Web开发者不禁疑惑:Web前端开发有前没“钱”? 或者改行! 1. 请问您从事Web前端开发多久了,我们大学计算机基础教育并不重视前端设计领域,请问您当初选择前端开发是基于什么样的原因呢?是工作需...

阅读全文...

页面前端的水有多深?再议页面开发

页面前端的水有多深?再议页面开发

课程简介但凡从事互联网的人基本都会写几行 html,用过 Word 的人用 Dreamweaver 也能做出规整的页面,所以大部分人会很自然地认为“页面的开发没什么技术含量,很简单”。课程内容 不仅有这种普遍的认知,对从业者来说也有很多疑惑:做页面前端实现,没问题;兼容性,小 case;图片集成,一直都在用……还能有什么问题?瓶颈啊、天花板啊、转型啊、出路啊就在从业者中广泛讨论。是不是真的没什么问...

阅读全文...