发表于
2015-06-23 02:11:21
为什么高端人才会使用「拍卖」选工作？
想象一下，当你在一个网站上递交你的简历后，你会像珐琅彩瓷一样被各个公司竞相拍卖，确定到合适的「买主」之后，专车把你送到面试的地点；入职当天，你会收到精心准备的小礼物，通过试用期后，你还会收到 3000 元的奖金奖励！程序员粘永把简历挂在网站后不久，就接到一个 HR的电话，「太快了」，不到一周，他就得到了心仪已久的公司 Strikingly 的面试机会，顺利入职。啧啧，听上去像是广告一样。但这是个真实的故事，这个网站叫100offer。在星巴克初次见面，100offer 创始人贾智凡向我介绍：我们在做这样一件事——帮中高端程序员高效地选一份更好的工作。「4万名程序员，2600家互联网公司，参加拍卖的程序员90%至少拿到一个offer，平均每人可收到12个靠谱面试机会。」这是100offer 上线8个月交出的成绩，不久前他们拿到了2000万人民币A轮融资。牛人用「拍卖方式」来选工作，有什么合理性？相比于迷茫又急于找到工作的应届生，进入职场多年的中高端人才的选择则非常慎重——有着明确的薪资提升与发展空间的需求，所以猎头和朋友推荐是过去的常用途径。然而凭借猎头和人脉圈，提供的选择机会终究是有限的，中高端人才找工作很容易，但「选」到满意的工作实属不易。「拍卖」，则提供了独特的价值：一次申请，匿名挑选2600家公司，总有很多猎头和人脉圈无法触及的「惊喜」机会；与此同时相比于「广告密集、色彩缤纷
...继续阅读
(18)
发表于
2015-06-18 13:42:17
一些有用的HTML5 pattern
发表于
2015-05-29 08:22:07
用 Virtual DOM 加速开发
简聊(by Teambition)产品前端中使用了 React，最初开发时使用的 Backbone 搭配 doT.js 模版渲染界面，实践下来效果提升了很多。我们希望能吸引更多同学能够运用 Virtual DOM 改进前端开发，所以这篇文章会主要介绍 React 当中 Virtual DOM 相关的知识。传统的 HTML 模版引擎在这之间先看下传统模版引擎的优劣。前端模版大多是跟服务端模板一致，如果底层语言是 JavaScript 的话，比如 EJS，那么模版引擎可以在前端和后端共用代码。模版的写法比如 Handlebars.js 类似 HTML 的语法，在其中增加{{}}作为插值的语法：{{title}}{{body}}然而前端不像后端那样具备访问文件的能力，因此在模版的组件化方面会有不足。比如include header.html的写法，对于前端来说会有一些难度。组件化对于代码重用来说还是非常必要的，所以我们经常对浏览器端模版要采取一些手段，大到 HTML 片段嵌入进行重用的目的，比如：将子模版生成的 HTML 作为数据嵌入到更大的模版当中使用 DOM 操作的手法，将子模板生成 DOM，再插入到父节点修改前端模版引擎的实现，支持模版的嵌套，比如我们的mejs还有一些细节，因为模版引引擎使用的是字符串，导致效果不好。比如最初使用 doT.js 时模版当中的换行缩进经常会在生成的
...继续阅读
(32)
发表于
2015-05-28 16:58:00
用 Virtual DOM 加速开发
简聊(by Teambition)产品前端中使用了 React，最初开发时使用的 Backbone 搭配 doT.js 模版渲染界面，实践下来效果提升了很多。我们希望能吸引更多同学能够运用 Virtual DOM 改进前端开发，所以这篇文章会主要介绍 React 当中 Virtual DOM 相关的知识。传统的 HTML 模版引擎在这之间先看下传统模版引擎的优劣。前端模版大多是跟服务端模板一致，如果底层语言是 JavaScript 的话，比如 EJS，那么模版引擎可以在前端和后端共用代码。模版的写法比如 Handlebars.js 类似 HTML 的语法，在其中增加 {{}} 作为插值的语法：<div class="entry">
<h1>{{title}}</h1>
<div class="body">
{{body}}
</div>
</div>然而前端不像后端那样具备访问文件的能力，因此在模版的组件化方面会有不足。比如 include header.html 的写法，对于前端来说会有一些难度。组件化对于代码重用来说还是非常必要的，所以我们经常对浏览器端模版要采取一些手段，大到 HTML 片段嵌入进行重用的目的，比如：将子模版生成的 HTML
...继续阅读
(22)
发表于
2015-05-28 16:58:00
用 Virtual DOM 加速开发
简聊(by Teambition)产品前端中使用了 React，最初开发时使用的 Backbone 搭配 doT.js 模版渲染界面，实践下来效果提升了很多。我们希望能吸引更多同学能够运用 Virtual DOM 改进前端开发，所以这篇文章会主要介绍 React 当中 Virtual DOM 相关的知识。传统的 HTML 模版引擎在这之间先看下传统模版引擎的优劣。前端模版大多是跟服务端模板一致，如果底层语言是 JavaScript 的话，比如 EJS，那么模版引擎可以在前端和后端共用代码。模版的写法比如 Handlebars.js 类似 HTML 的语法，在其中增加 {{}} 作为插值的语法：<div class="entry">
<h1>{{title}}</h1>
<div class="body">
{{body}}
</div>
</div>然而前端不像后端那样具备访问文件的能力，因此在模版的组件化方面会有不足。比如 include header.html 的写法，对于前端来说会有一些难度。组件化对于代码重用来说还是非常必要的，所以我们经常对浏览器端模版要采取一些手段，大到 HTML 片段嵌入进行重用的目的，比如：将子模版生成的 HTML
...继续阅读
(28)
发表于
2015-05-14 15:27:25
25个超极简的网站设计
发表于
2015-05-07 12:09:29
QQ浏览器X5内核问题汇总
常常被人问及微信中使用的X5内核的问题，其实我也不是很清楚，只知道它是基于android 4.2的webkit，版本号是webkit 534。今天正好从X5团队拿到了一份问题汇总，梳理下发出来，给各位开发者以参考——不排除明天会删除这篇文章的可能。1.Android WebView常见问题及解决方案汇总：http://blog.csdn.net/t12x3456/article/details/137697312.请问各位碰到过X5浏览器内，局部滑动使用iscroll卡顿的问题么？回答：是使用iscroll.js这个JS去滚动么？如果只是为了产生滚动，建议使用overflow属性来，目前有一种滚动优化在线上版本效率不是太好，通过JS去改变CSS的属性产生滚动3.调用：-webkit-filter: blur(10px);filter: blur(10px);在Android下 背景图没有blur掉，只是被单纯的放大而已回答：-webkit-filter目前还不支持，可以先用图片替换的方式
后续版本会支持这个属性4.shadowBlur是阴影效果吧，我们是想实现图片毛玻璃回答：http://blog.csdn.net/jia20003/article/details/9195915这个有用么5.LBS相关，定位频繁失败第一步，首先确认定位失败是个别站点原因还是所有站点定位都失败。如
...继续阅读
(60)
发表于
2015-05-04 06:04:47
Mobile Readability Guidelines
前言：这是之前为团队微信账号写的一篇文章，同步过来。叫 Guidelines 其实有些托大了，只是站在前人的肩膀上，梳理一些移动端文字排版的简单参考。百度在 2014 年第三季度财报中表示，其移动端的流量已经超过 PC，微信中每天有超过 2 亿人阅读超过20亿次图文消息，这些都说明越来越多的人已经习惯于手机上阅读有价值的内容了。那么作为读者，你花多少时间认真阅读一篇文章？作为内容发布者，你是否对文章的阅读量和转化率感到满意呢？根据诺曼集团的用户调研，我们可以得到用户在网页上阅读时的一些行为习惯：用户平均最多只阅读一篇文章的 28%，其实通常只有 20%；17% 的读者会在 4 秒内关掉一篇文章，超过 10 分钟的只有不到 4%，说明大部分用户并没有认真读；读者阅读一篇文章的内容通常在 30 到 1250 个字之间，超过 1250 个字就很少有人能读完；人们一分钟能读 250 个字左右，但屏幕上通常是扫描式阅读，4.4 秒钟就能读 100 个字，也就是说，阅读比例大概只有 18%；读者是如此浮躁，那么我们该怎么做呢？针对用户阅读的习惯和手机屏幕的特征，我们整理出一些移动端的文章可读性指引，希望能够帮你提高文章的阅读体验，从而提高文章的阅读量和转化率：去除装饰，聚焦在内容；精简，简化标题、段落和内容，相对于印刷的内容，精简掉一半的文字；每段只表达一个观点；使用清晰的排版结构，比如：标
...继续阅读
(20)
发表于
2015-05-04 03:51:55
Chrome rem bug
发表于
2015-04-29 08:54:49
Hello Ghost
从春节到现在，网站的服务器都不太稳定，估计和Linode东京机房vps卖光有关，国人为了自由的访问Google，也是蛮拼的。而且发现mysql的稳定性有问题，折腾了几次后问题依旧，看来前端开发也要掌握高深的运维技术才行。不过最近趁这个机会，将博客从wordpress迁移到了Ghost，并且顺便把所有文章重新review了一遍。Ghost的后台使用markdown编辑器，更方便写东西了，而且轻量好多，可以完全focus到写内容上，而不用管那些复杂而又非核心的设置和插件了。不过Ghost也有不足，比如：没有自带评论，只有接入第三方评论本来想要接入多说，但导入评论数据后，多说并不能将旧评论展示出来，索性用disqus了，虽然disqus偶尔会被伟大的防火墙给...permalink格式太单一只有tag系统，没有分类，所以只要把头部的分类导航给去掉了没有站内搜索，这个最不爽。有个非官方的搜索插件，但对中文支持不好。使用了google自定义搜索，但大部分读者没法用吧最后使用了百度的站内搜索。还有各种其它的小功能缺陷。但，毕竟想要focus到内容上面，所以忍一忍吧，那些非核心的功能也不是必须的。嗯，模板开源了，有需要的同学可以访问：https://github.com/qianduan/Next
...继续阅读
(46)
发表于
2015-02-09 13:13:57
[Task Master] gulp-lint
发表于
2015-02-09 13:13:57
[Task Master] gulp-lint
初衷从事前端开发这个职业几年之后，我已经彻底从一个完美主义者变成实用主义者。但是对于代码风格的要求，却越来越强烈。在一个「用户体验」已经用滥的圈子，也有很多 web 开发者或真心或虚伪得说要一个「有非常好的用户体验」的产品。但是你看看他们的代码，可读性极差都不算什么严重问题，有的甚至像几个不同性格的分身写出来的。在我看来，写代码也是在做「产品」，只不过不同于直接面向用户的产品。但是，如果这点意识都没有，我很难相信他们能做出什么体验良好的产品来。在我看来，良好的代码风格就像好的木工做壁橱时，放在靠墙那侧的那块好板子。同时，我不相信人可以一直对自己有高要求，因为我自己有时候也很懈怠，总想着「以后再说」，可是 “Wait” has almost always meant ‘Never’.“。我也不相信所有人都会追求好的事物。所以，我更相信工具。实现首先需要创建 .git/hooks/pre-commit 并且使用chmod +x确保它是可执行的。#!/bin/sh
if git diff --cached --name-only --diff-filter=ACM | grep ‘.js$’ >/dev/null 2>&1
then
./node_modules/.bin/gulp lint
fi
exit $?git diff --cached
...继续阅读
(29)
发表于
2015-01-30 21:11:46
table-cell的手机应用场景
发表于
2015-01-30 21:11:46
table-cell的手机应用场景
发表于
2015-01-21 13:44:15
网页字体排印指南
发表于
2015-01-21 13:44:15
网页字体排印指南
排版者应像手艺人一样遵循一条原则：做好自己的工作并隐于无形.关于网页上百分之九十五的信息是「文字」，大多数人浏览网页的状态就是阅读，也就是你目前正在做的事情. 因此作为一名前端工程师，让文字更好地在网页显示，是一件极其重要的工作.字体排印有两种形式，一种称为 Creative Typography，另一种称为 Technical Typography. 前者倾向于设计，比如选择的字体表达的情绪，字间距的设定带来的视觉影响. 而后者更倾向于技术，以一套有迹可循的规则进行应用，比如实现「齐头尾」如何避免中西文混排造成的字间距拉伸，以及选择什么样的font-family可以在多平台上最优显示等等.本文主要围绕 Technical Typography 进行讨论.选择字体在 Web 上应用字体，是一门技术，同时也是一门艺术. 由于计算机历史发展的原因，西文有大量优秀的字体可供选择，可对于中文来说就是一项挑战. 主流操作系统提供的本地中文字体极少，另一方面中文字体组成的特殊性，其体积过于庞大，无法良好地使用 webfont. 所以编写健壮的font-family是一件需要深思熟虑的事情.以下列出各种平台下合适的中西文字体：桌面端 Mac, Windows, Linux 上适合网页显示的优秀中文字体MacWindowsLinux冬青黑体Hiragino Sans GB中易宋体SimSun文泉驿
...继续阅读
(11)
发表于
2015-01-21 00:24:24
HTTPS, SPDY和 HTTP/2性能的简单对比
发表于
2015-01-21 00:24:24
HTTPS, SPDY和 HTTP/2性能的简单对比
发表于
2015-01-16 17:05:20
用Ionic开发hybrid APP
转载自：用Ionic开发hybrid APP原作者：xiaodao请尊重版权，转载请注明来源，谢谢~~使用phonegap开发APP的优劣在此不必细说，快速，简单，跨平台，以及随着iOS，Android本身对webview优化所带来的不错的性能，便是其独有的优势。而且私以为在目前激烈而又变化快速的移动APP市场环境下，用phonegap来开发APP未尝不是一种低成本mvp的方案，快速发布，成王败寇^-^为什么选用ionic其中ionicframework便是phonegap开发hybrid APP技术中的一员新秀，甚至可以说是一员虎将，而且免费且开源。Ionic的优势非常显著：性能优异基于红的发紫AngularJs漂亮的UI强大的命令行(基于更热门的nodejs)开发团队非常活跃，相关配套非常齐全： - 相对充足的学习资料，Learn Iconic,The Iconic bookngcordova，将主流的Cordova API或者Cordova插件封装为AngularJS扩展，使用非常方便。开源免费的webfont icon库ionicons,基本满足你icon需求。甚至最近开发出的可视化开发工具Ionic Creator最后便是至关重要的，异常活跃的在线社区。安装使用官网的使用教程完全足够。$ npm install -g cordova ionic$ ionic start
...继续阅读
(36)
发表于
2015-01-14 21:24:16
前端观察又改版
发表于
2015-01-13 01:18:29
引入css外部样式表
发表于
2015-01-06 01:56:25
css透明度的一些兼容测试
发表于
2014-12-29 02:43:49
利用css3-animation来制作逐帧动画
