donghe4917-CSDN博客

转载 Express4+Mongodb超简单入门实例

开始前，请确保mongodb已经能正常工作，安装教程：windows下MongoDB的安装及配置, 请自行安装配置。下面进入正文：第一步：命令行创建数据库、表，并插入一条数据命令如下：//创建数据库use blog//创建一张表，并插入一条数据db.users.insert({"name":"zhangangs","emali":"zhangangs@1...

2017-09-12 11:58:00 101

转载 git 命令小结

1. git init 说明：把这个目录变成Git可以管理的仓库示例： $ git init Initialized empty Git repository in /Users/michael/learngit/.git/2. git add <file> 说明：提交所有改动...

2015-05-13 14:20:00 106

转载 GreenSock Animation Platform

Tweenlite 的缘来:shakeEffect:http://www.ghugo.com/wp-content/uploads/2013/09/ShakeEffektSample.swf什么是GSAP?http://codepen.io/GreenSock/pen/yhEmnhttp://greensock.com/get-started-jsDrawSVG...

2015-05-13 14:18:00 379

转载 Nodejs开发框架Express3.0开发手记–从零开始

Nodejs开发框架Express3.0开发手记–从零开始http://blog.fens.me/nodejs-express3/转载于:https://www.cnblogs.com/tonyIt/p/4011850.html

2014-10-08 18:47:00 89

转载交互设计实用指南系列(1) – 操作入口明确

链接：http://ued.taobao.org/blog/2009/12/the-practice-guidelines-of-interaction-design-clear-operational-entrance-of-effectivity/“操作入口明确”，就是指产品的任何一个功能都要有明确、合理的入口。“操作入口”，指的是产品内部不同模块之间的转接元素，例如在...

2014-09-08 23:05:00 110

转载交互设计实用指南系列(4)—简洁清晰，自然易懂

链接：http://ued.taobao.org/blog/2009/12/simple/我们生活在信息繁杂的社会，尤其是在互联网时代，人们开始通过网络开始接触越来越多的信息，那么，如何获取/传递有效而准确的信息将非常重要。在网页交互设计中，我们提出：信息获取和传达的过程必须是简洁清晰，自然易懂。这样用户才能够有效的获取这些信息，并迅速作出决定。1.什么是“简洁自然，清晰易...

2014-09-08 23:04:00 83

转载交互设计实用指南系列(5) – 突出重点，一目了然

链接：http://ued.taobao.org/blog/2010/01/the-practice-guidelines-of-interaction-design-emphasis-and-clarity/看到这张照片，我们一眼能够看到天宏(图中这位UED俊男)的眼睛。我们能从他的表情里读出一些他的性格。一张好的摄影作品，最重要的一点，就是这个照片是否有焦点，照片的主题是否...

2014-09-08 22:52:00 158

转载交互设计实用指南系列(6) –标签明晰、有效

链接：http://ued.taobao.org/blog/2010/01/the-practice-guidelines-of-interaction-design-make-labels-clear-and-attractive/导航标签彼此互斥、完全穷尽。导航标签其实就是一种文字表达形式，我们用标签来代表网站上的各种分类信息。比如“联系我们”这个标签，代表的内容通常会...

2014-09-08 22:50:00 78

转载交互设计实用指南系列(8)—深广度平衡

链接:http://ued.taobao.org/blog/2010/01/the-practice-guidelines-of-interaction-design-the-balance-between-breadth-and-depth/相信大家对街边林林总总的房产中介并不陌生，那么我们先看看下面这张图片。图1从右侧这家店的橱窗里，我们能迅速分清哪些是租房信息...

2014-09-08 22:06:00 88

转载不一样的交互组件

链接：http://ued.taobao.org/blog/2010/02/interactive-controls-innovation1/交互设计是一个创造性的工作，利用创新的方式漂亮地解决产品问题，是一个交互设计师价值的体现。当创新的交互设计被用户认可、被业界同行学习，更是一种巨大的职业满足感。这种创新不一定是惊天地泣鬼神的革命性设计，一个小...

2014-09-08 22:01:00 76

转载交互设计实用指南系列(9)— 一次点击

链接:http://ued.taobao.org/blog/2010/02/the-practice-guidelines-of-interaction-design-click-once/那么，如何减少用户的附加工作，保证用户工作效率呢？1，保证主操作以及用户常用功能的方便展现。这是用户快速完成任务的核心。比如播放器需要突出播放按钮，而收起了快进功能。ps的滤镜里会第一个...

2014-09-08 21:54:00 97

转载交互设计实用指南系列(10)—别让我思考

转载：http://ued.taobao.org/blog/2010/02/the-practice-guidelines-of-interaction-design-dont-make-me-think/不让用户思考过多，原则上就是设计符合用户心智模型。大致可以从下面几个方面来讲：1文案：需要让人容易理解，快速记忆。根据不同产品定位，找到恰当的切入点，文案过长或者使用用户...

2014-09-08 16:34:00 76

转载交互设计实用指南系列11-减少记忆负担

转载:http://ued.taobao.org/blog/2010/03/交互设计实用指南系列11-减少记忆负担/科普《辞海》中“记忆”的定义是：“人脑对经验过的事物的识记、保持、再现或再认。”记忆是人类一个非常重要的心理活动，它是人类很多其他思维活动和行为的基础。在所有的认知心理活动中，记忆和软件交互的关系最为密切。我们脑内的神经元反映的信息在需要用的时候可以被准确...

2014-09-08 16:22:00 288

转载交互设计实用指南系列(12)—避免出错

http://ued.taobao.org/blog/2010/04/交互设计实用指南系列12-避免出错/一、如何理解本条内容:一个“简单”和“复杂”的例子在我和开发人员沟通一个项目需求的时候，他们频频慨叹Mockup的设计所考虑情况之细致，很多程序要实现的预判和“非基础功能点”让开发人员望而却步不情愿去实现。相比较设计师为了让用户避免出错而绞尽脑汁去设想和考虑，开发人...

2014-09-08 16:08:00 224

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

转载：http://ued.taobao.org/blog/2013/05/复杂产品的响应式设计【流程篇】/响应式网页不像传统网页只需考虑一种状态，不是交付一套设计稿就完事儿了，它给设计、前端和开发团队之间的协作模式带来新的挑战。在一个复杂产品全面响应式的项目里，交互每个阶段该产出什么？交互与视觉如何协作？前端何时介入？哪些事情让后端开发来做更合理？经历“玩客”第一版后，我们得到了一...

2014-09-08 15:58:00 78

转载 JS/jQuery判断DOM节点是否存在

JS原生判断DOM节点是否存在页面中JavaScript原生函数没有提供判断DOM节点是否存在方法，我们通常获取DOM节点几乎都是document.getElement..方法，会返回一个object数组合集，我们可以通过object[0]，object[1]这样来访问这个合集的每一个对象。既然返回的是数组合集，那么就有length属性，而length大于等于1即表示DOM节点存在页...

2014-09-03 18:57:00 382

转载 jquery.validate手册 (5)

一些常用的验证脚本// 手机号码验证jQuery.validator.addMethod("mobile", function(value, element) {var length = value.length;var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/return this.optional(element) ...

2014-07-09 11:14:00 60

转载 jquery.validate手册 (4)

默认情况下，验证提示信息用label元素来显示, 并且会添加css class, 通过css可以很方便设置出错控件以及错误信息的显示方式。/* 输入控件验证出错*/form input.error { border:solid 1px red;}/* 验证错误提示信息*/form label.error{width: 200px;margin-left: 10px; color:...

2014-07-09 11:12:00 67

转载 jquery.validate手册 (3)

1: 自定义表单提交设置submitHandler来自定义表单提交动作$(".selector").validate({submitHandler: function(form) { alert("验证通过"); }});如果需要提交表单，可以调用form.submit(); 或者$(form).ajaxSubmit();2: 调试模式将debug设置为true，表单不会...

2014-07-09 11:07:00 70

转载 jquery.validate手册 (2)

Plugin methodsName Typevalidate( options ) Returns: Validator验证所选的FORMvalid( ) Returns: Boolean检查是否验证通过rules( ) Returns: Options返回元素的验证规则rules( "add", rules ) Returns: Option...

2014-07-09 10:56:00 135

转载 jquery.validate手册 (1)

主要分几部分jquery.validate 基本用法jquery.validate API说明jquery.validate 自定义jquery.validate 常见类型的验证代码下载地址jquery.validate插件的文档地址http://docs.jquery.com/Plugins/Validationjquery.validate插件的主页http://b...

2014-07-09 10:51:00 104

转载 RequireJS

参考文献:http://www.requirejs.org/docs/api.htmlStop, thinking is the essence of progress.RequireJS由James Burke创建，他也是AMD规范的创始人。RequireJS会让你以不同于往常的方式去写JavaScript。你将不再使用script标签在HTML...

2014-07-02 18:36:00 90

转载 Zepto是一个轻量级的针对现代高级浏览器的JavaScript库

参考文献:http://www.html-5.cn/Manual/Zepto/Source code on Github核心方法$()$(selector, [context]) ⇒ collection $(<Zepto collection>) ⇒ same collection $(<DOM nodes...

2014-07-01 19:04:00 156

转载 Seajs前端开发规范

Seajs简介SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。与jQuery等 JavaScript框架不同，SeaJS不会扩展封装语言特性，而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令 JavaScript开发模块化并可以轻松愉悦进行加载，将前端工程师从繁重的JavaSc...

2014-07-01 15:25:00 116

转载 Sea.js 提供简单、极致的模块化开发体验

参考：http://seajs.org/docs/#intro为什么使用 Sea.js ？Sea.js 追求简单、自然的代码书写和组织方式，具有以下核心特性：简单友好的模块定义规范：Sea.js 遵循CMD规范，可以像Node.js一般书写模块代码。自然直观的代码组织方式：依赖的自动加载、配置的简洁清晰，可以让我们更多地享受编码的乐趣。Sea.js 还...

2014-06-30 17:53:00 118

转载在淘宝里，他们总结的一些前端Tips

1.【约定】文件命名全部都用小写和下划线，样式命名全部使用小写和连接符，JS的钩子使用“J_HiTao”2.【HTML】需要为html元素添加自定义属性的时候，首先要考虑下有没有默认的已有的合适标签去设置，如果没有，可以使用以”data-“为前缀来添加自定义属性，避免使用”data:”3.【约定】文件要求编码必须为GBK、GB2312或者GB180304.【HTML】ht...

2014-06-23 16:14:00 300