轩枫阁

职位

Web前端开发工程师

职责

• 负责腾讯微信线下业务系统相关web产品的前端开发
• 通过技术提升产品的用户体验
• 突破web多终端/设备为更多用户群体提供随时随地的线上生活体验
• 通过无障碍研究/SEO提升产品的口碑和品牌受众

工作地点

深圳

要求

• 两年以上前端开发工作经验
• 有移动终端产品前端研发经验
• 精通 HTML5、CSS3 等网页制作技术，熟悉页面架构和布局
• 熟悉 JavaScript, 可以搞定常用交互及 Ajax
• 熟悉 web 标准，对表现与数据分离，HTML 语义化等有深刻理解
• 熟悉 iOS HIG 和 Android Design
• 对网站性能优化有研究并有相关实践经验
• 对web技术钻研有强烈兴趣，有良好的学习能力和强烈的进取心和创新意识
• 思维缜密、思路清晰，较好的逻辑分析能力

加分

查看全文

express不能运行

安装Node.js的web框架Express：npm install -g express，键入命令：express –help，出现提示：sh: express: command not found。明明安装了express，但却告知不能命令运行express。如图

解决方案

在安装express时增加generator参数：

npm install -g express-generator 查看全文

渐变的艺术

渐变是PS里的基本功能。PS渐变工具中设置好两端不同的颜色，简单一拉就就会产生渐变，还需要研究吗？实际上如何选用合适的渐变是一个设计师的基本功，也是一个界面好的开始，更是一门艺术。

效果类渐变

根据应用场景层面把界面设计分2类：效果类界面和应用类界面

效果类渐变，例如网站专题，娱乐性的软件操作界面，单一界面用户停留时间不会太长，界面需要追求华丽的效果，夺人眼球，所以需要华丽的渐变搭配。

• 效果类界面使用的渐变具有饱和度高，渐变跨度大的特点
• 渐变亮部暗部色调可不一致
• 渐变塑造的质感比较厚重

查看全文

前言

与其用华丽的外衣装饰自己，不如用知识武装自己——马克思。来自于马克思的一句格言，对于现在刚毕业的自己来说，读书也固然重要，不然也只是整天活在浮躁的年代，真正能随着时间沉淀下来的是知识。本次文章一改以往技术文章形象，串一串文学。

大家也都知道，豆瓣读书是个很好的阅读平台，当你不知道该选择什么书去阅读或者购买的时候，可以先去豆瓣看看书评，你就知道这本书适不适合你了。像很多图书馆的书评，也都引用自豆瓣读书。本次整理的是豆瓣读书TOP200，希望对你有用。

小技巧

不管你是不是一个读书爱好者，我都推荐豆瓣读书这个平台。如果你热爱读书，可以进行书评传播给其他人。如果你不热爱读书，你可以去上面找到相关行业推荐的好书。

而最终大家都变成了读书的人，这时，还有个很重要的步骤就是在豆瓣读书记录下你所阅读过的书，这个记录无论是作为面试时候展示给面试官看的资料，还是作为往后人生的一个回忆，都是相当珍贵的。

豆瓣读书TOP250

http://book.douban.com/top250

豆瓣读书TOP200

简介

◆剔除了豆瓣250里的同一书目的多版本和多系列

◆不同版本取排名最高，如小王子、一九八四等30部名著同时有2-3个版本入围250

◆系列丛书取排名最高，如哈利波特、明朝那些事儿

◆排名基本上可以不分先后，很多排名低的得分反而要高过排名高的

◆不知豆瓣250的入围标准是什么，觉得至少要同时满足两条件：得分≥8.5，人数＞1000 不过也有许多满足条件也未入选的，不知道是不是豆瓣也跟IMDB一样有只计核心用户投票的功能

排名

1.红楼梦

2.小王子

3.围城

4.活着

5.灌篮高手

6.飘

7.机器猫

8.追风筝的人

9.三国演义

10.福尔摩斯全集
查看全文

前言

视差滚动，大家也许并不陌生。但是对于视差方向移动，你是否有见过效果呢？看官请进来瞧瞧~

demo

轩枫阁404页面：http://xuanfengge.com/demo/201406/404/

github 404页面：https://github.com/404

说明：轩枫阁的404页面灵感来自于Github 404页面效果，并增强了交互。同时轩枫阁的第一个404页面效果是腾讯公益404寻找孩子页面，现在的版本是二次改版，增强了交互，即进入404页面后，需要在当前页面中充当福尔摩斯角色，通过线索寻找到返回首页的入口。

视差滚动

简介：视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。

示例（最后一个专题）：http://www.xuanfengge.com/funny/

视差方向移动

简介：这个名称是博主自己起的→_→。即多个元素跟随鼠标移动方向，以不同的速度和距离，在同一个方向上进行移动的交互。

插件：使用的是shake.js这个jQuery插件。首先要先加载jQuery才会生效。

下载：shake.js 查看全文