摘要：
当用户出错时，设计师需要为产品的可用性提供“退路”或者“其他路线”。换句话说，当用户在操作过程中触发了错误事件，需要有合理的交互反馈来帮助用户排除使用障碍，继续未完成的操作——回归到 WEB产品本身，即提供“返回入口”和“文案提示”，确保用户能“转移”到正确的操作流程中去。就出错行为的主体而言，可分“知错”和“不知错”两种。前者是知道正确的操作行为方式，但由于大意疏忽导致错误的发生；后者是完全不知道已经在进行 错误操作，无意识犯错。对于“知错”，最有效的解决方法是提供“返回”、“取消”之类的入口（有时甚至是模态对话框），让用户能撤销之前的错误行为；而对 于“不知错”，往往要通过信息提示等交互方 阅读全文
摘要：
在数据传输过程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。例如：JSON字符串:var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象:var str2 = { "name": "cxh", "sex": "man" };一、JSON字符串转换为JSON对象要使用上面的str1，必须使用下 阅读全文
摘要：
情感化设计要点：惊喜：提供一些用户想不到的东西；引导注意力：提供鼓励、引导与帮助；建立预期：向用户透露一些额外的东西；专享：向某些用户提供一些额外的东西；响应性：对用户的行为进行积极的响应。一些方法：模仿人类的情绪。例如“微笑”；图片会在一定程度上左右人的情绪思维，尤其是以人物或事件为主题的图片。对于漫长的页面加载时间，不妨在界面上放置些临时性的小提示来吸引用户的注意力，减弱他们对响应时间的感知。（譬如当处于等待加载数据的过程中的时候，logo会有微小精致的动画进行）智能化：对用户进行智能化的响应式输出，这也是情感化设计策略之一。吉祥物：例如腾讯的企鹅，UC的狐，京东的机械狗。。。登录页面：每 阅读全文
摘要：
学习目的：前后端数据交换思路：json数据格式是怎么样？后端各种语言怎么将自己内容转换成json格式的内容？前端怎么接收json数据？有几种方式？js中怎么将json数据转换成js中的数组，对象来使用？遇到问题：用ajax接收数据直接赋值给了变量，发现里面是一个数组。在php中不知道怎么传递数据？（或者说ajax的xmlhttp.responseText是怎么获取后端数据的？）php中把对象和数组转换成json数据格式的方法。学习过程:1.json知识普及从结构上看，所有的数据最终都可以分成三种类型：第一种类型是scalar（标量），也就是一个单独的string（字符串）或数字（numbers 阅读全文
摘要：
1、拖动选择使用矩形选框工具，在画布上拖动（不要松开鼠标），这时按住空格键，然后移动鼠标，你会发现选区也跟着移动了。2、左右流量文档按住Cmd（Ctrl）键，上下滚动鼠标，你会发现文档的滚动条在左右移动（编者注：当然你的文档要足够大，才能显示出左右滚动条）。3、快速展开或收起图层组按住Cmd（Ctrl）键，点击图层组前的三角图标可快速展开或收起一级图层组。按住Cmd（Ctrl）+ Opt（Alt）键，点击图层组前的三角图标可快速展开或收起所有图层组。4、浏览图层混合模式同时按住Opt（Alt）+Shift+ ”-”或”+”键可按顺序切换图层混合模式。5、快速切换工具列表使用Shift键+工具快 阅读全文
摘要：
利用 ActionScript，可以在 HTML 页上执行以下操作：调用任何 JavaScript 函数。传递任意数量、具有任意名称的参数。传递各种数据类型（Boolean、Number、String 等等）。接收来自 JavaScript 函数的返回值。通过在 HTML 页上使用 JavaScript，可以：调用 ActionScript 函数。使用标准的函数调用表示法传递参数。将值返回给 JavaScript 函数。获取flash以供javascript与其交互之用：方法一：function getFlashMovieObject(movieName){ if (window.doc... 阅读全文
摘要：
由于Dom方法和ECMAScript方法就好比两个独立的岛屿，两者之间如果过多交互会带来一些性能消耗。我们应当尽量减少两者的交叉使用。例如JS操作Dom1、chrome等webkit浏览器下：Dom方法比innerHTML方法性能要好。2、firefox、IE、opera等浏览器反而是innerHTML比Dom方法性能好。DOM优化方法：减少dom操作1、采用节点克隆方法 - cloneNode2、访问元素集合 - 尽量采用局部变量（把常用到的值存到一个局部变量里面）3、元素节点 - 尽量用只获取元素的节点方法（例如childNodes -> 元素节点、文本节点； children -& 阅读全文
摘要：
学习笔记：闭包的概念闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。闭包的用途闭包可以用在许多地方。它的最大用处有两个：1、一个是前面提到的可以读取函数内部的变量；2、另一个就是让这些变量的值始终保持在内存中。使用闭包的注意点1、由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局 阅读全文
摘要：
Mozilla Firefox 18.0 beta 3版本发布http://www.cnbeta.com/articles/216937.htm改进之处当中有三点让我感兴趣的:支持W3C触摸事件.支持CSS3 Flexbox.开启开发长达1年之久的的新一代JavaScript引擎——IonMonkey下面来长下知识，跟进下现在的浏览器发展对于前端的一个促进趋势。于2010年10月28日，W3C正式成立了WEB EVENTS（事件）工作组。W3C Web Events（事件）工作组成立的目的是发展关于多点触摸事件（相关的装置包含手写板、电子白板或是类似的输入装置），及高级的涵盖触控装置、键盘输入 阅读全文
摘要：
通过对日常工作的思考，把遇到过的页面需求抽出来做一些dome，当做练手和实验一些新技术的方式。工作中时常用到的焦点图切换效果，平时都用一些优秀的兼容性比较好的插件来实现居多。今天来根据自己的思路写一个。（还需要后续的完善。。。）html： <div class="scroll_pic"> <ul class="clearfix"> <li><a href=""><img src="images/b_1.jpg" alt=""></ 阅读全文