
WEB前端设计
大鹏的世界
天道酬勤!分布式+大数据架构解决方案
展开
-
background-position减少小图片的连接数
<br />background-position:xx yy;<br />1.xx表示背景图片(背景图片本身)从左往右的位移,如果xx的单位为px则表示位移xx个像素点,如果xx为一百分数则表示位移当前区域的50%px的位移<br />2.yy表示背景图片从上往下的位移,yy表示的数值与xx相同。<br />3. 如果xx为负值则表示从右往左移,如果yy为负值则表示从下往上移动<br />4.背景图片默认左上角对应所在区域的左上角<br /><br />这项技术目前在web开发中被普遍采用,用来优化数量较原创 2010-08-12 10:57:00 · 814 阅读 · 0 评论 -
javascript 应用小技巧方法
javascript 在前端应用体验小技巧继续积累。 事件源对象 event.srcElement.tagName event.srcElement.type捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.转载 2014-07-25 11:50:45 · 1173 阅读 · 0 评论 -
跨域iframe高度自适应(兼容IE/FF/OP/Chrome)
采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键,同时由于JavaScript对不同域名下权限的控制,引发出同域、跨域两种情况。 由于客户端js使用浏览器的同源安全策略,跨域情况下,被嵌套页面如果想要获取和修改父页面的DOM属性会出现权限不足的情况,提示错误:Permission denied to access property 'document'。这是因为转载 2013-05-24 08:46:50 · 655 阅读 · 0 评论 -
深入理解jQuery中$.get、$.post、$.getJSON和$.ajax的用法
$("#filter-btn").click(function() { var queryData = {}; $(".checked").each(function() { queryData[$(this).find("input").attr('name')]=$(this).find("input").val(); }) $(".fixed-width").ea转载 2013-04-10 09:32:54 · 1204 阅读 · 2 评论 -
php学习之Smarty——Smarty3
可参考资源:http://www.welefen.com/tag/smarty3 一.概述 Smarty3目前最新版本是RC1,尚未稳定。 Smarty3基本保持了向前兼容,但有下面几点改变: 1. Smarty3需要php5,不再兼容php4; 2. Smarty3默认禁止了{php}标签,如果要启用需要设置一下:$smarty->allow_php_tag = true转载 2013-04-09 11:25:08 · 1198 阅读 · 0 评论 -
SWFUpload V2.2.0 说明文档
中文文档地址是:http://www.v-sky.com/doc/swfupload/Documentation.html 网官上的DEMO为:http://demo.swfupload.org/v220/index.htm 下载地址:http://code.google.com/p/swfupload/ SWFUpload最初是由Vinterwebb.se开发的一个客户端的上传工具. 它结转载 2011-12-21 15:24:12 · 844 阅读 · 0 评论 -
首页设计的可用性和PET
<br /><br />网站的首页是一个让人头疼的东西。有时它看起来很简单:首页就是网站内容的整合,一个产品经理随便从网站里拿点东西出来,就能堆出一个看上去靠谱的首页。也正因此,它往往非常麻烦:很多人都可以发表自己的见解,而这时交互设计师的一些手段(比如流程图、概念图等),在面对首页设计时也难派上用场,以致最终陷入到无尽的争执中。所以,本文希望寻找一些实用的方法一定程度上帮助设计师来决策,也让大家在争执过程也有些共同的依据。<br /> <br /> 首页之所以难设计,我认为因为它不仅要解决用户“能做”的原创 2011-02-17 16:39:00 · 611 阅读 · 0 评论 -
web前端优化
Web优化已经越趋成熟,不再那么扑朔迷离。在这里,我们跟据一些优化实践准则应用于perfgeeks,并进行了记录。Pefgeeks的系统软 环境是CentOS5.3 + Apache2.2.3 + Wordpress2.9。优化的工作方式,一般都是:快照 + 分析 + 变更 + 快照。让我们开始吧… 看到这份快照,我们就可以形成一个最简单的统计: 1,请求数量:8 = 5 + 2 + 1 (5个图片、2个CSS文件、1个html文档) 2,发送包大小: 3400bytes 3,响应包大小: 1原创 2010-12-26 22:15:00 · 1194 阅读 · 0 评论 -
Google 的 YSlow——Page Speed
<br />Yahoo的YSlow大家应该都比较熟悉了,那是找出我们网页为什么缓慢的利器。其实Google也有类 似的FireFox插件,名字叫做“Page Speed”,虽然名字比YSlow逊色很多,但是功能却完全不在YSlow之下。不同于YSlow的14条衡量标准,“Page Speed”的网页速度衡量标准又是什么呢?<br />和YSlow一样,“Page Speed”也是一个基于firebug附加组件的FireFox插件。虽然听起来有点拗口,但是意思很容易理解:如果你想用“Page原创 2010-09-08 16:07:00 · 1046 阅读 · 0 评论 -
Mustache 使用心得总结
前言: 之前的一个项目里面就有用到这个前台的渲染模版,当时挺忙的也没时间抽空总结一下,刚好上周项目里又用到这个轻量型的渲染模版,真心感觉很好用,因此就总结一下使用心得,算是一个入门级别的指引吧。 1. Mustache 概述 Mustache是基于JavaScript实现的模版引擎,类似于jQuery Template,但是这个模版更加的轻量级,语法更加的简单易用,很容易上手。转载 2017-02-23 09:52:49 · 10828 阅读 · 1 评论