工程化

2023-02-23

嗯...是让我比较郁闷、羞耻的一个东西。

郁闷是老是搞不对搞不通,羞耻是看着自己以前弄得那几个玩意...怎么说呢,像那种过家家的,p 用没有,形式都不对,根本没进到门槛但是又做样子... ——杀了我吧.jpg

我会把 iief 和 commonjs 的一些小的片段改成 esmodule ,会拆分一些代码;但是真的面对那些工具的时候...还是很懵。

vite 打包,用 pnpm 做 monorepo,还有当我遇到今天的 bug 的时候...我发我连最简单的 js 脚本引入都没了解全。(还有少不了的日常把 src 写成 scr)


花木瑞记录日记大约 2 分钟
SPA SSR SSG

大概不是我第一次看着这些词,但是在我思考字符串,还有游戏的客户端和服务端的时候...虽然我还啥都没做出来,但是有了些理解。

在最古早的 php jsp 时代,使用的就是 SSR ,但这时的 SSR 十分...简陋,只是单纯的内容的单向展示,而没有多少交互。而之后,web 2.0 以 ajax 的出现作为代表,网页、网站的功能开始变得丰富,就像一个应用 SPA,要用户进行更多交互,让用户有更多操作,CSR 也就不可避免。

SSR 与 CSR 都各有优缺点,在具体 bb 那些有的没的之前,要提醒一下,这两者也并不冲突,十分常见的一种做法是,首屏加载使用 SSR ,而之后有后续操作再去搞 CSR,这被叫做同构渲染。SSR 在展示静态文本的速度与搜索引擎 SEO 上的优势,CSR 在提供更多动态交互与复杂操作上的优化,是可以全都要的,只不过可能要多学点东西。


花木瑞前端基础日记大约 14 分钟
碰碰球

我在github上翻到了小时候喜欢玩的一个游戏的一部分代码
……感觉有些,不知道怎么说的感觉。那个游戏在我初中的时候停更,高中的时候关服...
它所依赖的技术也都过时了
一门半死不活的语言ActionScript,还有一个被现在大多数浏览器抛弃的平台Adobe Flash
十年前…
那时候我还能一玩一整天…
可是直到它关服我甚至都还不会按F12,也许早点知道的话能看到更多...

所以为什么是碰碰球?因为它简单啊...其实有想过贪吃蛇...但感觉有点麻烦,玩家之间交互麻烦...。主要大概也不是canvas...而是,我想做成一个在浏览器里能玩的,在线的,简单的多人游戏。


花木瑞日记game记录大约 27 分钟
飘雪动画

嗯...其实,也是,找到的几个仓库。然后,看代码。

找到的感觉写的最清楚的是这一个,我还跟着去看了点原型相关的东西。 Gargron/Snowfall

另外提一下...这个作者竟然也是 mastodon 的主要开发者...好厉害...世界好小...

调试工具

但是...感觉能看懂,但是我尝试删改东西的时候就是不起效果,也不知道哪出的问题... 去找了半天canvas debugger工具,然后,发现tmd有一堆搬的十年前的文章...原文是这个[https://web.dev/canvas-inspection/]


花木瑞日记game记录大约 7 分钟
canvas

最后一天的晚上了哎... 就是,看着canvas,我突然想到些东西。

粒子特效...

还有古早时期的windows上为数不多的好玩的东西,屏幕保护,除了幻灯片和鱼缸,还有好多好玩的... 飘泡泡,飘雪花...它们是确实有一部分类似...碰撞箱那种东西的...

这个在canvas里能做吗? 喵...

particles.js


花木瑞日记game记录大约 6 分钟
vue哲学

inspired by vue-waterfall and cloud-disk

嗯...一直想说出来这些前端框架都干了什么。也顺便参考一下react哲学。等我弄完了有空就补一下这边。

...过了段时间... 我知道了之前react哲学的很多东西,和设计模式有关... 我刚刚下单了本vue设计与实现... 然后... 等我再看看


花木瑞vue日记大约 8 分钟
云盘

这一部分,主要想看几个开源的云盘项目的代码,如果可以的话,找个看顺眼的把它的前端用最新的技术栈重写一遍。
依旧是一个...go to moon的坑,也许没有实际价值,但,...总是要走吧,至少比学校的那些憨批项目要强。

这种正规点项目的前端代码量基本是要上万了,尤其上面那个竟然20万行?虽然很大一部分是写自己写UI组件和各种调配接口...逻辑的部分也许不多,但...还是有点怕。 等看了再说吧。

2022-12-13


花木瑞挖坑日记大约 21 分钟
maybe-not-that-bad

原来...都没那么难呀...
几个月前就不断膨胀的焦虑困惑...好像突然全不成问题了...
虽然我依旧不爱说话,依旧不熟悉周围的那些东西...但好像也没什么问题..
那我这些天慌的都是什么?就像拉屎一样...酝酿意境比拉出来还费劲,真拉出来了还挺爽。

说真的,来到酒店拖了衣服打开花洒的那一刻...好想哭......
也会想到有没有摄像头之类的事...但之后我脑子里冒出来的不是“别瞎想没多少人这么无聊”而是“就算有,拍就拍吧,记得找个好看点的角度,看得开心就好.......”...毕竟学校的澡堂已经把我整的麻麻的了,别有人在我洗的时候在旁边晃荡我都太tm谢谢了.


花木瑞日记困惑大约 32 分钟
拖拽~

就是说...原来在html标签上写个 draggable=true 就可以给元素添加拖拽属性...什么js监听鼠标点击移动然后通过对大小布局时间的一系列计算处理这个事件什么的...不存在的,爬一边去。 而图片等等元素是自带这个东西的。 ...纯html,css,js三件套就已经这么高级了吗...感觉,要变成笨蛋了。

但我还是去github看了好多仓库,这个功能...好像还挺热的。感觉如果用vue写的话,可以和之前的布局和多级组件组合一下弄出些东西...然而这部分也是早就有人写了,而且好多哇...。

vueuse-useDraggable


花木瑞记录挖坑日记大约 4 分钟
2