科目二挂了后

科目二考试挂了,一种淡淡的忧伤。

坡道定点起步超时,30s 的时间限制,练车时从未留意过的。

未好好的掌握科目二考试的规则,不够重视的态度。

10天后下一次约考。引起重视了。

练车真是件辛苦的事,大量在路上的时间,大量等待练车的时间,少量练车的时间,还有频繁的晕车状态。

不用坐车开车真是一件幸福的事,可是,目前的现状是必须掌握开车这项技能啊。

CSS BEM 命名规范

BEM
写过前端的童鞋知道,CSS 好学但不好写。一周时间,你读完文档,你可能会上手写 CSS 了,可要写好 CSS 或许还要花上数年时间。
这里我们说下 CSS 的命名规范。关于 CSS 的命名并没有对错之分,只是不同的命名方式和代码规范对日后的维护起着很大的作用。

什么是 BEM

BEM 的本质其实只是一个 css 命名方案。

BEM is a highly useful, powerful and simple naming convention to make your front-end code easier to read and understand, easier to work with, easier to scale, more robust and explicit and a lot more strict.(BEM 是一个非常有用,强大和简单的命名规范,使您的前端代码更容易阅读和理解,更容易使用,更容易扩展,更强大和更明确,更严格。)

以上是 BEM官网 的解释,可以知道它就是一个命名方案,那么它的规范是怎样的?为什么说它更容易阅读也更容易扩展呢?我们下面来看看 BEM 的具体命名规范。

BEM 规范详解

1.Block (块)

独立的模块,可复用的 UI 单元;

命名规范

块名称可以由拉丁字母,数字和短划线组成。 如:.block

2.Element (元素)

模块内的组成元素。元素是依赖上下文的:它们只有处于他们应该属于的块的上下文中时才是有意义的。

命名规范

元素名称可以包含拉丁字母,数字,破折号和下划线。 CSS类名写成块名称加上两个下划线加上元素名称:.block__elem

3.Modifier (修饰符)

模块或元素的状态。用来形容元素或块的外观、行为或状态。例如 button、a 标签上的 active 状态。

命名规范

修饰符名称可以包含拉丁字母,数字,破折号和下划线。 CSS 类名写成块或元素的名称加上两个破折号:.block–mod 或 .block__elem–mod和.block–color-black。

举个例子

如下面一段 CSS 结构

1
2
3
4
.page-header-nav
.page-header-item.page-header-nav-item--small
.page-header-nav-item__icon
.page-header-nav-item__text

CSS 中可以这样写

1
2
3
4
5
.page-header-nav
&-item
&--small
&__icon
&__text

一些注意的地方

  • Block 间可以相互嵌套
  • Block 应该含有一个合理的命名空间
  • BEM 减少重用性,可以定义模块提高重用性
  • 不是所有的地方都要用 BEM, 但推荐用

下一步

思考如何更好的使用 BEM 命名规范

又到一年双十一

你看,时间过得真快,又到一年双十一的季节。

大学时期,我们还叫它「光棍节」;如今,成为大家的购物节。

购物是一件开心的事,不开心时,买买买便会开心起来。

这是历史的进步。

Make money, young man.

常用前端网站资源

收集一些常用的前端资源网站

企业官方博客

在开头我的 Feedly 订阅 opml 文件里比较全面。

名称 公司 部门 活跃度 简介 微博
ISUX 社交用户体验设计 腾讯 ISUX ★★★★☆ 负责腾讯的社交网络相关产品的用户体验设计与研究。 #
腾讯 CDC 腾讯 CDC ★★★★☆ 简介 #
腾讯Web前端 Alloy 团队 Blog 腾讯 SNG ★★★★☆ 主要负责手机QQ、QQ互联、腾讯Q+、WebQQ项目的团队。 alloyteam
TID-财付通设计中心 腾讯 TID ★★★★☆ 简介 #
腾讯MXD移动互联网设计中心 腾讯 MXD ★★★★☆ 简介 @腾讯MXD
凹凸实验室 京东 FED ★★★★★ 简凹凸实验室(Aotu.io,英文简称O2) 始建于2015年10月,是一个年轻基情的技术团队。 #
微博UDC 新浪 UDC ★★★★☆ 简介 @微博UDC设计中心
新浪UED 新浪 UED ★★★★☆ 简介 #
网易用户体验设计中心 网易 UED ★★★★☆ 简介 #
阿里巴巴(中国站)用户体验设计部博客 阿里巴巴 UED ★★★★☆ 简介 @Alibaba-UED
携程UED-携程旅行前端开发团队 携程网 UED ★★★☆☆ 携程UED,携程前端开发团队,UED,Javascript,重构,ux #
百度FEX 百度 FEX ★★★★☆ 百度前端团队Blog,关注前端技术,还更重视全端及全栈的能力。 #
淘宝UED 淘宝网 UED ★★★★☆ 用户体验、交互设计、视觉设计、前端技术博客 @淘宝UED

一些社区

名称 地址 介绍
V2EX http://v2ex.com/ 小众活跃社区
稀土掘金 https://juejin.im/ 程序员同性交友社区
知乎 http://www.zhihu.com/ 综合问答社区
前端乱炖 http://www.html-js.com/ 专业的前端知识平台
segmentfault http://segmentfault.com/ 综合问答社区
果壳问答 http://www.guokr.com/ask/pending/ 综合问答社区
Ruby http://ruby-china.org/ 同 V2EX 氛围类似,不局限于Ruby
Node.js 中文社区 http://cnodejs.org/ Node.js 国内最活跃的社区
Code Wall https://coderwall.com/ 国外技术社区
DIV.IO http://div.io/ 国内前端技术社区
w3ctech http://www.w3ctech.com/ 国内前端技术社区,常有一些线下活动发布
国内开发者
ID 博客 微博 Github Twitter 公司 关键字
小胡子哥 barretlee @Barret李靖 @barretlee # # 阿里巴巴
小鱼 sofish @sofish # # # 饿了么前端
屈光宇 Jerry Qu的小站 屈光宇 # # # 奇虎360前端,HTTP,Node。js
郭宇 Einmal ist keinmal @郭宇 @guo-yu @turingou 今日头条 Node.js
hzlzh 自力博客 @hzlzh @hzlzh @hzlzh 腾讯 前端开发
TQ http://targetkiller.net/ @Piser-TQ @tqtan @targetkiller 腾讯 微信 前端
张鑫旭 张鑫旭博客 @张鑫旭 @zhangxinxu @zhangxinxu 阅文(腾讯文学) YUED 前端开发
foru17 罗磊的独立博客 @罗罗磊磊 @foru17 @foru17 阅文(腾讯文学) YUED
LOO2K LOO2K @LOO2K LOO2K LOO2K 腾讯 CDC 前端
阮一峰 阮一峰博客 @ruanyf # @ruanyf 上海金融学院国际金融学院 教师,博客写作人,翻译人,《黑客与画家》的译者
老赵 http://blog.zhaojie.me/ @老赵 # # 摩根大通(香港) 资深码农
玉伯 岁月如歌 @玉伯也叫射雕 @lifesinger @lifesinger 支付宝 大牛
kejun http://hikejun.com/ @kejunz @kejunz # 豆瓣 前端大神
寒冬winter winter-cn @寒冬winter # # # #
左耳朵耗子 酷壳 @左耳朵耗子 # @haoel 淘宝 #
fool2fish # @fool2fish # # 支付宝 #
朴灵 Html5fiy @朴灵 JacksonTian # 阿里巴巴 《深入浅出Node.js》作者,大牛
Cat Chen 陈广琛 @CatChen @CatChen @CatChen Facebook 大牛
BYVod Beyond the Void @BYVoid @byvoid @BYVoid Facebook 英国 《Node.js 开发指南》作者,大牛
勾三股四 # @勾三股四 # # 淘宝 #
cnberg 冰山一角 @berg @cnberg @cnberg 百度 骑行
大猫 意淫笔记 @daemao @Damao @13igcat 腾讯 知乎
C7210 beforweb.com/ @C7210 @C7210 @C7210 # UX、交互设计师、视觉与前端
kejun http://hikejun.com/ # # # 腾讯 前端开发
lucifr http://lucifr.com/ @lucifr @lucifr @lucifr # Mac,ios
smallni http://www.smallni.com/ # @Smallni # 腾讯 前端开发
qiqiboy qiqiboy @qiqiboy # # 老虎证券 吐槽清理大师开发者
周爱民 aimingoo专栏 # # # 支付宝 JavaScript语言精髓与编程实践作者
李松峰 为之漫笔 # # # # 高程2等书的译者
99css 99css @ytzong # # # 腾讯一牛
秦歌 Kaven # @kavenyan # # js语言精粹译者
linxz linxz # # # # css那些事儿的作者
Along Along’s Blog @newwave # # # Opera 欧朋一牛
安记 cssha @hanan321 hanan198501 # # 去哪网一牛
余弦 EVILCOS 余弦 evilcos # 知道创宇 安全(黑客)、架构、团队的各种观点与分享 # 冯大辉 现在就职于丁香园 (http://dxy.cn) ,担任技术团队负责人.

多年不喝格瓦斯

不记得格瓦斯是模仿哪款饮料了。
麦芽糖。有种小时候烤面包的味道。
学生时代喜欢上它,若干年后再一次喝起,还是一样的喜欢。
你看。喜欢一件事物,就是这么简单。

电风扇

去年夏天买了一台便宜的电风扇,吹着吹着风就反过去了,搬家的时候,扔了。
今年夏天买了一台稍贵点的风扇,声音小,风向正,吹的老好。
老话说,一分钱一分货,是这样的。