共计 2951 个字符，预计需要花费 8 分钟才能阅读完成。
疫情的缘故，一整年都没去过电影院，在家用投影仪看的片子也比比皆是；不过有一部，足足看了两遍——《超体》。这是个 14 年的科幻动作片，女主误入黑帮交易，被迫在腹中缝入了高浓度提纯的 CPH4（孕妇产生的微量元素能够帮忙胎儿造成骨骼）走私毒品，运输过程中因为被打，药品破了渗透到了她的血液，自此，她的大脑被一步步开发，最初达到 100%……
吸引我重复去看的，是片子的哲学观。女主意识到逐步开发的大脑，既是超能力，也是超能量，本人的精神只是一个容器，当容器自身不足以反对这么大的超级能量时，基因为了生存的本能，会驱动细胞自主去寻找适合的土壤——穿梭古今一直学习人类、地球乃至宇宙的所有信息，最初，女主精神隐没，变成一个超级计算机的载体 u 盘，留下一句“我无处不在”~~89 分钟，叙事零打碎敲——所有生物都是基因发明的机器，生命短暂，基因不朽。
从电影回到事实，人类在无限的生命里，其实做着有限的被基因驱使的有意识行为；咱们看似弱小，站在食物链顶端，却常常无奈分辨到底哪些行为是我要，哪些是它想。作为凡人去思考这种宏大的常识实践，兴许失去的答案，往往只能是草草的一句 物理的止境是数学，数学的止境是哲学，而哲学的止境是神学。
所以，既然咱们有力与基因抗衡，那么只能适应它的趋势；在能力范畴内，放弃苏醒，无意识地做出让咱们更幸福的行为决策，让短暂的精神生命体验更多的愉悦和满足。
那么，幸福，是什么？
柳生雄宽说，所谓幸福，是能明确本人的价值观，并真正实现这种价值观的状态；而胜利，则是让与本人持有雷同价值观的人，也感觉你幸福，胜利是幸福的延长线。
一个人，哪怕一天只工作 8 小时（互联网行业，应该不止），那么起码有 1/3 的工夫，是在工作中度过的。如果你的工作内容，恰好是小程序开发，那么你生存中 1/3 工夫的幸福公式便是：
- 价值观 = 心愿高效开发小程序
- 实现价值观 = 辅助工具系数 ✖️（产出 ✖️ 品质）/ 工夫
Smart UI 设计和开发的初衷，便是晋升辅助工具系数。
Smart UI 是什么
智能小程序 Smart UI 扩大组件库，及其衍生的示例模板库，是对小程序根底能力的扩容，蕴含更多元的能力和组合款式，以后已反对 33 种组件（组件列表），并积淀出 14 套组合能力示例模板（模板列表）。
它依据原子理论进行拆解，像搭积木个别，以单体的积木元件通过组合造成变幻无穷的小程序实体。开发者能够自由选择，是本人对毛坯进行定制化装修，还是间接入住咱们的简装房。
但无论怎样，搬砖、打地基、刮水泥这种沉重的工作，曾经由 Smart UI 实现。
可视化辅助编程
在摸索小程序开发提效时，咱们意识到，可视化辅助编程所见即所得，既能升高语言的学习门槛，又保留了开发者自开发的灵便度，对咱们来说是一个平衡感极佳的提效伎俩。
因而，咱们选取开发者工具 GUI 辅助编程，作为上文提到的要害 辅助系数。
Smart UI 组件的应用，首先，反对最惯例的 npm 引入：
1）第一步，要在我的项目中 npm 装置依赖包@smt-ui/component；
npm i @smt-ui/component
2）引入 npm 包中的自定义组件
{
"usingComponents": {"smt-icon": "@smt-ui/component/src/icon"}
}
3）在对应页面的 swan 中间接应用该组件
<smt-icon name="arrow-left"></smt-icon>
与此同时，也反对联合开发者工具面板，进行可视化辅助编程：
1）关上开发者工具，显示编辑器界面
2）点击编辑器右上角，关上组件面板
3）抉择 Smart UI 面板，即可查看 Smart UI 的组件列表
4）在面板上选中组件，点击插入，即可将组件插入以后的 .swan 文件中，模拟器中也可查看成果
同样的，组合能力示例，咱们也提供了与上文相似的两种应用形式。
- 通过 npm 装置引入
1）在小程序根目录执行下方命令，下载页面模板的对应的 npm 包
npm i @smt-ui-template/page-status // 模板名称
2）将对应的模板文件拷贝到以后小程序适合的目录下（如 pages）：
“模板文件”为 npm 包内 @smt-ui-template-xxx 文件
├── project.swan.json
├── app.json
├── app.js
├── pages
└── @smt-ui-template-status // 模板文件
3）在小程序根目录的 app.json 中配置模板页面的 path 门路，查看成果
{
"pages": [
...
"pages/@smt-ui-template-status/index"
...
]
}
2. 可视化辅助编程，开发者工具欢送页面板
关上开发者工具，点击“页面模板”，抉择相应模板，选中后点击右下角“立刻应用”，填写相干信息点击右下角“实现”按钮。
丰盛的图标库
在日常的小程序我的项目实际中，设计师们将以往积淀的 284 个图标进行细节优化，使其在利用中更具准确性、多样性和丰盛度，并且封装成 SVG 格局对外输入，塑造为一套真正可能为开发者所用的 Smart UI 图标库（icon 组件应用形式详见文档）。
轻量级图表
当咱们遇到一些数据、报表需要时，本人绘制的老本很高，往往会去寻找一些图表第三方库；Smart UI 中实现了小程序图表组件，能够应用扁平化数据配置疾速接入，体积轻便，满足惯例的折线图、柱状图、饼图需要，反对 SVG + Canvas 两种渲染引擎。（clfe-chart 组件应用形式详见文档）。
信息流卡片组件
如果小程序自身是内容类组件，那么信息流则是不可短少的。
Smart UI 提供了多种模式的信息流卡片组件，由小程序 UE 业余团队设计，合乎信息流设计规范；包含左文右图、纯文本、上文下图、多图及视频等多种模式。（feed-item 组件应用形式详见文档）
关注疏导蒙层组件
为帮忙小程序开发者更好地留存用户，在将来持续性与用户进行互动，智能小程序官网推出了小程序关注组件，而关注疏导蒙层组件，能够疏导用户关注小程序。
mask 组件，能够一键疏导用户关注小程序，晋升小程序的用户粘性；同时反对默认顶部导航和自定义导航。（mask 组件应用形式详见文档）
当然，蒙层疏导能使用户注意力聚焦在疏导上，此时原页面性能均无奈应用；思考到它会打断用户的工作门路和沉迷式体验，咱们倡议审慎应用，可在用户首次进入小程序首页时展现 1 次。
实战小程序
表白整蛊神器小程序，利用了 Smart UI 组件库中的自定义导航和下拉刷新，实现首页模板瀑布流。
（源码地址：https://github.com/wannamakeu…）
配套示例模板
对于一个刚刚接触小程序开发的同学来说，学习文档是第一步，然而文档的 api、组件内容齐全且宏大，每个都学会再去开发小程序，将会是一个绝对漫长的过程。
这个时候，如果有一些现成的的小程序模板，开箱即用，开发者在二次开发的过程中，边应用边学习，能够大幅升高学习老本——Smart UI 组件联合小程序日常业务，积淀出了组合能力示例，用以解决这个的痛点。
下方为图文详情页、办理类服务（多流程）模板成果示例；更多模板，能够查看官网文档 https://smartprogram.baidu.co…
以上就是想要跟大家分享的内容，心愿 Smart UI 可能作为大于 1 的辅助系数，让小程序的开发者，晋升 1/3 工夫的幸福。