摘要: # User experience以用户为中心,——通过`简单`的操作`快速`完成`美好`的任务 ## 简单### 聚焦,我在干什么?我接下来要干什么?* 删除、隐藏,合并、分组 - 使用背景色,而非边框来划分区域 - 碎片化,电话不是现在就需要* 突出主题,使按钮、链接易于点击... 阅读全文
posted @ 2014-09-14 11:59 宏图志远 阅读(344) 评论(0) 推荐(1) 编辑
摘要: # 性能>性能=习惯+工具### 一、无阻塞脚本众所周知,浏览器解析html页面的步骤,简介一下* 从head开始,下载外部样式、脚本并逐一执行* 完成dom树的构造* 请求外部资源,如图片,音频等>注:指定图片大小,可以避免浏览器自己耗费时间来计算回归主题,浏览器一般只能同时下载两个资源,在此过程... 阅读全文
posted @ 2014-09-14 11:51 宏图志远 阅读(2229) 评论(10) 推荐(5) 编辑
摘要: ## 浪潮1966年,美国西屋公司工程师,设计了第一个智能家居系统,尽管功能有限,但是他向人们展示了一种新的生活方式,和理念。1999年,比尔盖茨,花费数十亿美金,在全世界推广维纳斯计划,由于当时技术条件的不成熟,最终,无疾而终。但是,他对于我们树立起智能的意识,至关重要。2007年,iPhone的... 阅读全文
posted @ 2014-09-01 10:21 宏图志远 阅读(1951) 评论(3) 推荐(5) 编辑
摘要: Polymer Template一、Ta的简介template是polymer element中一个重要的组成部分,主要有两种使用目的,一是构建Shadow Dom,二是用于数据绑定和视图渲染。1、可以在template里面放置css、html代码,标签外的,html标记不会被渲染出来。 在这里通... 阅读全文
posted @ 2014-04-25 11:37 宏图志远 阅读(1651) 评论(1) 推荐(1) 编辑
摘要: 什么是polymer?polymer由谷歌的Palm webOS团队打造,并在2013 Google I/O大会上推出,旨在实现Web Components,用最少的代码,解除框架间的限制的UI 框架。Everything is an element,一切皆组件,是polymer的核心思想polymer 可以通过Twitter的包管理器bower,方便的进行组件(Elements)及包的依赖管理,不必自己从git上下载组件。 polymer分层结构: 元素层(Elemets), 分为UI elements(如select、tab)、 non-UI elements(如ajax、... 阅读全文
posted @ 2014-03-13 18:32 宏图志远 阅读(5503) 评论(0) 推荐(3) 编辑
摘要: 不知不觉就要毕业了。不知不觉的就参加了很多次笔试、面试了,有阿里、腾讯、百度、新浪、网易、美团等大大小小的公司。不知不觉的就在阿里实习了半年,就到了美团了。不知不觉,就想写点东西留给后来人参考参考,所以写了。先发出一个贯穿2014年的问句,“时间都去哪了?”。如何写好简历?常规: 整个简历最重要... 阅读全文
posted @ 2014-02-28 15:23 宏图志远 阅读(5707) 评论(10) 推荐(14) 编辑
摘要: 这个功能可以帮你实现,在图片上进行随意的涂抹,可以用于SNS产品。绘图本身很简单,但是要实现在图片上指定的部分精确(位置,缩放)的绘图,就有点麻烦了。下面讲讲实现过程及原理:UI构图这个UI,看似简单,还是有点复杂的,下面需要一个底图,上面再来一个透明的图片控件,画图的时候要同步两个控件的变形。UI层次简图为什么,需要上面一个Canvas Image与Back保持一致?因为,Canvas Image会被画到Canvas上,它是Canvas的宿主,即ImageView被变成了一块画布,原来ImageView上的内容会被擦除。如果只有Back Image那么一旦开启画布,你什么也看不到。神奇的Ma 阅读全文
posted @ 2014-02-18 16:47 宏图志远 阅读(1985) 评论(1) 推荐(3) 编辑
摘要: 什么是性能优化? 就是在通过改进程序的结构和执行过程,使得我们能在更短的时间内,利用更少的资源来完成同样的工作。 对于编译型语言来说,可以通过改进数据结构、算法,将中间代码转化为本地代码,缩短汇编指令(避免类型转换),读写高速缓存,控制垃圾回收等方法来提升程序性能。 性能优化,往往提升空间是很有限的,而且需要投入相当的精力,所以除了平时养成习惯,建议将性能优化放在最后,很多情况下它都不是必须的。 对于,我们前端来说,性能优化,主要指的是,提升页面的加载速度,避免内存泄露,避免频繁的重绘,改进算法(尽量使用JS的原生函数)。下面我们主要讨论加载速度页面加载速度页面的加载,包括从请求、响应... 阅读全文
posted @ 2014-02-17 18:04 宏图志远 阅读(352) 评论(0) 推荐(1) 编辑
摘要: 什么是ORM? ORM,即对象关系映射(Object Relational Mapping)表示一种技术,用来把(对象模型)表示的对象映射到基于SQL的(关系模型)数据结构中去。 说得通俗点,就是在对象的属性与关系表的字段之间建立一套规则,来实现数据的交互。我们只需使用对象提供给我们的接口来完成数据操作,而无需关心数据到底是如何被查询,被插入的,省去了我们写sql语句的麻烦。一般一个关系表对应两个类,即实体类和操作类。如何实现ORM? ORM,只是一个概念,不是一种实现。我们完全可以在这个概念上实现自己的ORM框架。而实现这个框架的核心是反射(reflect)技术。通过它,我们可以根... 阅读全文
posted @ 2014-02-10 14:04 宏图志远 阅读(2550) 评论(5) 推荐(1) 编辑
摘要: 一、年轻的我 “无人不成商”,如果一个电子商务网站想要做起来,搞活动时必不可少的(引入流量、提高用户黏度、活跃网站氛围),今天打折,明天送红包。 (立秋活动,右) 作为一个前端,我当然要从技术的角度来讲一下活动页面怎么做,怎么做?刚到,天猫的时候第一个任务就是要做一个(关于立秋食材)的活动页面。由于,太年轻了,跟着我的前任,来到设计师妹纸的屏幕下晃了两眼,嗯,不错,真漂亮,呵呵(可以意会)。言归正传,当时觉得这个页面挺简单的啊,不就切个图嘛,一两天随便玩嘛,还是太年轻。 前两天我一点也不急,淡定中。直到大限将至,开始整了。前面,很是顺利,框架几下子就搭起来了,接着就切图往里... 阅读全文
posted @ 2014-01-27 12:23 宏图志远 阅读(2116) 评论(1) 推荐(5) 编辑