阅读类元服务开发笔记---week1

.markdown-body { line-height: 1.75; font-weight: 400; font-size: 16px; overflow-x: hidden; color: rgba(37, 41, 51, 1) }
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { line-height: 1.5; margin-top: 35px; margin-bottom: 10px; padding-bottom: 5px }
.markdown-body h1 { font-size: 24px; line-height: 38px; margin-bottom: 5px }
.markdown-body h2 { font-size: 22px; line-height: 34px; padding-bottom: 12px; border-bottom: 1px solid rgba(236, 236, 236, 1) }
.markdown-body h3 { font-size: 20px; line-height: 28px }
.markdown-body h4 { font-size: 18px; line-height: 26px }
.markdown-body h5 { font-size: 17px; line-height: 24px }
.markdown-body h6 { font-size: 16px; line-height: 24px }
.markdown-body p { line-height: inherit; margin-top: 22px; margin-bottom: 22px }
.markdown-body img { max-width: 100% }
.markdown-body hr { border-top: 1px solid rgba(221, 221, 221, 1); border-right: none; border-bottom: none; border-left: none; margin-top: 32px; margin-bottom: 32px }
.markdown-body code { border-radius: 2px; overflow-x: auto; background-color: rgba(255, 245, 245, 1); color: rgba(255, 80, 44, 1); font-size: 0.87em; padding: 0.065em 0.4em }
.markdown-body code, .markdown-body pre { font-family: Menlo, Monaco, Consolas, Courier New, monospace }
.markdown-body pre { overflow: auto; position: relative; line-height: 1.75 }
.markdown-body pre>code { font-size: 12px; padding: 15px 12px; margin: 0; word-break: normal; display: block; overflow-x: auto; color: rgba(51, 51, 51, 1); background: rgba(248, 248, 248, 1) }
.markdown-body a { text-decoration: none; color: rgba(2, 105, 200, 1); border-bottom: 1px solid rgba(209, 233, 255, 1) }
.markdown-body a:active, .markdown-body a:hover { color: rgba(39, 91, 140, 1) }
.markdown-body table { display: inline-block !important; font-size: 12px; width: auto; max-width: 100%; overflow: auto; border: 1px solid rgba(246, 246, 246, 1) }
.markdown-body thead { background: rgba(246, 246, 246, 1); color: rgba(0, 0, 0, 1); text-align: left }
.markdown-body tr:nth-child(2n) { background-color: rgba(252, 252, 252, 1) }
.markdown-body td, .markdown-body th { padding: 12px 7px; line-height: 24px }
.markdown-body td { min-width: 120px }
.markdown-body blockquote { color: rgba(102, 102, 102, 1); padding: 1px 23px; margin: 22px 0; border-left: 4px solid rgba(203, 203, 203, 1); background-color: rgba(248, 248, 248, 1) }
.markdown-body blockquote:after { display: block; content: "" }
.markdown-body blockquote>p { margin: 10px 0 }
.markdown-body ol, .markdown-body ul { padding-left: 28px }
.markdown-body ol li, .markdown-body ul li { margin-bottom: 0; list-style: inherit }
.markdown-body ol li .task-list-item, .markdown-body ul li .task-list-item { list-style: none }
.markdown-body ol li .task-list-item ol, .markdown-body ol li .task-list-item ul, .markdown-body ul li .task-list-item ol, .markdown-body ul li .task-list-item ul { margin-top: 0 }
.markdown-body ol ol, .markdown-body ol ul, .markdown-body ul ol, .markdown-body ul ul { margin-top: 3px }
.markdown-body ol li { padding-left: 6px }
.markdown-body .contains-task-list { padding-left: 0 }
.markdown-body .task-list-item { list-style: none }
@media (max-width: 720px) { .markdown-body h1 { font-size: 24px } .markdown-body h2 { font-size: 20px } .markdown-body h3 { font-size: 18px } }.markdown-body pre, .markdown-body pre>code.hljs { color: rgba(51, 51, 51, 1); background: rgba(248, 248, 248, 1) }
.hljs-comment, .hljs-quote { color: rgba(153, 153, 136, 1); font-style: italic }
.hljs-keyword, .hljs-selector-tag, .hljs-subst { color: rgba(51, 51, 51, 1); font-weight: 700 }
.hljs-literal, .hljs-number, .hljs-tag .hljs-attr, .hljs-template-variable, .hljs-variable { color: rgba(0, 128, 128, 1) }
.hljs-doctag, .hljs-string { color: rgba(221, 17, 68, 1) }
.hljs-section, .hljs-selector-id, .hljs-title { color: rgba(153, 0, 0, 1); font-weight: 700 }
.hljs-subst { font-weight: 400 }
.hljs-class .hljs-title, .hljs-type { color: rgba(68, 85, 136, 1); font-weight: 700 }
.hljs-attribute, .hljs-name, .hljs-tag { color: rgba(0, 0, 128, 1); font-weight: 400 }
.hljs-link, .hljs-regexp { color: rgba(0, 153, 38, 1) }
.hljs-bullet, .hljs-symbol { color: rgba(153, 0, 115, 1) }
.hljs-built_in, .hljs-builtin-name { color: rgba(0, 134, 179, 1) }
.hljs-meta { color: rgba(153, 153, 153, 1); font-weight: 700 }
.hljs-deletion { background: rgba(255, 221, 221, 1) }
.hljs-addition { background: rgba(221, 255, 221, 1) }
.hljs-emphasis { font-style: italic }
.hljs-strong { font-weight: 700 }

阅读类元服务开发笔记---week1

最近在边学边写个元服务。一个阅读类的应用，闲暇之余刷一些正能量的词句，比较简单，对于初学者来说相对容易实现。开始(这个当初可以回溯到六月了，呵呵。。。。。。)是想做这个顺便学下swift的，ios只会用oc开发------后来做起了RN开发鸿蒙Next，再后来又看到了鸿蒙除了开发应用，还有元服务的说法。个人感觉元服务和小程序类似，一个以微信应用为平台，一个以操作系统为平台，更多是体量上的差异吧（old money vs new money？？？）。从自己作为个人开发者的角度看，写ios/android原生不是一个好的选择，势必会涉及多端开发，分散精力。如果不是想拿swift练练手，不会选择用原生来做---简单的阅读应用本身也不涉及非得原生实现的技术。RN不大想写，写得太多已经公式化了，微信小程序，或者taro都是不错的选择---接近RN，又可以去接触多个平台，旧瓶装新酒。直到最近接触了元服务，局面似乎又打开了:先用元服务做个初版，本身ArkTS兼容TS，后期如果想迁移到小程序可以复用很大部分业务逻辑代码。加上希望尝试尝试原生开发鸿蒙，事情似乎出现了转机。开发本身是为了做一些技术拓展，跳出上班时候固有的三板斧，接触一些不涉及到的方面。之前脑图规划的时候也想到了很多想去了解的技术点---小到灵动岛，小组件，大到swift/kotlin等新的不曾尝试的开发语言。

与其说这是一个应用，倒不如说是一个"demo缝合怪"。整体上已经用swiper+grid开发出了可行的结构，围绕这个结构尽快添加完必要的UI处理进行上架是目前的首要目标。

现阶段的主要工作内容

• 自定义字体的使用(iconFont)

• 基本的页面UI开发

• 数据结构的定义

• 内容的产生

其中数据结构定义和内容产生是当下的难点。前者涉及到业务逻辑，后者目前似乎只能人肉搬运。相比于后者的体力活，前者更加棘手一点：内容上可以分为“古文”和"现代文”。古文又分诗和词，其中诗分五言和七言，这部分格式比较好处理，词有曲牌，具备一定格式，而现代文则完全格式不固定。当前还是围绕着五言七言来开发，先把固定的写出来，再考虑不固定内容的处理。完成初版的上架后会在后续版本中对以下内容做学习实践

• 完全基于鸿蒙生态的云后台（云函数/云数据库等）

• 分享等用户交互行为

• UI模板

先上单机版，再做后台，当下的目标是在元旦前造出一个"缝合怪"跑起来。为此也调整了作息，地铁RN的后续开发缓一缓，在没有明确后续商务的情况下优先这个元服务的开发。以上就是元服务开发第一周的情况，比较混乱，和最初的预想差异较大，属于临时起意。那句话怎么说来着？爱意随钟起？

---

更多内容可关注

我的公众号悬空八只脚