申子龙

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

学习目标

希望成为问题解决师

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

web font 字体裁剪工具

web font github 项目地址

.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