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

原由

• 工做也差很少满一年了，对于基本的业务开发有了一些本身的想法
• 刚开始工做的前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、最后仍是巩固基础（网络层/应用层）

附件📎

• npm地址