一年前端造的轮子是什么样子?

·  阅读 760

起因

  • 工作也差不多满一年了,对于基本的业务开发有了一些自己的想法
  • 刚开始工作的前3个月,每天都可以接触到新东西,接触新业务
  • 3个月之后业务开发熟悉了对于自己的技术成长就感觉受到了局限
  • 如果一直没有作出改变,那么等于是3个月的经验要用一年
  • 我的学习方式就是多对已经学过的做总结积累,然后探索没有接触过的新方法
  • 所以这一篇是总结,对一年的收获做个总结
  • 开始想以写下一篇博客的方式进行总结
  • 后来觉得博客可能实用性不高,所以决定自己开发一个npm插件
  • 好了接下来介绍下这个插件,也就知道我这一年所积累的东西

过程

预想实现功能

  • 拿本地IPv4ip
  • 静态起服务server(支持自定义端口号server 1234,默认7777)
  • 压缩图片资源rar(速度较快,压缩效果不及tinify,且暂时不能传参)
  • 压缩图片资源tinify(速度较慢,压缩效果好,受tinify_api限制(每月500张,对于一般项目而言应该是够了)
  • 支持网路图片压缩后存本地tinify http://asdf.png
  • 快速生成项目模版xd ls
  • 自动化爬虫
  • 图片自动上传七牛云返回cdn链接

项目模版是主要功能点

  • 移动端h5-vue
  • 移动端h5-react
  • 管理中后台admin-vue
  • 管理中后台admin-angular6☑️
  • 官网pc-vue
  • 小程序-wepy️️☑️
  • 小程序-taro
  • go后台模版
  • express后台模版

公用UI组件库

  • 针对移动端h5
  • 针对管理中后台admin
  • 针对小程序

结果

  • 关于xd-cli这个插件我最终想做成一个包含常用基础功能,然后再带一个生成项目模版的list
  • 里面的功能实现都由原生js实现,后面会出一篇如何实现这个npm包的博客
  • 此xd-cli包就是为工作的第一年画上句号
  • 展望第二年准备学习一个后端语言go/nodejs、学习开发原生ios、熟悉用Linux、最后还是巩固基础(网络层/应用层)

附件📎

分类:
前端
标签: