他山之石
文章平均质量分 58
fonglezen
web前端开发妹子一枚
展开
-
以用户为中心的前端设计案例剖析
以用户为中心的前端设计案例剖析WEB前端设计的最终目标是打造用户喜爱的产品,属于产品设计的范畴。所以一切设计要以用户为出发点,追求最佳的用户体验。一、banner的设计在WEB项目设计中,我们经常会有banner设计需求,一般而言首屏Banner及其相关区域也是整个网页设计中非常重要的部分。优化前:优化后:优化前:1.优化前网页首屏图片自动切换交转载 2014-06-04 09:38:00 · 1466 阅读 · 0 评论 -
css上的hack技术
.color1{ color:#F00; color/*\**/:#00F /*\**/}/*IE6,IE7,IE8,FF,OP,SA识别*/.color2{ color:#F00; color /*\**/:#00F /*\9**/}/*IE7,IE8,FF,OP,SA识别*/.color3{ color:#F00; color/*\**/:#00F \9}/*IE6,IE7,IE8识别转载 2014-11-10 10:06:14 · 545 阅读 · 0 评论 -
html和js实现页面跳转方法
下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的02view.html(根据自己需要自行修改)文件。1)html的实现<meta http-equiv="refresh" content="5;url=02view.html">优点:简单缺点:Struts Tiles中无法使用2)javascript转载 2014-11-10 10:06:39 · 710 阅读 · 0 评论 -
再回眸,丽影如初
原文地址:http://isux.tencent.com/introduction-of-apng.html再回眸,丽影如初阿杰2014.12.01设计师:怎么我设计的动态表情,上线以后周围多了这么多白色的噪点!更多请查看这里前端:GIF本来就会有锯齿,跟我没关系呀。设计师:太丑了,你不是万能的前端么?转载 2014-12-02 11:27:14 · 1262 阅读 · 0 评论 -
给网站添加X-UA-Compatible标签
X-UA-Compatible是神马?X-UA-Compatible是IE8的一个专有属性,它告诉IE8采用何种IE版本去渲染网页,在html的标签中使用。可以在微软官方文档获取更多介绍。为什么要用X-UA-Compatible?在IE8刚推出的时候,很多网页由于重构的问题,无法适应较高级的浏览器,所以使用X-UA-Compatible标签强制IE8采用低版本方式渲染。转载 2015-01-13 17:06:48 · 536 阅读 · 0 评论 -
为什么每个前端开发者都要理解页面的渲染?
渲染应该从最开始当页面布局被定义时就进行优化,样式和脚本在页面渲染中扮演着非常重要的角色。专业人员知道一些技巧以避免一些性能问题。这篇文章不会深入研究浏览器的技术细节,而是提供一些通用的原则。不同浏览器引擎工作原理不同,这就使特定浏览器的学习更加复杂。浏览器是怎样渲染一个页面的?我们从浏览器渲染页面的大概过程开始说起:由从服务器接收到的 HTML 形成 DOM(文档转载 2015-01-05 10:42:41 · 526 阅读 · 0 评论 -
This End Up: Using Device Orientation
By Pete LePagePublished: April 29th, 2011Comments: 34IntroductionMany new computers, mobile phones and other devices are now shipping standard with accelerometers, gyroscopes, compasse转载 2015-06-18 15:58:41 · 806 阅读 · 0 评论 -
swiper 3出来了,还有动画,做场景应用更简单了
http://www.swiper.com.cn/usage/animate/index.htmlhttp://www.swiper.com.cn/转载 2015-06-19 17:18:39 · 1281 阅读 · 0 评论 -
footer适应在窗口或者页面底部的css实现方法
Document *{margin: 0;padding: 0} html,body{height: 100%} .main{ min-height: 100%; height: auto; } footer{ height:80px;转载 2015-10-29 14:06:23 · 512 阅读 · 0 评论 -
超实用的JavaScript技巧及实践经验
众所周知,JavaScript是一门非常流行的编程语言,开发者用它不仅可以开发出炫丽的Web程序,还可以用它来开发一些移动应用程序 (如PhoneGap或Appcelerator),它还有一些服务端实现,比如NodeJS、Wakanda以及其它实现。此外,许多开发者都会把 JavaScript选为入门语言,使用它来做一些弹出窗口等小东西。在这篇文章中,作者将会向大家分享JavaScript转载 2014-11-10 10:05:31 · 457 阅读 · 0 评论 -
IE6/IE7下margin-top失效解决方法
遇到一个margin-top在IE6/IE7失效的情况,第一反应是margin折叠引起的,但是又一看发现不是,上网查找,果然这是一个bug。解决办法有两个:1.使用padding来代替margin,比如设置其父元素的padding-top,或者设置这个块元素的padding-top,不过要注意padding对其背景的影响。2.使这个块不直接跟在前面的这个绝对定位元素后面转载 2014-11-10 10:02:06 · 1668 阅读 · 0 评论 -
前端开发的七宗罪
前端开发在最近几年逐渐走红,越来越多的开发者加入前端开发队伍。但前端在大学中没有课程体系,而且知识也在不断更新着。大家对它的认识也各不相同。博主有过技术经理,项目经理,面试官,前端开发的经历,参与过较多的前端开发项目,也结识了较多前端开发人员。基于这些因素我对前端有些较深刻的认识,和大家分享下。本文取名七宗罪是有些噱头之意,还请大家见谅,实则想为大家阐述前端开发的误区。 罪一:前端转载 2014-06-04 09:35:16 · 647 阅读 · 0 评论 -
维多利亚的秘密微信推广广告模仿-刮刮卡
原文链接:http://blog.csdn.net/jasondu264/article/details/38064147看到这个效果,一开始是想一定是用canvas啦,可以建一个蒙版,然后使用擦除就搞定了,但试了一下不行,如果擦除的速度快就会出现一个个不连续的块;正确的方式是使用绘制线,但将线绘制在蒙版上也不是我们的目的,我们需要的是和蒙版做差值运算,这样才能有擦除的转载 2014-08-06 09:33:05 · 791 阅读 · 0 评论 -
JavaScript 命名空间
使用过Java、C#的同学对命名空间非常的熟悉,在复杂的系统中会有N多的函数、对象,语言提供的、架构预定义的,这么多的函数和对象,由于编程 规范要求起有实际意义的名字,难免会重名发生错误调用,而有了命名空间烦恼就没有了,不但可以分类组织函数与对象,还可以形成隔离,解决重名问题。使用JavaScript就没有这么舒服了,Javascript只有函数作用域,什么块儿啊、神马文件啊统统都认为是一转载 2014-11-10 09:52:22 · 498 阅读 · 0 评论 -
移动平台WEB前端开发技巧汇总
原名《移动平台3G手机网站前端开发布局技巧汇总》,由武方博整理的,让我们了解下移动设备上的WEB站点开发的基础知识,多些时间和精力去优化其他细节,我这里对原文的标签格式做了细微的调整,阅读查看起来明晰些,原文如下:-----------华丽的分割线-------------您或许正在或准备参与一个WepApp项目,您或许正在Google搜索mobile development相关的转载 2014-11-10 09:59:23 · 531 阅读 · 0 评论 -
JS键盘的键码(event.keyCode)
网上收集的KeyCode值方便大家查找: keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter keycode 16 = Shift_L keycode 17 = Control_L keycode 18 = Alt_L keycode转载 2014-11-10 09:52:42 · 846 阅读 · 0 评论 -
移动终端web开发必备知识
来源:腾讯 ISUX移动设备的用户越来越多,每天android手机的激活量都已经超过130万台,所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验,以及给出几种可选的解决方案。一、基本概念(1) CSS pixels与device pixelsCSS pixels: 浏览器使用的抽象单位, 主要用来在网页上绘制内转载 2014-11-10 10:01:20 · 582 阅读 · 0 评论 -
雅虎团队:网站性能优化的35条黄金守则
Yahoo!的 Exceptional Performance团队为改善 Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。原版猛戳:Best Practices for Speeding Up Your Web Site, Excetional Performance 团队总结出转载 2014-11-10 10:05:01 · 733 阅读 · 0 评论 -
JavaScript执行效率总结
Javascript是一门非常灵活的语言,我们可以随心所欲的书写各种风格的代码,不同风格的代码也必然也会导致执行效率的差异,开发过程中零零散散地接触到许多提高代码性能的方法,整理一下平时比较常见并且容易规避的问题。Javascript自身执行效率Javascript中的作用域链、闭包、原型继承、eval等特性,在提供各种神奇功能的同时也带来了各种效率问题,用之不慎就会导致执行效率低转载 2014-11-10 10:05:51 · 466 阅读 · 0 评论 -
Object.create polyfill 方法
Object.create创建一个拥有指定原型和若干个指定属性的对象。但是并不是所有浏览器都支持,目前IE浏览器IE9以上支持。原创 2017-02-08 11:50:20 · 950 阅读 · 1 评论