2022 下半年进度报告

2023-1-20

“祼男” 可用版基本完成，虽然进度慢了些许，但如期实现目标。总算有了比较完整的作品，算是新年的小小礼物。虽然三个会话，五类模块，功能相对简单，但是实用性很强，也会是下一步发展很的好基础。十天假期，不写代码，整理过去，和准备简历，为年后准备。

这两周主要做了以下：

1 开发祼男的 siteindex blogpost postindex 三大主模块类型
2 继续积累 V组件的开发模式和经验（包括CSS模式），“开发”这些模式
	L 多页面 的项目 一定会有layout组件，layout暗示了（子）会话
	E 创建和选择 UI组件 的研制环境
3 gatsby 工具使用（生成器或框架）深入
	L 用gatsby的 Route API 编写 nakeman.cn的路由模块
4 react 和  js 深入
	L react useEffect
	E js 模板字符串，三点操作符语法，异步编程 再认
5 发现 技术之外的两个重要任务和专业
	L 发现了 设计，和组件开发模式经验，两个新专业 2023
6 发现 学习 的刻骨铭心，工作的实实在在 原理
	L 为什么老是喜欢总结，归纳，写东西？

2023-01-06

新冠七天，回家五天，这两周进度出奇。首页index 静态模型已经完成，就差“点灯”——通上数据。新年五天在家主要写了年终回顾，年底主要做了以下几件事：

第一，开始写完整实际UI组件，积累经验，分析和总结了这个任务的技术，和经验；
	L 以index 为例子，总结 组件通用设计和开发技术
	E 找到了开发组件 困难的一个重要原因——工程化环境
	E CSS模块（.module.css） 针对某个UI组件设计的，它的内容设计很考经验
第二，转换原博客数据，实际使用了一次docker；
	L Docker的意义 2022——在虚拟机（容器）上开发，和运行分布式应用
第三，无意中，斜杠了逻辑学，发现 高精度科技品，和分清了抽象思维和具象思维
	L 逻辑推理（抽象思维），和成为专业开发者是什么关系
第四，gql;
第五，React 性能hook再认识；

2022-12-20

2022就剩十天，已经为做首页面做足了充分的准备，包括比较丝滑的 使用vscode , tailwind , git和gatsby。

什么东西先做，和后做， 工具（如vscode插件）如何提高工作效率，改善工作流，甚至工具的意义（git branch），这些都影响着工作的质量。这方面的经验是最缺乏的，摸索花了不少时间。这两周主要的进展包括：

1 gatsby的实作的熟悉。前面header是在一个另外研制环境下开发的，要进行实际页面研制和开发，必须是gatsby环境；花了时间基本掌握了 g常用插件的使用包括，images, markdown, seo等；
2 css in js
3 总结  一个通用的 组件研制环境，以及流程
4 git 认知再迭代，包括对commit branch的 意义有了重要突破——关于 base branch的新认识
5 总结  一个通用 commit branch，以及流程——高级分支合并 rebase
6 对 学习技术——总结，有了发现：识的改进，分 1）识标的确立，和2）判断的再修正
7 发现了 高质量完成任务 的四重障碍

当下先做index页面，接着是blog页，完成后就理顺的工作流，应该就很快了。

2022-12-05

又过了两个星期。马上较完整的完成第一组件（header），看似很小的任务，然而从零到一，都是过程不易。任务都涉及，1）组件设计目标的制定，包括父子组件关系，和2）技术的实现，如变量和主题怎么用tailwind实现。最困难的技术背后的理论——样式程序的构架理论，我还要有一定的把握才能动手，基础都是最耗时的。

两个星期前 我还在研究 样式程序的构架的基础原理，经十多天的反复思量推进了不少。这两周主要的成果有：

1 样式程序（皮）及其结构，主要包括 架构中抽象的主题，和base style的区别，变量在技术上实现它们的作用；
2 样式程序 的术语建立，如元素样式定义，这是通过和JS计算程序比较得到；
3 web font和图标的学用；
4 研制 的发现，包括 组件研制和 样式主题研制的初步实践；
5 VSCODE的熟练
6 组件的功能（涵义）：布局、 内容和子组件
7 对tw的主题实现原理的掌握

下一步，对header组件进行 分析归纳，提取bs和theme，并 研究如何转为用 tw实现，通过分析 tania的 博客样式程序 为例子。

2022-11-21

又过了两个星期。已经正式开始编码，这似乎要经历一次完整项目经验的从零到一的过程，过程未知。记录一下最近的成果。

我是非常注重基础，两个星期前就定立了 建构站点基础设施和通用组件的目标，但是这些基础具体是什么，其实是不清晰的，坦尼娅的项目可以提供一些参考，但是她的示例是不完整的，并且没有教程，是个哑经验，实际的开发指引还得自己探索。探索成果主有如下：

第一，根据需求 设计 nakeman.cn 所有页面的大体类型，4大类 7小类；
第二，正名，CSS框架，React UI框架 统一 称为 Web UI框架；
第三，开发理论：Web UI 组件设计技术，拿到一个需求，分解为组件后，组件可以或应该做什么；
第四，开发理论：站点常规逻辑组件及结构： viewport layout  navbar footer
第五，开发理论：CSS程序（皮或.css） 常规工程结构：**reset -> base style -> u类 -> c类**

现在卡在base style。为了明白 CSS程序 的常规构架与结构，还研究了 多个框架（skeleton bootstrap）的源码，包括一些手工作品。

项目已经写一个测试页面，完整完成一张页面后就有了基础经验了。

2022-11-7

又过了两个星期。先说成果，再简述过程。

成果是，扫除了编码最大的一个障碍——CSS皮技术，剩下最主要的是渲染组装的数据加载技术（如graphQL)没有多少内容了。现在可以分析坦尼娅（taniarascia.com）的博客源码，依样画葫芦，初步构建基础设施和通用组件。两个星期前，我还看不懂她的CSS长代码，包括响应式，主题，色调，变量和伪类选择子等技术。

这半个月主要做了几件事。

• 第一，我是以写教程 ，总结站点开发框架的逻辑为中心，基本完成了路由之后，发现渲染（和交互）内容多，改写个人分析笔记（这种便捷的教程形式）。
• 第二，渲染的主要数据加载，react和 CSS皮技术（具是gatsby react tailwind工具），这过程总结了通用的技术——编程组装方法论 和 技术，任务，和业务设计 L 组装编程的活动元素 E 编程组装技术（tailwind ），任务（布局格式化），和业务设计（视口设计）
• 第三，为了找到更多的学习和经验指引，搜集和分析了多个白箱模板；
• 第四，重戏，掌握tailwind；

初步计划完成两个作品才改简历，先写nakeman.cn，时间不好预测，时间越来越紧了，不过两个项目的基础好，或许很快完成。

2022-10-24

​ 又过了一个月多一点。进度良好，目标还在修正，编码条件还在充实。基本放弃 php，全身心“赌”在Node平台了，看好它的发展前景。

​ 毕业作品锁定了两个，nakeman.cn 和 再版联想笔记。前者用gatsby，后者打算用remix，而不是next。eleventy排在后面。 ​
​ 为啥选择放弃php，其实也不叫放弃，只是不是重点而已。学习框架逻辑是成为优秀架构师的重点，但找到工作，作品是最重要的，不管作品用什么框架做的。再说，node市场不算小。

​ 这一个多月有几主要任务： ​

• 第一，比较几个不同 web 框架，包括Node最流行的 11ty gatsby next remix，也包括传统的像php laravel wordpress 和 前端分离的 egg nest 和 umi。我发现要学到超越任何框架的逻辑（理论），node平台的几个框架非常先进，有利于帮我掌握这个逻辑。例如，Remix的纳入视线有点像九月初刚发现tailwind的效果，对掌握 框架理论 有革命性作用；
• 第二，将框架逻辑的总结成果 写成教程（已经完成了 路由，还在写渲染）；
• 第三，撰写教程过程中 还“斜杠”了 教育学，发现学习专业 和显学 的 教育学 同宗，还得到了 能力（知性和德性）就是气质结构，学习就是结构的生成的新结论；

​ 目标清楚了，编码条件也丰富了，编码在即，加油。

2022-9-13

好久不写生活进度日记。忙里忙外抽空回顾一下。

过了一段近三个月安静的学习生活，感觉还算不错。现在回想起来，三个月前的目标还在路上，作品还在酝酿，虽然有了比较具体目标，然而还没有开始动手。先简要回顾一下。

三个月前我准备改版nakeman.cn，作为作品练习，计划学用gatsby。后来觉得，我不必锁死在react这个区域，gatsby和next市场绝对比较小，而且改版要精通wordpress，wp和PHP市场巨大，学用php更加保险，这是第一阶段。

第二阶段，当我初步掌握wp，并开始配置开发环境，尝试写实例应用，发现对CSS并不精通，一些简单页面还不怎么会组织。

第三阶段，是对CSS这个子专业的全面补习。包括预处理，架构和框架，还有有关工程方法论的新发现，这种发现对个人也是颠覆性的。

这个阶段以发现tailwind为节点，一种最新进的CSS架构技术，这种架构思想颠覆了传统基于sass和bootstrap 演化的各种框架。

为了测试tw这个工具，发现了对HTML5还不够精通，又补习H5 ，对H5 例如语义化有了更深入。

第四阶段，是HTML的组装编程，因为我不可能页面全都写成单一文件模块，发现模板引擎也是一种语言，性质和CSS的预处理相似。

再然后发现HTML的组装就是 生成器主要的任务，React 其实也算一种HTML组装工具。

现在进入第五阶段，学用 eleventy，并且比较学习gatsby ，找出他们的生成器的专业所在。

从gatsby 又回到 gatsby 。