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

54次阅读

共计 773 个字符,预计需要花费 2 分钟才能阅读完成。

起因

工作也差不多满一年了,对于基本的业务开发有了一些自己的想法
刚开始工作的前 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 地址

正文完
 0