Pupi-CSDN博客

转载前端MV*框架的意义

经常有人质疑，在前端搞MV*有什么意义？也有人提出这样的疑问：以AngularJS，Knockout，BackBone为代表的MV*框架，它跟jQuery这样的框架有什么区别？我jQuery用得好好的，有什么必要再引入这种框架？　　回答这些问题之前，先要理清一些历史，前端从什么时候开始有框架的？　　早期前端都是比较简单，基本以页面为工作单元，内容以浏览型为主，也偶尔有简单的表单操作

2014-01-14 15:00:24 674

转载写给 Node.js 学徒的 7 个建议

一些我更愿意在开始就知道东西利用 Node.js 开发是一个非常有趣，和令人满足的过程，它有3万多个模块可以选择使用，并且所有的模块可以非常容易的集成入现有的应用之中。无论如何，对于一些刚开始使用Node.js 开发的的人来说，很容易碰壁，在这个文章中，我会提到在你学习过程中遇到的问题。贴士 1: 在开发环境使用 nodemon，在生产环境使用pm2

2014-01-14 14:57:15 552

转载编写代码？先熟悉一下编程语言界限吧！

如今开发者有很多种途径去解决编程问题，不管是利用大量的类库还是各种各样的技术工具。当然了，随便选择一些错误的工具导致的代码错误也是工作里最头疼的事情。另外总结出，不了解工具与工具之间、语言与语言之间的界限所带来的风险和选错工具带来的风险是一样的。下面这几个常用的构建Web App的工具，每一个都有特定的使用目的。HTML：为编写的内容提供语义标记。CSS：将设计风格

2013-10-16 10:26:41 726

转载利用CSS、JavaScript及Ajax实现图片预加载的三大方法

预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，访问者便可顺利地在你的网站上冲浪，并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术，来增强网站的性能与可用性。方法一：用CSS和JavaScript实现预加载实现预加载图片有很多方法，

2013-10-16 10:23:10 601

转载 Angular.js VS. Ember.js：谁将成为Web开发的新宠？

本文源自于Quora网站的一个问题，作者称最近一直在为一个新的Rails项目寻找一个JavaScript框架，通过筛选，最终纠结于 Angular.js和 Ember.js。这个问题获得了大量的关注，并吸引到这两个框架的开发者参与回答。如果你也纠结JavaScript框架的选择，那么本文对你来说也是一个非常好的参考资料。Angular.js和Ember.js介绍Angula

2013-09-10 12:13:32 2002

转载 chrome developer tool 调试技巧

这篇文章是根据目前 chrome 稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chrome developer tool, 所以 chrome 版本不同可能稍有差别. 一些快捷键也是 windows 上的, mac 下的应该大同小异.常规的断点相关的 breakpoint/conditional-breakpoint/call-stack/watch-expr

2013-09-05 14:01:58 569

转载复杂产品的响应式设计【流程篇】

都说2013年将是响应式设计爆发的一年。一淘设计团队在去年一淘首页改版时初步尝试了响应式，最近在一淘“玩客”项目中有了更加深入地应用，第一次在复杂产品中实现了全站响应式。中间积累了一些经验也踩了不少坑，于是就有了这个响应式设计三部曲，此系列文章包含理念篇、知识篇和流程篇。响应式网页不像传统网页只需考虑一种状态，不是交付一套设计稿就完事儿了，它给设计、前端和开发团队之间的协作模式带来新的挑战。在

2013-09-05 13:48:20 682

转载 50个高端大气上档次的管理后台界面模板

译自：50 Incredible Admin Page Templates译自：50个高端大气上档次的管理后台界面模板请尊重版权，转载请注明来源，多谢～～大部分网站都有一个管理面板或者管理界面用于查看和管理网站信息。但是通常大家并不是很重视这个后台管理界面的设计，一般能用就行了。但是其实漂亮的管理界面也能大大的提升工作人员的工作效率啊。通过使用漂亮的管理面板你可以省掉很多的

2013-08-22 14:26:30 1344 1

转载 15条JavaScript最佳实践

本文档整理大部分公认的、或者少有争议的JavaScript良好书写规范（Best Practice）。一些显而易见的常识就不再论述（比如要用对象支持识别判断，而不是浏览器识别判断；比如不要嵌套太深）。条目顺序按重要级粗略的从高到低排列。把外部JavaScript文件放在HTML底部我们的目标是相同的：为用户尽可能快地显示内容。当载入一个脚本文件的时候，HTML会停止解析，直到脚本载

2013-08-09 09:55:26 497

转载响应式网页设计

概念响应式网页设计最初是由 Ethan Marcotte 提出的一个概念：为什么一定要为每个用户群各自打造一套设计和开发方案？Web设计应该做到根据不同设备环境自动响应及调整。当然响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等，它更像是一种对于设计的全新思维模式；我们应当向下兼容、移动优先。背景PC互联网加速向移动端迁移：2012年12月底我国网民规模达到5.64亿

2013-08-02 16:36:49 1009

翻译 CSS3过渡、变形和动画

原文-——Responsive Web Design with HTML5 and CSS31.什么是CSS3过渡以及如何使用它我们在给超链接设置样式时，一般都会设置一个悬停状态（hover）的效果，这种方法能明显地提醒用户他的鼠标指向的是一个超链接。虽然对越来越多的触摸屏设备没太大用处，但无论如何，这种方法对网站和用户之间的交互是非常简单实用的。通常，使用CSS时悬停状态就是

2013-07-30 17:57:59 3561

转载 git——简易指南

Git对于我来说，只知道是一个版本控制器，类似于乌龟的svn。其中也仅仅会几个常的命令，比如说“更新git pull”、“提交git push”等等，因为记得当初使用的时候，师傅告诉我，对于你不懂这个不要紧，记住几个常用的命令就足够使用了。师傅的话没有错，有这些命令是足够使用了，但往有时候还是很难完成我们工作中的需求，比如如何安装、分别何创建库等，这就几个命令无法实现的了。只可惜自己太懒，以致

2013-07-29 09:59:21 465

转载 BEM的定义

特别声明：此篇文章由David根据《Block, Element, Modifier》进行翻译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://bem.info/method/definitions/以及作者相关信息——作者：BEM官网——译者：David什么是BEM？BEM代表块（Block），元素（El

2013-07-29 09:50:09 1614

转载 Hold住CSS布局新属性

本文由LL根据Thomas Lewis的《Master the new CSS layout properties》站点所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://www.netmagazine.com/tutorials/master-new-css-layout-properties，以及作者相关信息——

2013-07-29 09:47:42 562

转载针对京东网站改版，浅谈网页设计趋势

转自http://www.uisdc.com/京东这次的改版，看到遍地都是网友吐糟的声音，什么设计太简单了、首页版块不明显、设计没个性等等，乱七八糟的一大堆差评。对于这些吐糟的人，我将他们分为三类人：一类是专业的网页设计师，他们本就有着更高的见地；另一类是普通的用户，不管旧版是否合理，反正已经使用习惯了，对于新版的改变一下子无法适应过来，难于接受，或者潜意识下就产生了对新变化的抗拒心理

2013-07-29 09:38:20 821

转载移动端webapp开发必备知识

转载自：移动终端开发必备知识请尊重版权，转载请注明来源，多谢~~移动设备的用户越来越多，每天android手机的激活量都已经超过130万台，所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验，以及给出几种可选的解决方案。一、基本概念（1） CSS pixels与device pixelsCSS pixels：浏览器使用的抽象单

2013-07-26 14:45:01 588

转载扁平化设计与可访问性

译自：Flat Design and Accessibility原文：扁平化设计与可访问性请尊重版权，转载请注明来源，谢谢〜〜这几年互联网变化好多，我们在网上浏览的方式也一样。在本文中，我们将看一下最近扁平化设计带来的可访问性提升以及使得互联网或多或少更开放和可用性。扁平化元素拟物化设计模仿颜色、纹理、形状甚至实际生活中特定的实际形状，因此能对不喜欢新技术和更喜欢仿

2013-07-26 14:40:52 551

原创关于HTML5的hidden属性

用法很简单：这个属性的表现类似css的display:none，用了这个属性后，元素会被隐藏，块级元素也会折叠起来不再占位，也就是说，hidden和visible:hidden不一样。所以，对于不支持HTML5的浏览器来说，也可以做下简单的兼容：*[hidden] { display: none; }这样就给所有带hidden属性的标签设置了display:none的样式。也许有人会说

2013-07-26 14:30:45 1178

转载 10个超棒jQuery表单操作代码片段

jQuery绝对是一个伟大的开源javascript类库，是帮助我们快速和高效开发前端应用的利器。可能大家在日常的开发过程中常常会处理表单相关的javascript，在今天这篇代码片段分享文章中，这里收集了10个超棒超实用的jQuery表单处理代码，希望能够在大家的开发过程中帮助大家更好更快的处理表单相关问题，希望大家喜欢！如果你也有相关的代码，请大家积极分享！代码片段1: 在表单中禁用“回车

2013-07-26 14:05:13 553

dreamjl的专栏