申子龙

• pubdate : 2019-04-23 09:37:44
• update : 2020-07-04 11:14:02

学习目标

希望成为问题解决师

我觉得你可以看看这些项目

Web font 字体裁剪工具

web font github 项目地址{.test .text-xl}

.test {
  font-family: "test";
}
@font-face {
  font-family: "test";
  src: url("//webfont.shenzilong.cn/generate_fonts_dynamically.ttf?font=令东齐伋复刻体&text=webfont字体裁剪工具") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "test";
  src: url("//webfont.shenzilong.cn/generate_fonts_dynamically.ttf?font=令东齐伋复刻体&text=github项目地址") format("truetype");
  font-style: normal;
  font-weight: normal;
}

油猴脚本

这里有一大批我写的自己用的上的而且天天在用的脚本 😁

CSS 游乐场

一个可以直观的调整各种属性来观察 css 属性效果的网站

我的代码编写规范

注释

/** 对于变量（函数也是）的描述一律采用这种方式，因为可以享受到jsdoc提供的悬浮提示功能,把鼠标放在下面的a上面试试 */
var a = 1;

CSS

class

来源

1. 写 CSS 的一些思考
   1. 关于命名，所有强耦合的类名应当加前缀以做区分，例如「c-」。使用「-」分割层次，例如「c-header」，单词之间使用「_」分隔例如 「c-header-top_left_avatar」。 、
   2. 关于 class 属性中类名的排序，因为我一般不使用 id 都是使用 class ，所以用来表示这个元素的类名放在最前，其次是在当前作用域（例如自己划分一个模块，然后这个模块专享的样式），再其次为全局自定义样式，最后是框架提供的样式
   3. scss 的帮助，可以利用 scss 的 「&」符号来更好的划分层级
   4. 表状态的可以放在最后使用「-」放在名字前面，例如 -selector，状态类不应该有自身的样式。

技术指南

我的联系方式

github ，知乎，邮箱 : admin@shenzilong.cn

by 崮生 from 崮生 • 一些随笔 🎨
本文欢迎分享与聚合，全文转载未经授权（ 联系我）不许可。