javascript

JavaScript Promises 初体验

Promise 是什么? Promise 对象用来进行延迟(deferred) 和 异步(asynchronous) 计算。 一个 Promise 处于以下三种状态之一: pending: 初始状态, 非 fulfilled 或 rejected. fulfilled: 成功的操作. rejected: 失败的操作. Promise 接口表示为一个值的代理,这个值在promise创建时未必已知. 它允许你将 handlers 与一个异步 action 最终的成功或失败状态关联起来. 这使得异步方法可以像同步方法那样返回值: 异步方法返回一个在未来某个时刻拥有一个值的 promise

2014

我的 2014

项目0重构与团队扩建 去年做的项目0,由于工期赶,技术弱,人员不足,导致项目越发的难以维护和改进。在和老大的沟通之后,公司决定重构项目和扩充团队。招来几个有经验的后端工程师,也招了几个比我牛逼的前端。 大家对项目都比较看好,团结一致,气氛很好。与于我而言,有了更厉害的同事,可以请教,学习,更是感到欢欣鼓舞。在接下来的日子里,陆陆续续看了很多前端的书籍,例如 javascript权威指南 javascript高级程序设计 javascript 模式设计 等等。 在公司的一次技术分享中,了解了 backbone ,并在项目中进行实践。发现自己对 javascript 的理解实在是太浅薄,

本地存储

本地数据存储之 IndexedDB 实践

1. 本地存储的类型 本地存储主要有以下几种: Web Sql IndexedDB Local Storage Session Storage Cookies Application Cache 2. 项目需求 离线存储读取数据 允许用户对数据进行增删改操作 数据存储在本地,不依赖后端 数据支持索引查询 由于 WebSQL 在标准上还存在争议,而 localStorage 实现数据分页、查询比较复杂,最终考虑使用了 IndexedDB 来满足需求。 3. IndexedDB 数据库的使用

responsiveness

使用 Chrome 测试页面响应性

如今我们都知道 响应式 的意思。作为开发者,我们常常开发一些响应式的应用。有很多工具可以帮助我们完成这个目的。某些人甚至使用付费扩展。然而,我用了一个东西,它就是 Google Chrome 浏览器。 在本文中,我们将会看到 Chrome 测试响应性的能力。 选择测试项目 我们需要一个简单的网页来进行演示。我们随便建一个。下面的 HTML 代码展示了页面的初始状态。 它包含了导航和几行文本。接下来,我们会添加更多的标签。 <!doctype html> <html>

HTML Imports

如何使用 HTML Imports

Web 组件从第一次被引入,经历了漫长的过程。其中某个组件可能真的会改变我们编写网站的方式,它就是 HTML Imports 。 这种方法允许我们将 HTML 文档导入到其他的 HTML 文档中去 。 它可以通过 Ajax 实现,不过 HTML Imports 是一个更干净的方法 。 浏览器支持 HTML Imports 是一个非常新的技术以至于目前只有 Chrome 31 及以上才支持。即便如此,你还必须手动激活这个功能。在浏览器地址栏输入并访问 chrome://flags 然后启用 "

2014 实现一个更好的自己

找工作 2012年底开始来杭找工作。网上投了不少简历,基本都石沉大海。于是转变思路,去了学长就职的米折网面试,一进去就把我关“小黑屋”笔试。因为是第一次参加面试,没什么丰富的经验,笔试下来就感觉很不好。后面查看作品演示的时候,也出了很多状况,总之一句等通知拒绝了我。 这次挫败之后,在简历上下了点功夫,后来去面了第二家公司,顺利得拿到了 offer。 其实回过头想想,当初应该多面试几家,积累点经验。 实习工作 在杭州租房子也是十分头疼。租金贵,作为一个学生,口袋里没多少钱了。房租压一付三,无奈只好找我哥借钱。(因为一些原因,不想问家里要钱) 一个月后过年了,

响应式设计

响应式图片容器:响应式图片的发展方向

距上一次我写这类的文章已经近一年了,但通过一种“魔幻”的图像格式来解决世界饥饿问题 和/或 响应式图片问题(不管哪个先实现)的梦想一直在我脑海中。几周前,我开始思考是否存在一种图像格式能够解决art direction和分辨率切换问题。 就如何做到这一点我有很多想法,于是我创建了一个原型来证明它的可行性。该原型现在已经可用了,并且可以进行修改更新。在本文中,我会阐释该原型做了什么,它不能做什么,它是如何工作的, 还有它相对与标记解决方案(markup solutions)的优缺点。我也尽力用通俗的语言阐释响应式图片格式的概念,让它更具体和浅显易懂。 “举几个反对标记解决方案(Markup Solutions)的例子?” 不,我不会这么做!发自内心的!

响应式设计

向客户推销响应式设计

设计并开发的网站能够友好的支持移动设备,已经成为当今网页设计的一个重要趋势。 它的重要性体现在我和客户交谈时,几乎所有的客户都把“支持移动设备”作为网站重新设计的第一要务。 去年年底,我开始给一家销售加工木材产品的公司做新设计。在讨论的一开始,我就把话题转到支持移动设备和响应式设计。通常,这个话题很受欢迎,但这次例外了,就像客户所抱怨的: 我们的客户不会使用手机来访问我们的网站。 我已经不止一次的从我的潜在客户那儿听到类似的回应了。我也和许多公司交谈过,但这些公司都严重低估了通过手机或是移动设备来访问他们公司网站的人数。通常情况下,看下流量统计就能让他们看清移动设备对他们网站流量的影响。但是当我看到这个特殊客户的分析报告时,我惊呆了。 2%。这就是当时来自移动设备的用户数量。就这么多! 在结束这个故事之前,我最终和这个客户合作然后重新设计的他们的网站,并且那个网站现在完全是响应式的。在设计师如何推销响应式网站上,它给了我们一个有趣的启示:当我们认为应该推行一种大家公认的最佳实践的解决方案时,客户的需求往往不是显而易见的。 明确他们是否真的需要一种移动网站体验

kindle

日本海淘 kindlePaperWhite

周末在家,实在无聊,打开豆瓣小组,突然想找 kindle 小组看看,然后看到一篇帖子推荐大家去海淘 kindle,内心顿时波涛汹涌了。 国行上市一直都不是很明郎,有的说4月16号,也有的说推迟到5月1号了。有的淘宝卖家甚至做出郑重承诺:传闻国行如期上市,补差价。 这更加让我困惑了。 买还是不买?这是一个哲学问题。 实践出真知,在我经过一个下午的倒腾之后,发现从日亚麻购买还是挺便宜的,至少比淘宝那些不靠谱的代购合算多了。7980日元折合软妹币也就500还不到一点。 购买流程 下面介绍下我是如何买到日本的kindlepaperwhite的。 首先注册日本亚马逊会员 注册转运公司会员 我选择的是 jshoppers 下单,送货地址填写转运公司提供的地址,用信用卡支付 我在支付这关卡住了,

毕业

碎碎念

在校的日子总是过得很快很充实,这是对有课的同学说的。 大四了,由于没有课程安排,那些个没有目标,没有方向,寂寞空虚冷的骚年们逐渐的浮出了水面。 他们着急,却不知所措。他们知道自己的不足却又感觉无力回天。他们也曾尝试努力一把但到头来还是输给了自己。 看他们的桌面,大学四年的书都整齐得叠在架子上,伴有些许灰尘。桌面上凌乱不堪的作业本,各种线缆,刚吃完的快餐盖子,外面传销发进来的传单……这些,或多或少的包围着那台饱经沧桑的笔记本。 他们的桌面,十之八九不是游戏就是视频,抑或社交网站。 他们在电脑面前一坐就是一天,管他外面刮风下午,只要不饿肚子,不发生点断电断网的大事,外面的世界就与他们无关。 正因为如此,断网控制了他们的作息。 临近毕业,迫于毕业设计的压力,他们迫切的想在短期内掌握一门像样的技术,