沉迷
在年初的一段时间里,可谓是陷入了人生的低谷,这大抵是拜感情所赐
在持续低迷了一段时间后,感觉不能这样下去,得找点事情做转移一下注意力。不过在大人的世界里,自然是无利不起早的,于是在网上搜集各种可以赋闲时赚钱的法子
选择
一通搜索后,我找到了如下的几种似乎可以一试的路
抖音
这大抵是来钱最快的途径了,只要你有才华,有灵感,又善于坚持,不管是直播带货,还是冲中视频计划,收益都很客观。可坏就坏在,我平庸的没有才华又是个爱面子的人
兼职
在boss上搜了下,还真有前端开发兼职的工作,于是我信心满满的准备简历并进行投递,我想着,凭我的工作年限和技术水平,找到一份赚零花的兼职,自是不难。可天不遂人愿,投出的简历都石沉大海
淘宝客
一番搜索无果后,我又想到了大学时曾经做过的兼职。足不出户,一个人,一台电脑即可
要说,我之所以能从事前端开发行业,还要感谢那几年的淘宝客经历的
要想成为一个合格的淘宝客,自动发单平台是必不可少的,于是我找到了一个叫熊猫的付费软件,包月68块钱。在后续跟群主的闲聊中得知,群主也是一名大学生,也同时是软件的作者。说着无意,可我听者有心,我拿起计算器这么一算,直呼真牛逼
已知作者有三个群,总人数大概有五千人,将重复的部分用价格相抵,那就是50元乘以5000等于25万,一年12个月就是300万
我仿佛找到了生财之道,于是对该软件进行了些许研究,它是使用易语言开发的,中文编程,极易上手
于是我注册账号,下载软件,购买课程,学起来......,直到后来学到了js逆向,人生第一次接触到现在用来吃饭的家伙
扯远了
当时做淘宝客其实还可以,每天去上课之前,把软件打开让它自动发单,下课回来都有些许收益,虽然平均一个月只有一千块钱,但我清楚那个时候是缺少财力支持,导致活动做不起。现在工作了有了些许积蓄,应该不再受限于此。但尴尬的是,这个行业现在已经濒死了
写作
露脸不行,那就动笔吧。于是找到了某金,它提供的某金小册深得我心,这不就是踏破铁鞋无觅处吗?
选题
写什么好呢?什么方向既火,又缺少竞品,又能让读者买单,还能促进自己学习进步的?
最终,我把课题选择在了vite方向,它目前算是最火的前端构建工具之一了,且网络上很少有专门针对它的教程,多是教教你咋用,告诉下你大致的实现原理,可这些有用吗?我认为毫无用处,真正有用的应该是vite中的具体的某一个功能点是如何实现的
随,选题为《vite技术解密、还原与实战》
我打算花80到100小节分析vite的功能点,同时为了避免不求甚解,还要对功能点结合自己的思考做还原,它应当是条条大路通罗马式的,不求和vite实现一致,但落地的功能要相媲美
写作
确定了主题之后,就开始投入到写作工作中去了,真的是全身心投入
上班不再摸鱼了,只要有空闲时间,就用来写小册
下班到家不再打王者了,打开电脑,洋洋洒洒即是凌晨过半
不接受朋友的约饭,约就是最近忙没时间
也正好有理由拒绝家里介绍的相亲
也算是一石好几鸟了
确定小节
计划赶不上变化是常有的事情,在经历了7个多月的写作之后,最终的目录如下
1.揭秘pnpm create vite
2.svite工程搭建
3.本地server的创建流程
4.加载index.html
5.配置文件
6.defineConfig引发的问题思考与解决方案分析与实现
7.插件化方案设计
8.在svite中引入插件系统
9.依赖预构建--依赖扫描
10.依赖预构建--依赖打包
11.依赖预构建--依赖缓存
12.在svite中引入依赖预构建
13.模块解析器
14.借力模块解析器,让预构建全面开花
15.vite4.2引入的子路径导入是如何实现的
16.vite中实现的模块解析算法
17.import.meta.env
18.import.meta.env的数据来源
19.transformIndexHtml
20.自动打开浏览器
21.完成请求闭环
22.vite是如何处理cjs模块加载的
23.构建模块视图
24.resolve.extensions
25.热更新基础设施搭建
26.通信协议与心跳重连
27.import.meta.hot
28.视图更新与数据包生成
29.数据包响应与overlay图层
30.hot.accept与hot.invalidate
31.alias别名
32.esm模块的__filename与__dirname注入
33.静态资源的导入
34.资源管理中心的搭建
35.json具名导入
36.批量导入
37.import.meta.glob增强与端口号冲突优化
38.导入worker脚本
39.原生worker语法的兼容支持与原因分析
40.public目录
41.开箱即用的WebAssembly
42.原生css模块的导入与样式提取
43..module.css模块化
44.开箱即用的less预处理器
45.url与image-set
46.@import语法支持
47.style与link标签
48.vite不支持行内样式中使用url函数的处理办法
49.vite4.4中是如何实现Lightning CSS支持的
50.视图与热更新
51.plugin-vue工程搭建与svite联调测试
52.上下文的准备与config钩子调度
53.扫描vue模块的script标签中的第三方依赖
54.template与script标签
55.将vue组件实例渲染到web浏览器
56.style标签
57.scoped、module与lang属性
58.自定义元素
59.支持sfc中使用TypeScript
60.vue模块的热更新处理
61.支持使用jsx编写vue组件
62.proxy跨域代理
63.http缓存
64.404与请求降级
65.支持导入.ts文件
66.打开vscode中的指定文件
67.支持sourcemap调试
68.rollup的兼容支持
69.rollup的构建参数准备
70.构建结果输出与public文件夹迁移
71.打包index.html入口
72.打包script标签内容
73.打包静态文件
74.打包worker脚本
75.打包数据url
76.打包commonjs
77.打包css
78.css代码分割与压缩
79.tree-shaking
80.代码压缩
81.打包vendor
82.import构建分析
83.动态import导入
84.模块预加载
85.输出构建日志
86.浏览器兼容性支持
87.unplugin-router工程搭建
88.初始化准备与入口点扫描
89.生成配置文件
90.替换客户端导入
91.重写vue-router打包文件
92.实现文件监视器
93.与客户端建立更新连接
94.实现动态路由
95.实现嵌套路由
96.实现404路由
97.实现权限路由
98.实现prompt路由
99.动态生成路由的typescript映射提示
100.client.ts的自动重定向
101.git realease 与 git tag 的自动化生成与 npm 包的自动发布
102.支持webpack
投稿
接下来,就是所谓的投稿阶段了,其实就是填写个form表单就行
我对自己的创作十分满意且有信心,并且我没打算靠此一夜暴富,它只不过是一道开胃菜,用以证明此路可行,于是我的理想定价不过三五十块足以,我想着总有人愿意买单,哪怕是为了我的真诚
等待
投稿后,就是漫长的等待阶段了,那段时间正好是双十一,是一年中公司最忙的时间,等过了双十一后,我才想起来,好像我的投稿石沉大海了一样
确认结果
我感觉很不可思议,于是就在某金找了之前写过小册的人咨询
后来得知,已经邮件回复过了。于是在邮箱找到了审核结果,它们在11月7号就已经回复过了
但这个回复如果要形容的话,简直是敷衍至极
于是我找到公众号穷追不舍的追问原因,看的出来,他们压根不想搭理我,但是我不服,死也要死的明白
这里,我就不贴我何其卑微的追问了,这种感觉,爱过的人都懂
我不想多喷什么,总而言之,被拒绝了
怎么办
或许是心有不甘吧,毕竟也算是认真对待过的事情,总不能因为卖不了钱就把它彻底掐死
于是,我打算以免费的方式放出来,供有兴趣想要学习的人能够看得到
但是如何做,我还没有想好
我想首更在公众号:爱水文的前端苏
但是保证怎样的更新频率,以及如何将源码公布出来还没有头绪
还有,既然我的言外之意是往公众号引人,那都要注册哪些平台以及这些平台如何一键发布成为了大问题。我总不能一个平台一个平台的发吧,我这人,最怕麻烦了