开源中国

我们不支持 IE 10 及以下版本浏览器

It appears you’re using an unsupported browser

为了获得更好的浏览体验,我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等,或者升级到最新版本的IE浏览器。 如果您使用的是 IE 11 或以上版本,请关闭“兼容性视图”。
LeoXu的个人页面 - 开源中国社区
技能积分 2063
活跃积分 290
粉丝 106
加入于 2012/02/02 最近登录:今天 11:53
LeoXu 1个月前
有益提示: 编写更多的 CSS 注释 这个跟命名约定已经没关系了,不过这样做也能为你节省时间哦。 诚然许多的网页开发者试着不去写 JavaScript注释,或者就只写一点点,而我觉得你还是多写一点CSS 注释的好。 因为 ...
@oschina
我已经听许多的开发者说过他们讨厌 CSS,而根据我得经验,他们这样说根本是因为没有花时间去好好学习学习 CSS。 CSS 并非最好的“语言”,但是它确实已经成功驱动着网页的样式呈现超过 20 年,表现并不赖,不是么...
LeoXu 1个月前
3. 不要使用 data 属性 有些开发者使用 data 属性作为 JavaScript 的钩子。这个做得不对,因为根据定义,data 属性是用来存储定制数据的地方。
@oschina
我已经听许多的开发者说过他们讨厌 CSS,而根据我得经验,他们这样说根本是因为没有花时间去好好学习学习 CSS。 CSS 并非最好的“语言”,但是它确实已经成功驱动着网页的样式呈现超过 20 年,表现并不赖,不是么...
LeoXu 1个月前
2. 使用 rel 属性 我自己并不使用这项技术,不过我见过别人用它。 你见过这个吗? <link rel="stylesheet" type="text/css" href="main.css"> rel 属性基本上就是定义了被链接的资源所拥有的同期引用的文档的关...
@oschina
我已经听许多的开发者说过他们讨厌 CSS,而根据我得经验,他们这样说根本是因为没有花时间去好好学习学习 CSS。 CSS 并非最好的“语言”,但是它确实已经成功驱动着网页的样式呈现超过 20 年,表现并不赖,不是么...
LeoXu 1个月前
1. 使用带有 js- 前缀的类名 一种缓解这类问题的办法就是用像 js-* 这样的类名,来表明其与问题 DOM 元素的关系。 例如: <div class="site-navigation js-site-navigation"> </div> 而在 JavaScript 代码中...
@oschina
我已经听许多的开发者说过他们讨厌 CSS,而根据我得经验,他们这样说根本是因为没有花时间去好好学习学习 CSS。 CSS 并非最好的“语言”,但是它确实已经成功驱动着网页的样式呈现超过 20 年,表现并不赖,不是么...
LeoXu 1个月前
带有 JavaScript 钩子的 CSS 命名 今天是 John 第一天上班。 他接手了如下一段 HTML 代码: <div class="siteNavigation"> </div> John 已经阅读了本文,所以意识到这可能并非在 CSS 命名的最佳方式。所以他立马...
@oschina
我已经听许多的开发者说过他们讨厌 CSS,而根据我得经验,他们这样说根本是因为没有花时间去好好学习学习 CSS。 CSS 并非最好的“语言”,但是它确实已经成功驱动着网页的样式呈现超过 20 年,表现并不赖,不是么...
LeoXu 1个月前
为什么要使用命名约定? 计算机科学中只有两类难题: 缓存失效以及为事物命名 — Phil Karlton 为事物命名是一个难题。我们试着去写更多可维护的代码。使得事情变简单,同时还可以节约我们自己的时间。 在 CSS ...
@oschina
我已经听许多的开发者说过他们讨厌 CSS,而根据我得经验,他们这样说根本是因为没有花时间去好好学习学习 CSS。 CSS 并非最好的“语言”,但是它确实已经成功驱动着网页的样式呈现超过 20 年,表现并不赖,不是么...
LeoXu 1个月前
如果我们有不同头部大小的火柴人,又该如何呢? 这一次是元素被修改了。要记住,元素是整个块中包含的一个子组件。 .stick-man 表示的是整个块 , 而 .stick-man__head 就是元素了。 就跟你在上面看到的示例一样,...
@oschina
我已经听许多的开发者说过他们讨厌 CSS,而根据我得经验,他们这样说根本是因为没有花时间去好好学习学习 CSS。 CSS 并非最好的“语言”,但是它确实已经成功驱动着网页的样式呈现超过 20 年,表现并不赖,不是么...
LeoXu 1个月前
M 代表修饰符(Modifier) “BEM” 中的 M 代表的是修饰符。 如果火柴人被修改了,而我们有了一个拥有蓝色或者红色的火柴人,该如何呢? 在真实的世界中,这也许就是一个红色的按钮或者蓝色按钮了。这些都是对有关...
@oschina
我已经听许多的开发者说过他们讨厌 CSS,而根据我得经验,他们这样说根本是因为没有花时间去好好学习学习 CSS。 CSS 并非最好的“语言”,但是它确实已经成功驱动着网页的样式呈现超过 20 年,表现并不赖,不是么...
LeoXu 1个月前
E 代表元素(Elements) “BEM” 里面的 E 表示元素。 设计的所有块很少单独存在。 例如,火柴人有头、两条华丽的手臂,还有腿。 头、手臂和腿都是组件里面你的元素。它们被视为子组建, 例如,整个父组件的子组件...
@oschina
我已经听许多的开发者说过他们讨厌 CSS,而根据我得经验,他们这样说根本是因为没有花时间去好好学习学习 CSS。 CSS 并非最好的“语言”,但是它确实已经成功驱动着网页的样式呈现超过 20 年,表现并不赖,不是么...
LeoXu 1个月前
给 5岁小孩解释 BEM BEM 试图将整个用户界面分割成小的可重复使用的组件。 看看下面这幅图: 这是一个火柴人获奖的形象 :) 不,并非获奖形象 :( 火柴人代表一个组件,比如设计的一块。 在真实世界中,这个可以是一...
@oschina
我已经听许多的开发者说过他们讨厌 CSS,而根据我得经验,他们这样说根本是因为没有花时间去好好学习学习 CSS。 CSS 并非最好的“语言”,但是它确实已经成功驱动着网页的样式呈现超过 20 年,表现并不赖,不是么...
顶部
×
动弹一下 还可以输入5
单图/多图
网络图片
上传图片
9 张,还能上传 9
  • +
发布
×
设置备注名:
保存
用户尚未登录,点击这里登录