yiwugou-CSDN博客

原创 onkeypress 、onkeyup 与onkeydown三者之间的区别

onkeypress：是在用户按下并放开任何字母数字键时发生。系统按钮（例如，箭头键和功能键）无法得到识别；onkeyup：是在用户放开任何先前按下的键盘键时发生；onkeydown：是在用户按下任何... onkeypress：是在用户按下并放开任何字母数字键时发生。系统按钮（例如，箭头键和功能键）无法得到识别。 onkeyup：是在用户放开任何先前按下的键盘键时发生。 o

2015-03-17 15:22:50 3260

转载 nginx_concat_module 安装和配置

简介 nginx_concat_module 是淘宝研发的针对 nginx 的文件合并模块，主要用于合并前端代码减少 http 请求数。如果你的应用环境中部署了 nginx，那么可以考虑尝试此模块减少请求数。安装安装 nginx_concat_module 需要重新编译 nginx。可以从这里 checkout 最新的代码， svn checkout

2015-02-06 11:08:26 640

转载 DNS预获取（dns-prefetch）

DNS预获取（dns-prefetch）

2015-02-06 10:53:20 460

转载 JS基础学习笔记整理

JavaScript是一种基于对象的脚本编程语言，是浏览器上的程序语言。当web容器输出内容到浏览器时，这个内容是包含js源代码的，此时，JavaScript可以操作浏览器上的一切内容，在浏览器上提供用户交互，页面美化，增加页面的智能性。 JavaScript是一种基于对象的语言，通过 JavaScript代码来操作对象――访问或者设置对象的属性，编写对象的特定的事件（方法）代码。 J

2013-08-01 10:46:10 722

转载用简单的css代码为相册图片加上漂亮阴影~~~转载自HackerPrince的空间

因为最近一直在弄MePHP CMS的相册系统，所以也就一直在研究如何能够让相册的图片显示的更好，于是就想到了为图片添加阴影效果，网上的图片阴影效果一般都是用背景图片或者是css的滤镜实现的，不过用滤镜在非IE内核的浏览器下一般就没有效果了，而用背景图片虽然能够得到较好的表现，但是一来不好控制（如果用固定的背景图片，则你要显示的图片大小也要固定），二来比较麻烦（如果要自适应图片的大小，则要用很多个背

2013-01-30 10:58:21 719

原创 CSS 图片设置左右上下居中方式

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> http://www.w3.org/1999/xhtml" xml:lang="cn" > 未知大小图片在已知大小容器水平/垂直居中 .box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-al

2013-01-30 10:57:22 2030

转载 CSS定义Input之Radio和Checkbox的样式

form#form1 {font:12px tahoma,sans-serif} input[type="checkbox"] {visibility:hidden;width:0;height:0;margin:0;padding:0;} input[type="checkbox"]+label {background:url(checkstyle.gif) no-repeat;padd

2013-01-30 10:54:34 439

原创 css html span 块状不换行

span标记的样式设定width属性，会发现不会产生效果。如果设置display:block，width属性生效，但是此时的span跟div一样了。如果设置display:inline-block，则span并列在同行，而且width属性生效。元素display属性的常见值说明： block：块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行。 inline：

2012-12-19 14:13:03 509

原创 Jquery简单瀑布流代码示例. 仿开心网,蘑菇街

最近很多网站都采用瀑布流风格设计，感觉挺有个性的，比较合适做图片类型的网站，仿开心网做一个瀑布流示例。需要用到Jquery，jquery.masonry.min.js 演示地址：http://www.yiwugou.com/sdialbum/list_1.html JQuery代码： $(function(){ var $container =

2012-12-18 16:31:19 929

原创 jQuery 实现顶部大幅滚动下拉广告效果

jQuery Code： $(document).ready(function() { // 广告收回 var upAdBanner = function() { $("#ad_banner").slideUp(1000); }; // 广告下拉 $("#ad_banner").slideDown(500); //

2012-12-17 16:55:11 2253 1

转载前端开发的一些认识……

现状目前淘宝UED部有四大职位：用户研究、视觉设计、交互设计和前端开发。还有一个和UED独立的产品经理PD部。一个典型的简化工作流程是：PD输出PRD（产品需求文档）-> 交互输出prototype（交互原型）-> 视觉输出mockup（视觉模拟图）-> 前端输出demo -> 后台根据demo实现开发。注意：这仅是简化流程，实际上还有用研的参与，流程上也不是简单的瀑布。在

2012-11-13 14:41:22 1098

前端－走在WEB页面最前端的前端交互师