去首页

申子龙[个人简介]


学习目标

希望成为问题解决师

工作经历

我感觉能拿出来的项目

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;
      }
  }

我的代码编写规范

注释

/** 对于变量(函数也是)的描述一律采用这种方式,因为可以享受到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 的 「&」符号来更好的划分层级

技术指南

js ( ts ) 打包 parcel webpack