译自：http://www.merttol.com/articles/web/checklist-for-better-web-typography.html找到一个简单可行的网页排版清单，个人感觉可以当入门级参考来使用。这个网站同时还有一个完整的设计清单，不只是排版相关的。排版可以影响到读者是否阅读这里的内容，也潜移默化的让他们注意到你的网站。选择适当的字体并控制它们的展现形式是你传递信息的关键。下面的清单用来归纳出一些要点，帮助你在网站上线之前确认一下是不是所有该做的事情都做到了。布局字体和格式内容艺术字关于布局，你是否：把内容通过大标题、小段落、列表符号、侧边栏、缩紧或引用将其分开？通过分栏将较宽的页面将行宽限制在 350～550 像素内？加重加大显示首字母/首行以改进较长文本的可读性并让整个页面的配色更明亮？增加字母或单词直接的空隙以示强调？首行缩紧或双倍段落间距，但不要两者兼有？避免把紧跟在标题后面的段落缩进？在标题之前使用双倍段落间距但是在标题和其引出的内容之间使用单倍段落间距？关于字体和格式，你是否：为正文文案使用无修饰的、针对屏幕优化过的字体且使用清晰易读的大小？为长文本适度使用更松散的首字母/首行，或减轻页面的密度，以示强调？使用更宽的字符或单词空隙，以示强调？将正文左端对齐，右端参差不齐？通过对比性的元素，比如不同的字体、字号、字重、颜色、格式、结构、加粗、斜体 ...继续阅读 (8)

最近收到个邀请，有机会和大学生的在线互动交流，体裁不限。我选了上面这个题目，整理了一些心得感想，虽然活动很快就结束了，但是这些想法我打算还是以文字形式备忘一下。如果能给更多人帮助或参考，我会倍感欣慰。目标的转变作为学生，毫无疑问是以学业为重。在校园里，大家不出意外都会把学习定为最大的目标，围着功课转。但是工作之后，你可能面对很多事情要处理，怎么有所成就？怎么赚钱？怎么照顾好自己？怎么照顾好家庭……除了目标本身不同之外，我觉得更大的不一样在于，在相当长且连续的学生生涯中，我们没有太多选择的余地和必要，即便是有什么目标，也基本上是被动接受或被灌输的。但是走出校园之后，你面对的是一个无比自由开放的社会。这个时候你需要的不是意见，而是主见。甚至你是否做好了准备，有了足够的本事从事一项工作，还是继续学习深造修炼自我，直到自己准备好为止再工作？这也需要你的主见 (并为这个主见承担相应的后果，某种角度上)。最终很多选择是开放的，权衡的，遵从自己内心的结果。还有一点我想说的是，因为你拥有了新的目标，而且不再会有人逼着你学习，从外部给你学习上的压力，所以客观上学习的环境也没有那么好那么纯粹了，学习这件事情会逐渐变得让你渴望、珍惜、喜欢。希望你还没有因为繁重的学业对新事物新知识，尤其是表面上枯燥但实际上对你有很多帮助的东西，失去动力。我们在校园里更多的是学习知识，然后推导这些知识可以用在什么地方；走出 ...继续阅读 (11)

译自：https://chris.beams.io/posts/git-commit/介绍：为什么好的提交信息非常重要如果你浏览任何 Git 仓库的日志，你可能会发现那些提交信息多少有些混乱。比如，看看这些我早年提交给 Spring 的精品：$ git log --oneline -5 --author cbeams --before "Fri Mar 26 2009" e5f4b49 Re-adding ConfigurationPostProcessorTests after its brief removal in r814. @Ignore-ing the testCglibClassesAreLoadedJustInTimeForEnhancement() method as it turns out this was one of the culprits in the recent build breakage. The classloader hacking causes subtle downstream effects, breaking unrelated tests. The test method is still useful, but should only be run on a manual basis to ensure CGLIB is no ...继续阅读 (20)

按照 Doug Gwyn 的话说：“Unix 不会阻止你做愚蠢的事情，因为那会同样阻止你做聪明的事情”。C 是一个非常强大的工具，但使用它的时候需要非常小心和自律。学习这些纪律是绝对值得的，因为 C 是所有程序语言中最优秀的。一个自律的 C 程序员将会……喜欢可维护性。不要在不必要的地方自作聪明。取而代之的是，找出最简单最易懂的满足需求的方案。诸如性能之类考量是放在第二位的。你应该为你的代码做一个性能预算，并自在的支配它。随着你对这门语言越来越了解，掌握了越来越多能够从中获益的特性，你也应该学会什么时候不能使用它们。相比用到了很多新奇的方式去解决问题，易于新手理解是更重要的。最好是让一个新手理解你的代码并从中有所收获。像你大概去年就在维护它一样去撰写代码。避免使用魔法。不要使用宏 (macros)——尽管用它定义常量是没问题的。不要使用 typedef 来隐藏指针或回避撰写“结构”。避免撰写复杂的抽象。保持你的构建系统简单透明。不要因为一个愚蠢的 hacky 的废物解决问题的方式酷炫就使用它。你的代码在行为之下应该是明显的，甚至不需要上下文。C 最大的优势之一就是透明和简单。这应该被信奉，而不是被颠覆。但是 C 的优良传统是给你足够的空间施展自己，所以你可以为了一些魔术般的目的使用它。但最好还是不要这样，做个麻瓜挺好的。辨识并回避危险的模式。不要使用固定尺寸的 buffers (有 ...继续阅读 (16)

终于发布了！原文：https://medium.com/the-vue-point/vue-2-0-is-here-ef1f26acf4b8#.6r9xjmu6x今天我非常兴奋的官宣 Vue.js 2.0 的发布：Ghost in the Shell。历经 8 个 alpha 版本、8 个 beta 版本和 8 个 rc 版本 (矮油好巧！)，Vue.js 2.0 已经为生产环境准备好了！我们的官方教程vuejs.org/guide也已经全面更新。2.0 的工作自今年 4 月启动以来，核心团队为 API 设计、bugfix、文档、类型声明做出了很重要的贡献，社区中的同学们也反馈了很多有价值的 API 建议——在此为每一位参与者致以大大的感谢！more2.0 有哪些新东西性能基于第三方 benchmark，数值越低越好2.0 用一个 fork 自snabbdom的轻量 Virtual DOM 实现对渲染层进行了重写。在其上层，Vue 的模板编译器能够在编译时做一些智能的优化处理，例如分析并提炼出静态子树以避免界面重绘时不必要的比对。新的渲染层较之 v1 带来了巨大的性能提升，也让 Vue 2.0 成为了最快速的框架之一。除此之外，它把你在优化方面需要做的努力降到了最低，因为 Vue 的响应系统能够在巨大而且复杂的组件树中精准的判断其中需要被重绘的那部分。还有个值得一提的地方，就是 2 ...继续阅读 (42)

随意分享几则自己近期的感悟人不够？我自己发现周围的同学越来越把一句话挂在嘴边，那就是：我们就这么些人，想搞定这件事情是远远不够的说白了，大家觉得“人多好办事”，“规模”这个词很多情况下几乎就是个褒义词。但是今天有些变化正在悄然发生，比如人类的学习能力越来越强，同时信息技术越来越发达，学习新知识的门槛越来越低，比如各技术领域的成熟度越来越高，比如移动时代前所未有的技术挑战，在有限的硬件性能和网络带宽的情况下，越是“规模”的东西越难以维持；比如体力和知识都逐渐远离核心竞争优势等等拥抱社区，“我们有更多人”一件事搞得起来搞不起来，逐渐不取决于我们的团队有多少人，而取决于我们有没有让这件事情发生在最广阔的舞台上，因为一个技术团队再多人，哪怕一百多人，相比起任何一个知名技术社区都是九牛一毛，而一个集团、一个国家、一门语言的社区，相比起全球的互联网社区，也都是渺小的。所以今天，我们想在技术上成就一件事，未必需要很大的团队，未必需要很多人在身边同时，我们也不能小看个体在科技发展中所起到的关键作用。技术的不断融合和碰撞也加速了这件事情。所以更重要的不是团队有多少人，而是团队有没有能够真正起到关键作用的个体，找到对的人，比组建一支上百人的团队要重要得多从社区汲取最好的技术我敢说，抛开具有真正技术驱动力的公司，绝大多数公司的技术工作都能够在社区找到现成并且适合的方案，也都不太需要最高精简的科研探索。一 ...继续阅读 (46)

来来来，看看办公室政治是个什么东西译自：http://www.bhorowitz.com/howtominimizepoliticsinyourcompanyWho the f@#k you think you f$&kin;’ with I’m the f%*kin’ boss —Rick Ross, Hustlin'在我所有的从商经历中，我从没听过有人说：“我喜欢办公室政治”。另一方面，我周末无数的人对政治深恶痛绝，甚至抱怨自己的公司就是如此。既然大家都不喜欢政治，那为什么它无处不在呢？政治行为几乎都源自 CEO。也许你会觉得：“我讨厌政治，我也不关心政治，但是我的周围充满了政治气味。这显然不是我造成的。”很遗憾，你并不需要怎么关心政治就会让你的周围充斥政治手段。实际上，很少关心政治的 CEO 才会让办公室充斥政治手段。不关心政治的 CEO 们往往会直接助涨政治行为。我这里说的政治，就是指员工追求自我职业发展多于价值产出和贡献。也许还有别样的政治类型，但是这类政治行为真的很烦。more为什么会这样CEO 无意识的激励甚至有时刺激了政治行为，办公室政治由此而生。举个非常简单的例子，我们想象一下薪酬决策。作为一个 CEO，资深的员工会反复找你索要加薪。他们会提醒你自己得到的回报已经比市场行情低多了。他们甚至已经手握外面的 offer 了。你大可给他们加个薪。这听起来没什么问 ...继续阅读 (48)

最近饶有兴致的又把最新版Vue.js的源码学习了一下，觉得真心不错，个人觉得 Vue.js 的代码非常之优雅而且精辟，作者本身可能无 (bu) 意 (xie) 提及这些。那么，就让我来吧：）程序结构梳理Vue.js 是一个非常典型的 MVVM 的程序结构，整个程序从最上层大概分为全局设计：包括全局接口、默认选项等vm 实例设计：包括接口设计 (vm 原型)、实例初始化过程设计 (vm 构造函数)这里面大部分内容可以直接跟 Vue.js 的官方 API 参考文档对应起来，但文档里面没有且值得一提的是构造函数的设计，下面是我摘出的构造函数最核心的工作内容。整个实例初始化的过程中，重中之重就是把数据 (Model) 和视图 (View) 建立起关联关系。Vue.js 和诸多 MVVM 的思路是类似的，主要做了三件事：通过 observer 对 data 进行了监听，并且提供订阅某个数据项的变化的能力把 template 解析成一段 document fragment，然后解析其中的 directive，得到每一个 directive 所依赖的数据项及其更新方法。比如v-text="message"被解析之后 (这里仅作示意，实际程序逻辑会更严谨而复杂)：所依赖的数据项this.$data.message，以及相应的视图更新方法node.textContent = this.$data.m ...继续阅读 (59)