编程狂人第四十四期(2014-09-29).pdfVIP

关于推酷 推酷是专注于IT圈的个性化阅读社区。我们利⽤智能算法, 从 海量⽂章资讯中挖掘出⾼质量的内容,并通过分析⽤户的阅读 偏好,准实时推荐给你最感兴趣的内容。我们推荐的内容包含 科技、创业、设计、技术、营销等内容,满⾜你⽇常的专业阅 读需要。我们针对IT⼈还做了个活动频道, 它聚合了IT圈必威体育精装版 最全的线上线下活动,使IT⼈能更⽅便地找到感兴趣的活动信 息。 关于周刊 《编程狂⼈》是献给⼲⼤程序员们的技术周刊。我们利⽤技术 挖掘出那些⾼质量的⽂章,并通过⼈⼯加以筛选出来。每期的 周刊⼀般会在周⼆的某个时间点发布,敬请关注阅读。 本期为精简版周刊完整版链接:/ mags/5428babcd91b14788b01f242 欢迎下载推酷客户端体验更多阅读乐趣 版权说明 本刊只⽤于⾏业间学习与交流署名⽂章及插图版权归原作者享 有 i ⽬录 01.CSS命名神⻢的真⼼难 02.单⻚应⽤SEO浅谈 03.⺩帅：深⼊PHP内核（⼆）——SAPI探究 04.⽤ C 语⾔编写⼀个简单的垃圾回收器 05.[MySQL优化案例]系列 — 索引、提交频率对InnoDB 表写 ⼊速度的影响 06.bash代码注⼊的安全漏洞 07.RSF 分布式服务框架设计 08.Docker的⽣态系统和未来 09.Docker源码分析（⼀）：Docker架构 10.前端学习之iOS开发（⼆） 11.Web开发者和设计师必须要知道的 iOS 8 ⼗个变化 12.iOS 8⼈机界⾯指南（⼀）：UI设计基础 
 ii 节 1 CSS命名神⻢的真⼼难 译者：囧克斯 找到的这篇⽂章算是对我之前写的 《标签？ID？还是CLASS？》 的再 深⼊。我当时写那篇⽂章的时候，就有朋友提出了“⾮语义化”的 class 命名 的问题，我当时确实觉得很纠结，简单的想法是“框架性质的表象 class 我 没异议……框架的实质是通过降低灵活性达成更⼲泛的共识，我们个⼈不要 再创造这样的样式就好了” ，但没有想到特别好的“套路” ，更多的是在实际情 况中再分辨。看过这篇⽂章，我似乎找到了更好的答案。同时顺着⽂中提 到的 Nicolas 那篇⽂章看下去，也对 OOCSS 、BEM 之类的提法有了更多 的认同感。特译给⼤家参考。 这并不是⼀篇有关 CSS 架构的⽂章，也并不是⼀篇有关命名规范的⽂ 章，⽽关乎我们如何定位元素，关乎命名本⾝，关乎我们如何把元素及其相 关的⼀段样式连接起来。 10 个开发者⾥有 9 个都同意：在撰写 CSS 中命名什么的部分是最难的 了。因为我们⽆法预知未来。⼀个 class 名可以在今天完美的应景，但是明 天设计发⽣改变了，可能就不适⽤了。所以我们需要提炼应景的标记和样 式。嗷~ 如何⾯对这⼀状况呢？那便是让命名尽量显得不太会改的样⼦。 我们通常会根据三类情况给定⼀个 class 名： • 功能性 class 名 • 内容性 class 名 • 展⽰性 class 名 3 这⼏类 class 名是趋向于稳定特质的。如果我们遵循这些命名原则，就 会显得更明智，⽽且我们的 CSS 会更好的适应未来的改变。 功能性 class 名 button class=positive-buttonSend Message/button 功能性 class 名例如 positive-button 、important-text 或 selected- tab 。这些元素的样式是基于其功能或含义的。所以其 class 名、样式及这 样引⽤样式的理由，都是强连接的。因此 class 名和样式是相关的。 因为有这些强连接，所以样式是⼏乎不会被改变的。如果你真的要改变 ⼀个 positive-button 的样⼦，那这个改变也是每个肯定语⽓的按钮都要改 变的。如果你的设计师的想法是改变“肯定语⽓的按钮” ，⽽不是设置菜单 ⾥“增加⽤户”的按钮，那么这件事就很轻松且易于维护。你考虑的不是哪个 独⽴的⻚⾯，⽽是整个系统。 功能性的 class 名很棒。只要有这个可能，这应该就是你想要撰写样