申子龙[个人简介]

  • pubdate : 2019-04-23 09:37:44

学习目标

希望成为问题解决师

  • 掌握 js

  • 掌握 ts

  • 掌握 css

  • 数据结构与算法

  • 前端构建 webpack

  • 主流框架

    • vue

工作经历

  • 2018-11 在美刷购做前端,主要开发一个主打信用卡代还的混合 app
  • 2019-3 在湖南丘小信息科技有限公司(上家公司解散了,还是在原来的技术团队)做前端 - 一个 uni app 开发的商城
  • 2019-10 到了杭州 进了亿校云,做电商,我和老板性格不合,干了一个半月,给他搞了一个 pc 端的商城,完善了他原来的一个 微信小程序的商城
  • 2019-11/2 来到了海宁 芭欧 ,工作至今

我感觉能拿出来的项目

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