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

在ie7中overflow:hidden失效问题及解决方案

在ie7中overflow:hidden失效问题及解决方案

刚一朋友发来一个问题说在IE7 给一个元素加了overflow:hiden确没有效果,同时页面加了一些JS脚本,说是不是JS脚本出了问题,我噜了一眼,觉得CSS应该能解决此问题,于是打开万能的百度,发现同行也有这样的问题,费话不多说解决方案献上 css兼容ie7: 做页面的时候用负边距居中的时候在IE7下面,父节点中的overflow:hiden失效的问题,查阅了一些资料,总结一下解决方法。 问题原因: 当父元素...

阅读全文...

jQuery父级以及同级元素查找介绍

jQuery父级以及同级元素查找介绍

父级以及同级元素的查找在使用过程中还是蛮频繁的,下面为大家介绍下jQuery是如何实现的,感兴趣的朋友可以参考下 jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$(“span”).parent()或者$(“span”).parent(“.class”) jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素 jQuery.children(expr).返回所有...

阅读全文...

JavaScript 的新领域 – 动态图片处理(SVG)

JavaScript 的新领域 – 动态图片处理(SVG)

背景 当 JavaScript 被 Netscape 公司发明出来时,它被用来做一些琐细的事情,比如校验表单、计算日期、提示用户;随着 Web 的迅速发展,这种轻巧而灵活的语言被委以越来越多的任务,动态地修改页面内容,一致地处理事件,甚至无刷新地和服务器交互。然而,与传统的客户端编程相比,JavaScript 操作的对象限制在 DOM 模型之内,无法进行图形编程。所以长久以来,我们在设计网页时都仅仅是在“搭积...

阅读全文...

Google图片搜索的原理

Google图片搜索的原理

针对这个问题,请教了算法组的同事,他分享了基本的思路: 对于这种图像搜索的算法,一般是三个步骤: 1. 将目标图片进行特征提取,描述图像的算法很多,用的比较多的是:SIFT描述子,指纹算法函数,bundling features算法,hash  function(散列函数)等。也可以根据不同的图像,设计不同的算法,比如图像局部N阶矩的方法提取图像特征。 2. 将图像特征信息进行编码,并将海量图像编码做查找表。对...

阅读全文...

产品经理该如何沟通

产品经理该如何沟通

经常听产品经理说自己是打杂的,虽然这种说法有自我调侃的意味,但用这词来形容产品经理的工作也颇为贴切。产品经理在一个公司中扮演的角色决定了他要做的事情多而杂,在一个产品诞生的过程中,从idea的诞生,产品的规划,UI设计,前端制作,程序开发,然后测试上线,上线后产品的优化等,产品人员一方面要全身参与,另一方面也要一直跟进。产品经理负责推动公司idea的实现,所以在一家公司产品...

阅读全文...

被边缘化的前端

被边缘化的前端

引用一段堂主的话:“随着互联网的发展,相比其他职位,前端开发是最容易被边缘化的一个工种,终其所有,前端也只是一个服务于浏览器端信息呈现的工种。而随着科技的发展,未来信息呈现的媒介会愈发丰富,目前浏览器的垄断地位将不复存在,前端也会随之没落。君子不器,当有远虑。” 如此一番话,略显忧虑却不无道理,前端所处的环节已经注定了它可能会处于尴尬之境。一个产品的形成,从点子的产...

阅读全文...

解决IE6不支持position:fixed的bug 完美兼容

解决IE6不支持position:fixed的bug 完美兼容

IE6很让人脑火,但是在天朝用IE6的用户还是不少的请看下图 废话不多说了,咱们先来看一段代码: <!--正常css--> <style> *{padding:0;margin:0} p{height:2000px} #gs{border:1px solid #000;position:fixed;right:30px;top:120px} </style></pre> <!--IE6 css--> <!--[if IE 6]> <style type="text/css"> html{overflow:hi...

阅读全文...

Js针对window窗体大小设置

Js针对window窗体大小设置

网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文全文高:document.body.scrollHeight 网页被卷去的高:document.body.scrollTop 网页被卷去的左:document.body.scrollLeft ...

阅读全文...

手机触摸屏的JS事件

手机触摸屏的JS事件

处理Touch事件能让你跟踪用户的每一根手指的位置。你可以绑定以下四种Touch事件: 一、 touchstart:// 手指放到屏幕上的时候触发 touchmove:// 手指在屏幕上移动的时候触发 touchend:// 手指从屏幕上拿起的时候触发 touchcancel:// 系统取消touch事件的时候触发。至于系统什么时候会取消,不详 二、 client / clientY:// 触摸点相对于浏览器窗口viewport的位置 pageX / pageY:// 触摸点相对于...

阅读全文...

我们能用HTML5 Canvas做什么?

我们能用HTML5 Canvas做什么?

最近在国外问答网站Quora上,许多开发者对于HTML5 Canvas元素的实用性进行了一系列探讨。Canvas非常灵活,能够很好地融合JavaScript代码并在浏览器内绘制华丽的图形。Canvas究竟具体能做些什么?3D3R公司创始人兼CEO Ohad Eder-Pressman的答案十分精彩,我们对其文字进行了翻译和整理,不妨一起来看一看。 图:用Canvas绘制的图形 什么是Canvas? Canvas元素是HTML5的一部分,允许脚本语言动态...

阅读全文...

16种折磨开发者的方式

16种折磨开发者的方式

程序员们被滥用的现象还是能经常见到,Andrew C. Oliver为大家总结了公司里最常见的16种折磨开发者的方式,你碰到过吗?以下是一些常见的情形: 1.地狱性的安全问题        McAfee代理禁止使用HelloWorld.java的Zip文件,这意味着禁止从该文件中下载任何构建工具的样例。McAfee desfktop为了防止恶意代码的出现而扫描每个文件进程,即使这些文件以单线程模式扫描之后未发生任何改变,也就是说成...

阅读全文...

JavaScript判断浏览器类型及版本

JavaScript判断浏览器类型及版本

你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器。 浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本。 JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有...

阅读全文...

用Chrome开发者工具做JavaScript性能分析

用Chrome开发者工具做JavaScript性能分析

你的网站正常运转。现在我们来让它运转的更快。网站的性能由页面载入速度和代码执行效率决定。一些服务可以让你的网站载入更快,比如压缩JS和CDN,但是让代码执行的更快你要做的事情。 代码中很小的改动都可能对性能造成巨大的影响。快速灵活的网站和可怕的“无响应脚本”对话框可能只有几行代码的差别。这篇文章告诉你如何通过用Chrome开发者工具(Chrome Developer Tools)找到这几行关键的代码...

阅读全文...

解决浏览器碎片化,HMTL5大热成趋势

解决浏览器碎片化,HMTL5大热成趋势

作为下一代Web技术的代表,HTML5概念在近些年尤其火热。HTML5已成为2012年各大互联网活动的标配话题。天使投资人、移动世纪会秘书长丁辰灵认为,HTML5技术之所以备受追捧,与它的后天优势不无关系。据了解,HTML5受到垂青最直接的原因就是其跨平台性,除此之外,它不仅仅可以用于表示Web内容,还可能将Web带入一个广阔的生态平台。   HTML5为什么会火起来? 易观国际高级分析师闫小佳在接...

阅读全文...

移动互联时代 百度能重新定义搜索吗?

移动互联时代 百度能重新定义搜索吗?

移动互联时代,百度尚能饭否?   抛向李彦宏的这个疑问已经有一年多了。虽然移动互联时代才刚刚开始,所有人都在试水摸索,但在这场关于未来战略的卡位战中,人们对百度的要求不一样。有人称,百度已经进入“历史性下拐通道”。   百度正在酝酿新招。“语音将是移动互联网的入口之一。”李彦宏对百度语音项目的重视非同一般。   以搜索、输入法、语音助手为核心,百度正在试图重新定...

阅读全文...

程序员心髓:移动应用API设计10大技巧

程序员心髓:移动应用API设计10大技巧

移动App与基于Web/云服务发生对话是很常见的事情,最简单的可能仅仅只是检索数据,但也可能包含发送数据、用户授权和管理。而这也就验证了为移动应用建立API的重要性,为此,我们特总结了10大移动API设计技巧。 1. API版本控制          无论何时,开发者要想保证应用正常运转,对API进行修改总是不可避免的,可能只是对某些功能执行添加、删除或其他操作。当遇到这种情况时,你就不得不暂停API...

阅读全文...

浅析HTML5在移动应用开发中的使用

浅析HTML5在移动应用开发中的使用

HTML5的出现让移动平台的竞争由系统平台转向了浏览器之间:移动端的IE、Chrome、FireFox、Safari,亦或是新出现的浏览器,谁能达到在移动端对HTML5更好的支持,谁就能在以后的移动应用领域占据更多的市场。 现在我们怎么装APP   有了HTML5以后怎么装APP 更灵活、更方便的app使用及安装方式将成为HTML5在移动平台上大放异彩的保障之一。 下面列举HTML5适合移动应用开发的几大特性: 1.离...

阅读全文...

微软IE11或采用谷歌SPDY协议,上网提速50%

微软IE11或采用谷歌SPDY协议,上网提速50%

4月3日消息,据国外媒体报道,传统的上网传输协议是HTTP,谷歌自行研发了号称速度加快一半的SPDY协议,最近美国科技网站传出一个好消息,微软将会在IE11和Windows Blue操作系统中,接纳作为“夙敌”的谷歌的协议。   谷歌研发SPDY的目的,是取代陈旧的HTTP协议,加快浏览器和服务器之间的通信。不过通信协议进入市场,必须获得浏览器和服务器两端的支 持,此前,Facebook、Twitter两大社交网...

阅读全文...

关于win8开始界面显示Start#ZHS的解决方法

关于win8开始界面显示Start#ZHS的解决方法

某天开机偶然看到开始界面变成了Start#ZHS我靠.很丑有木有???当时心里特别不爽,然后就着手找原因的得知这是因为,另外还发现多处显示都有所不正常,怀疑是安装第三方对字体所致,因为我最近在学习PS 所以电脑里装了很多第三方字体,但有些是和系统里自带的一样的,安装的时候就选择了替换,另外百度的得知,Win8对第三方字体的兼容不是很好,所以怀疑这就应该是问题所在,所以找了同学的一台没有安装过...

阅读全文...

Google Google重领浪潮

Google Google重领浪潮

“不疯狂,即犯错。”代表了谷歌身上一种舍我其谁的使命感,也恰恰是谷歌重回科技创新浪潮之巅的秘诀之所在。         如果把时间拉到足够远,该如何审视一个时代与一个帝国?         就像 3 年前的早春,旧金山芳草地艺术中心,当乔布斯在万众瞩目中发布了 iPad,一个由 Mac、iPad 加上 iPhone 构筑起的苹果帝国开始变得如日中天;几乎与此同时,谷歌宣布退出中国,PC 互联网时代的搜索老大迅...

阅读全文...